1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。
ステップ1.アプリトリガーの設定
まずは、サイドバーにある「マイプロジェクト」から先ほどコピーしたテンプレートを選択してください。
次に、アプリトリガー「新規注文が発生したら」をクリックしましょう。
最初のページでは、事前に連携したアカウント情報が表示されるので確認し、問題なければ、「次へ」をクリックしてください。
次のページでは、WebflowとAPI接続するための設定をします。
サイトIDを候補の中から指定し、「テスト」でエラーがなければ「次へ」をクリックしてください。
次のページではWebhookイベントを送信、またはトリガーとなるイベントを実行し、「テスト」をクリックしてください。
ここまで問題がなければ、「保存する」でトリガーの設定は終了です。
ステップ2.レコードの挿入
次に、「レコードの挿入」をクリックしてください。
最初のページでは、ステップ1と同様にアカウント情報が表示されるので、問題なければ「次へ」をクリックしてください。
2ページ目では、注文情報を登録するための設定をします。
「ドメイン」「テーブル識別名」「対象フィールド」の項目を入力しましょう。
各種識別名の確認方法については、こちらの記事をご覧ください。
対象フィールドの値には、以下のようにWebflowからアウトプットされた情報を活用しましょう。
上記画像では、注文IDを登録する設定になっていますが、他の値も追加で登録したい場合は、
「+対象フィールドを追加」ボタンを選択すると、新しい入力ボックスが作成されます。
「テスト」をクリックしてエラーが出なければ、「保存する」をクリックしてください。
下記のようなポップアップが表示されたらすべての設定が完了です。
トリガーをONにするとフローが実行されます。
今回使用したフローボットテンプレート
Webflowで注文が発生したらJUST.DBに追加する