【業務改善】Webflowの注文情報をJUST.DBに自動追加しよう

WebflowとJUST.DBのマイアプリ連携

テンプレートをコピーしたら、事前準備としてWebflowとJUST.DBをYoomのマイアプリに登録します。
※既に登録している場合は「ステップ1.アプリトリガーの設定」へお進みください。

<手順>

1.Yoomにログイン後、「マイアプリ」→「＋新規接続」の順にクリック

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

マイアプリ一覧にWebflowとJUST.DBが表示されていれば準備完了です！
早速、詳細設定に進みましょう！

ステップ1.アプリトリガーの設定

まずは、サイドバーにある「マイプロジェクト」から先ほどコピーしたテンプレートを選択してください。

次に、アプリトリガー「新規注文が発生したら」をクリックしましょう。

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

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

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

ここまで問題がなければ、「保存する」でトリガーの設定は終了です。

ステップ2.レコードの挿入

次に、「レコードの挿入」をクリックしてください。

最初のページでは、ステップ1と同様にアカウント情報が表示されるので、問題なければ「次へ」をクリックしてください。

2ページ目では、注文情報を登録するための設定をします。
「ドメイン」「テーブル識別名」「対象フィールド」の項目を入力しましょう。
各種識別名の確認方法については、こちらの記事をご覧ください。
対象フィールドの値には、以下のようにWebflowからアウトプットされた情報を活用しましょう。

上記画像では、注文IDを登録する設定になっていますが、他の値も追加で登録したい場合は、
「＋対象フィールドを追加」ボタンを選択すると、新しい入力ボックスが作成されます。

「テスト」をクリックしてエラーが出なければ、「保存する」をクリックしてください。

下記のようなポップアップが表示されたらすべての設定が完了です。
トリガーをONにするとフローが実行されます。

その他WebflowとJUST.DBを使った自動化例

Yoomには、WebflowとJUST.DBを利用した自動化例が多数あります。
さまざまなアプリと連携することが可能なので、以下の代表例を参考にしてみてください。

1.Webflowのフォームが送信されたらGoogle スプレッドシートに追加する

本記事の連携は、JUST.DBに注文情報を登録するフローでしたが、こちらはGoogle スプレッドシートにフォーム情報を自動登録するフローです。
フォームから受け取った情報をGoogle スプレッドシートでデータ分析したい場合におすすめです。

2.JUST.DBにレコードが登録されたら、Boxにフォルダを作成する

クラウドストレージとしてBoxを利用している方は、JUST.DBとの連携がおすすめです。毎回手動でフォルダを作成している方は、この連携により、作業の手間が削減されます。

3.JUST.DBにレコードが登録されたら、Slackに通知する

コミュニケーションツールとしてSlackを利用している方は、以下のテンプレートも参考にしてみてください。
JUST.DBのレコード情報と連動して、Slackで自動通知を送ることができます。
この連携により、確認漏れや状況把握の遅れを回避することができるかもしれません。

まとめ

以上、WebflowとJUST.DBを連携する手順でした！
このようにYoomは、プログラミングの知識がなくても使えるため、簡単に連携設定ができます。
Webflowの注文情報がJUST.DBに自動で追加されることで、手入力でデータ転記する必要がなくなり、作業負担が軽減されます。
自動化されることで、入力ミスなどのヒューマンエラーも削減されるでしょう。
また、情報の一元化により、煩雑化した情報を簡単に操作できるようになり、データの有効活用が促進されるかもしれません。
これにより、収集したデータから得られた知見を効果的にマーケティング活動に活かすことができるでしょう。

興味を持っていただけましたら、まずはこちらから無料登録をお願いします！