Webflowと楽楽販売のマイアプリ連携
テンプレートをコピーしたら、事前準備としてWebflowと楽楽販売をYoomのマイアプリに登録します。
※既に登録している場合は「ステップ1.アプリトリガーの設定」へお進みください。
<手順>
1.Yoomにログイン後、「マイアプリ」→「+新規接続」の順にクリック

2.アプリ名を検索して必要な情報を入力

マイアプリ一覧にWebflowと楽楽販売が表示されていれば準備完了です!
早速、詳細設定に進みましょう!
ステップ1.アプリトリガーの設定
まずは、アプリトリガー「レコードを登録」をクリックしましょう。

最初のページでは、事前に連携したアカウント情報が表示されるので確認し、問題なければ、「次へ」をクリックしてください。

次のページでは、WebflowとAPI接続するための設定をします。
サイトIDを候補の中から指定し、「テスト」でエラーがなければ「次へ」をクリックしてください。

次のページではWebhookイベントを送信、またはトリガーとなるイベントを実行し、「テスト」をクリックしてください。

ここまで問題がなければ、「保存する」でトリガーの設定は終了です。
ステップ2.レコードを登録
次に、「レコードを登録」をクリックしてください。

最初のページでは、ステップ1と同様にアカウント情報が表示されるので、問題なければ「次へ」をクリックしてください。
2ページ目では、レコードを登録するための設定をします。
「ドメイン」「アカウント名」「DBスキーマID」「登録データ」は必須項目なので、必ず入力しましょう。
登録データの値には、Webflowからアウトプットされた情報を活用しましょう。


上記の画像では、注文IDを登録する設定になっていますが、追加したい値がある場合は、「+登録データを追加」をクリックすると、新しい入力ボックスが作成されます。

「テスト」をクリックしてエラーが出なければ、「保存する」をクリックしてください。
下記のようなポップアップが表示されたらすべての設定が完了です。

その他Webflowと楽楽販売を使った自動化例
Yoomには、Webflowと楽楽販売を利用した自動化例が多数あります。
さまざまなアプリと連携することが可能なので、以下の代表例を参考にしてみてください。
1.Webflowのフォームが送信されたらサスケに追加する
見込み顧客の情報管理としてサスケを利用している方もいると思います。
Webflowのフォーム情報をサスケに自動反映させたい場合、以下のテンプレートを参考にしてみてください。