WebflowとGoogle スプレッドシートを連携して注文を自動追加しよう！

WebflowとGoogle スプレッドシートの連携フローの作り方

では実際に、Yoomを使ってWebflowとGoogle スプレッドシートを連携しましょう。
今回のフローは「Webflowで注文が発生したらGoogle スプレッドシートに追加する」というものです。

1. YoomでWebflowとGoogle スプレッドシートをマイアプリ連携
2. Webflowでアプリトリガー設定
3. Google スプレッドシートでレコード追加のための設定

上記3ステップで連携ができます。難しい知識は必要ありませんので、テンプレートをコピーして一緒に設定を進めましょう。

ステップ1：WebflowとGoogle スプレッドシートをマイアプリ連携

最初に、YoomとWebflow・Google スプレッドシートを連携します。

WebflowとYoomの連携‍

(1)Yoomにログイン後、左側メニュー「マイアプリ」から「＋新規接続」をクリックします。

(2)検索窓に「Webflow」と入力すると検索結果が表示されるので、クリックしましょう。

(3)アカウント名は任意で入力しましょう。
アクセストークンについては手順にあるように、WebflowにログインしたうえでAPIキーを取得し、入力します。
なお、説明文に記載されているように、Webflowを連携する際には権限の設定に注意してください。

(4)画面が切り替わり、下のように「マイアプリを登録しました」と表示されたら、連携の完了です。

Google スプレッドシートとYoomの連携

(1)Google スプレッドシートとの連携も同様に、「＋新規登録」から検索窓に「Google スプレッドシート」と入力して、検索結果をクリックします。

(2)下のような画面が表示されるので、「Sign in with Google」をクリックしましょう。
また、権限の付与も行う必要があります。

アプリ連携ができたら、マイアプリ一覧にWebflowとGoogleスプレッドシートが表示されるので確認をして連携は完了です。

ステップ2：Webflowでトリガーを設定

(1)「マイプロジェクト」からコピーしたテンプレート「【コピー】Webflowで注文が発生したらGoogleスプレッドシートに追加する」をクリックします。

(2)フローの「新規注文が発生したら」をクリックします。

(3)下記のようなページが表示されるので、トリガーアクションが「新規注文が発生したら」になっていること、アカウント情報が正しいことを確認し、「次へ」をクリックします。

(4)サイトIDを候補から選択して「テスト」をクリックします。エラーが発生しなかったら「保存する」をクリックします。

(5)下のような画面が表示されるので、記載されている手順通りに接続設定をし、「テスト」をクリックします。
エラーが発生しなかったら「保存する」をクリックして、トリガー設定は完了です。

ステップ3：Google スプレッドシートでレコード追加の設定

(1)フローに戻り、「レコードを追加する」をクリックします。

(2)下のような画面が表示されるので、アカウント情報を確認します。
そのまま下にスクロールすると「データベース連携」の項目が出てきます。
該当するGoogleスプレッドシートのID名とタブ名を候補から選択し、「次へ」をクリックしましょう。

(3)下のような画面が表示されるので、レコードを追加するための詳細設定を入力します。

(4)入力欄をクリックすると、下のようにアプトプットでWebflowの候補が出てきます。
それぞれ合うものをクリックしていきましょう。
すべての項目の入力が完了したら、「テスト」をクリックします。
エラーが発生しなかったら「保存する」をクリックして、設定を保存しましょう。

以上で設定は完了です。
最後にトリガーをONにしてフローを動かしましょう。

これで、「Webflowで注文が発生したらGoogleスプレッドシートに追加する」フローボットの完成です。

その他のWebflowとGoogle スプレッドシートを使った自動化の例

他にもWebflowとGoogle スプレッドシートを使った自動化の例がYoomにはたくさんあるので、いくつか紹介します。

1.Webflowのフォームが送信されたらGoogle スプレッドシートに追加する
Webflowのフォームが送信されたら、その都度ダッシュボードから確認するのは手間です。また、フォーム内容を手動で追加していると、時間と労力がかかり非効率です。このテンプレートを利用すれば、Webflowのフォーム内容を自動でGoogle スプレッドシートに追加することができるため、業務にかかる時間と手間を減らすことができます。

2.Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加する
手入力によるWebflowのコレクション管理を頻繫に行わなければならない状況下では、追加作業にかかる時間や手間が増え、生産性が下がってしまいます。また、入力ミスにより間違った情報が登録される可能性もあります。このテンプレートを活用することで、Google スプレッドシートへの追加作業を自動化できるため、他の重要タスクに時間や労力を割くことが可能です。

3.Webflowのフォームが送信されたらHubSpotにチケットを作成する
情報が記載されたフォームの内容から手入力でチケットの発行を行っていると、入力ミスなどのヒューマンエラーが起きる可能性が高くなります。このテンプレートを使えば、フォームの情報が自動で転記されるので、ミスの削減が期待できます。また、常に最新の顧客情報が得られるため、顧客から問い合わせがあった際も対応しやすくなるでしょう。

まとめ

WebflowとGoogle スプレッドシートの連携により、注文データの管理が自動化されるので、業務効率の向上が期待できます。手入力にかかる時間や労力を削減できるだけでなく、発生しやすい入力ミスを防ぐことにもなります。また、注文データの管理を自動化することで、スタッフ間での情報共有もスムーズに行えることが期待できます。
これにより、オンラインストアの運営が円滑になり、顧客満足度の向上に役立つかもしれません。

本記事で紹介したこの連携は、Yoomを使えばプログラミングの知識がなくても設定できます。もし「注文管理に手間取っている」「もっと注文管理業務を効率化したい」と思っているなら、ぜひYoomに無料登録して、実際に試してみてください。今すぐ始めて、業務の負担を軽減しましょう。