1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。
ステップ2: Webflowの新しいコレクションアイテムの作成時に起動するトリガーの設定
1. コピーしたテンプレートを開きます。
※下図の赤枠部分から、任意のタイトルに変更できます。
2. フローボットの「アプリトリガー:コレクションのアイテムが作成されたら」をクリックします。
3. 連携アカウントとアクションを選択します。
必要に応じてタイトルを変更し、「次へ」をクリックします。
4. アプリトリガーのAPI接続設定を行います。
サイトIDを候補から選び、「テスト」をクリックします。
5. テストが成功したら、「次へ」をクリックします。
6. Webflowで新しいコレクションアイテムをテスト作成した後、「テスト」をクリックします。
7. テストが成功したら、「保存する」をクリックします。
ステップ3: @pocketにコレクションアイテムの情報を追加するアクションの設定
1. フローボットの「アプリと連携する:レコード情報を登録」をクリックします。
2. 連携アカウントとアクションを選択します。
タイトルを必要に応じて変更し、「次へ」をクリックします。
3. API接続設定を行います。
アプリID:情報を同期するデータベースのアプリIDを入力してください。
レコード情報「フィールド識別名」:情報を追加したい項目のフィールド(列)名を選択してください。
レコード情報「値」:ステップ2で取得したアウトプットを、フィールド識別名に合わせて設定してください。
※下図は入力例です。
※複数の項目を同期する場合は、「+ レコード情報を追加」をクリックして設定してください。
※下図は、アウトプットの参照例です。入力欄をクリックすると候補が表示されるため、使用したいアウトプットを選択してください。
4. 「テスト」をクリックします。
5. テストが成功したら、「保存する」をクリックします。
最後に、保存したフローのトリガーを「ON」に切り替えると起動します。
以上で、「Webflowでコレクションのアイテムが作成されたら@pocketに追加する」フローの完成です。