このセクションの記事

もっと見る

本記事では、Salesforce のレコードから契約書を生成してAdobe Signに送るまでの流れをご紹介します。

 

帳票テンプレートの準備

OPROARTS Liveで帳票のテンプレートをデザインします。

本記事では以下のような帳票デザインを使用して説明します。

layout.PNG

 

CSVデータを受け取る設定は以下のようにします。

csv_fields.PNG

 

以下のようにマッピングします。

live_mapping.png

 

上の画像の、赤枠で囲んだ部分のデータは以下のようになっています。

preface_expression.PNG

 

Salesforceの設定

本記事ではSalesforceの取引先オブジェクトと取引先責任者オブジェクトから契約書を出力する場面を想定しますので、特別な設定は不要です。

account_record.PNG

contact_record.PNG

 

D3Workerの設定

OPROARTSで生成した帳票をAdobe Signに連携するために、以下のサービスを使用します。

  • OPROARTS
  • Adobe Sign

サービスの設定

OPROARTSサービスとAdobe Signサービスのそれぞれを基にしたサービスを作成します。サービスの設定に関しては、以下の記事をご参照ください。

 

エンベロープの設定

 基本設定にて名称を決定したら、文書化サービスと配送サービスのそれぞれに作成した2つのサービスを指定します。

  • 文書化サービス: OPROARTSサービスを基に作成したサービスを指定します。

    envelope_document.png

  • 配送サービス: Adobe Signサービスを基に作成したサービスを指定します。
    envelope_delivery.png

ここでは、どちらのサービスについても設定の変更をせずに保存します。

 

ワークの設定

基本設定にて名称を決定したら、以下のように設定します。

 

データソース

ViewFramerから受け渡されるCSVのフィールドを指定します。

work_datasource.PNG

 

エンベロープ

エンベロープフィールドに「ContractCompany」を、アクティブ化するフィールドに「エンベロープフィールド」を指定して、「ELSEとして使用する」にチェックを入れます。
work_envelope.png

 

文書とデータのマッピング

生成されるPDF文書の名前と作成した帳票テンプレートの名前を入力したら、帳票テンプレートで指定したCSVフィールドの順番と同じになるようにデータセットのフィールド値を設定します。

※帳票テンプレートの名前には、はじめに「live_」を付けてください。（作成したテンプレートの名前が「template_name」である場合は、ここで入力する値は「live_template_name」になります。）

work_mapping.PNG

 

ViewFramerの設定

！注意！

同じウェブブラウザーで複数のビューやマッピングを参照・編集すると上書きされてしまいます。
必ず１つのタブで操作してください。
既存のビューを参考にしたい場合は、別のブラウザーで参考にしたいビューを開くようお願いいたします。ただし、同時編集はできませんので参照のみにしてください。
また、別のブラウザーにした場合も複数のビューを開くことは避けてください。

 

ビューの作成

基本設定にて名称を決定したら、以下のように設定します。

 

リレーション設定

取引先IDを用いて取引先責任者と取引先のリレーション設定をします。

view_relation.PNG

 

出力設定

帳票に出力する値を指定します。

view_output_fields.PNG

※Addressの項目(赤枠で囲んだ部分)については以下のように記述しています。

item_builder.PNG

 

出力条件設定

パラメータ(ここでは「ID」)を設定し、その値と等しい取引先責任者IDをもつレコードのみを出力対象にします。パラメータ「ID」の値には、出力時にSalesforceで開いている取引先責任者レコードのIDが入ります。

view_condition.PNG

 

マッピングの作成

 作成したビューとD3Workerのワークを結びつけるために、マッピングを作成します。

「マッピング：定義」画面では以下のように指定します。

mapping_definition.PNG

 

続いて「マッピング：定義：出力設定」画面の「D3Worker」タブをクリックし、作成したワークのデータソースと作成したビューの項目を結びつけます。

mapping_d3w.png

設定が終わったら、「配備」をクリックしてください。

 

Salesforce にボタンを設置

APIサンプルのダウンロード

ViewFramerのマッピング一覧画面で、呼び出したいマッピングの「APIサンプル」欄にある[APIサンプル]ボタンをクリックします。

mceclip0.png

サービスで「D3Worker」を選択し、[Visualforceページ]ボタンをクリックすると、契約書を生成してAdobe Signへ送るためのカスタムVisualforceページがダウンロードされます。

download_visualforce_sample.png

 

出力アクションの作成と配置

変更したファイルの内容を基に、出力アクションを作成します。

詳しくはこちらの記事をご参照ください。

 

以上の設定を終えた後、ボタンを押すと、、、

send_button.png

 

Adobe Signに契約書が送られます。

document_received.png

 

送信された契約書がこちらです。

output.PNG

 

D3Workerで指定した署名者に向けて、署名依頼メールも届きます。

notification_email.png

 

おわりに

OPROARTSを用いてSalesforceとAdobe Signを連携することで、書類の発行から署名依頼までをワンクリックで行うことができます。

契約業務を効率化する際には、ぜひ本記事をご参照ください。

 

関連記事