1.上のバナーの「詳細を見る」をクリック
2.移行した画面下部の「このテンプレートを試してみる」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。
DocuSignと楽楽販売の連携フローの作り方
ステップ1：DocuSignと楽楽販売をマイアプリ連携
Yoomの登録が完了すると、フローボットのテンプレートが「マイプロジェクト」にコピーされます。
画像のような表示がされたら、左側にあるメニューから「マイアプリ」を選択してください。
右上の新規接続ボタンをクリックし、Yoomと各アプリを連携しましょう。
DocuSignとYoomの連携
1.検索する
DocuSignを検索し、DocuSignのアイコンをクリックします。
2.アクセスの許可
画像のようにアクセスの許可を求められます。
確認し、「アクセスの許可」をクリックしましょう。
3.連携完了
画面が切り替わり、上記の表示がされれば連携完了です。
楽楽販売とYoomの連携
1.検索する
表示されたボックスに「楽楽販売」と入力し、楽楽販売のアイコンをクリックしてください。
2.必須項目の入力
連携方法についての詳細は、表示された画像に記載してあります。
内容に従ってAPIトークンを生成しましょう。
APIトークンの生成が完了したら、必須項目にコピー＆ペーストします。
3.追加する
右下の追加をクリックしましょう。
上記の表示がされたら連携完了です。
DocuSignと楽楽販売のマイアプリ連携は以上となります。
次は、先ほどコピーしたテンプレートを活用し、フローボットの設定を行いましょう。
ステップ2：DocuSignの情報をリアルタイムで追加するための設定
1.マイプロジェクトを開く
画面左側のメニューから「マイプロジェクト」を開きましょう。
2.コピーしたテンプレートを開く
「【コピー】DocuSignで契約が完了したら楽楽販売の情報を更新する」をクリックします。
3.アプリトリガーを選択
DocuSignのアイコンの「エンベロープが完了したら」を選択してください。
次へを押します。
4.Webhookの設定
表示されている情報を基に、DocuSignのページで設定を行います。
5.エンベロープを完了させる
Webhookの設定が完了したら、DocuSignの契約データをテストで使用するため、エンベロープを完了させましょう。
6.テストの実行
エンベロープを完了させたら、Yoomの画面に戻りテストボタンを押します。
青く「テスト成功」と表示がされたら設定完了です。保存を押してください。
ステップ3：DocuSignの契約データを取得する設定
1.アプリと連携する
DocuSignのアイコンの「特定のエンベロープの情報を取得」を選択してください。
次へを押します。
2.IDの入力
IDを入力します。
エンベロープIDの設定は完了しているため、アカウントIDのみ入力してください。
3.テストの実行
設定ができたら、下部にあるテストボタンを押します。
青く「テスト成功」と表示がされたら設定完了です。保存を押しましょう。
ステップ4：楽楽販売へ追加する設定
1.アプリと連携する
楽楽販売のアイコンの「レコードを更新」をクリックします。
タイトルなどの設定は完了しているため、次へを押しましょう。
2.ドメインなどの設定
画像の3つの項目を入力しましょう。
それぞれに補足が書かれているため、内容に沿って入力してください。
3.登録データの設定
登録データの設定を行います。
登録する値を入力し、対となるヘッダ項目のIDを入力しましょう。ヘッダ項目のIDは詳細画面などからご確認ください。
初期設定では送信日時のみ設定済みです。そのため、他のデータを取得する必要があります。
赤枠部分をクリックします。
空の状態の登録データが追加されます。
ボックスをクリックすると、先ほど設定したDocuSignのアクションが表示されます。
今回は、締結した契約データを楽楽販売に反映していくため、エンベロープの情報を入力していきましょう。
楽楽販売に追加したいデータをクリックしましょう。
画像ではエンベロープIDを選択しました。エンベロープIDを入力することにより、DocuSignのどのエンベロープを使用した契約なのかが解りやすくなります。
この他、楽楽販売に追加したいデータがある場合は、登録データを作成して追加しましょう。
4.テストの実行
画面下部にあるテストボタンを押します。
テスト成功と表示がされれば完了です。保存を押しましょう。
8.トリガーをONにする
フローボットの作成が完了すると、上記のような表示がされます。
トリガーは初期設定ではOFFの状態なので、ONにしましょう。
以上でDocuSignと楽楽販売を使用したフローボットの作成は完了です。
今回使用したフローボットテンプレート
DocuSignで契約が完了したら楽楽販売の情報を更新する
.png)
.png)
.webp)
.webp)
