WebflowとGoogle スプレッドシートを連携して、コレクション情報をGoogle スプレッドシートに自動で一元化する方法
WebflowとGoogle スプレッドシートを連携して、コレクション情報をGoogle スプレッドシートに自動で一元化する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとGoogle スプレッドシートを連携して、コレクション情報をGoogle スプレッドシートに自動で一元化する方法
フローボット活用術

2025-03-26

WebflowとGoogle スプレッドシートを連携して、コレクション情報をGoogle スプレッドシートに自動で一元化する方法

k.hieda
k.hieda

Webflowはノーコードで高品質なウェブサイトを作成できるため、多くの企業が導入しています。Google スプレッドシートに情報を一元化することで、データの管理や共有がより簡単になり、さらに便利に行えます。

しかし、従来の作業ではデータの手動入力や更新に時間がかかることが課題でした。

そこで、私たちはこのプロセスを自動化するフローボットを開発しました。この自動化ソリューションにより、これまでの課題が解消され、業務がスムーズになります。プログラミング不要で設定できる方法も解説していますので、ぜひ最後までご覧ください。

とにかく早く試したい方へ

Yoomには、WebflowとGoogle スプレッドシートを連携するためのテンプレートが用意されています。

今すぐ試したい方は、以下のバナーをクリックしてスタートしましょう!


■概要

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加するフローです。

■このテンプレートをおすすめする方

1.Webサイトの運営を担当している方

・Webflowを利用したWebサイトの運営をしている方

・WebflowのコレクションをGoogle スプレッドシートに連携している方

2.WebflowのコレクションをGoogle スプレッドシートで管理している方

・Webflowのコレクションを活用してWebサイトの運営を効率化している方

・Google スプレッドシートへの情報追加を効率化したい方

■このテンプレートを使うメリット

Webflowのコレクション管理をGoogle スプレッドシートで行っている場合、手動による追加作業が手間だと感じているかもしれません。
また、Webサイトのコンテンツの追加が頻繫に行われている状況だと、追加作業にかかる時間も増えてしまい生産性が低減する可能性があります。

このテンプレートは、Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務にかける時間を削減し、業務をシームレスに進めることが可能です。

Webflowのコレクションを元にデータの分析やレポートの作成を行っている場合にも、常に最新の情報がスピーディーに連携されるため、業務運営がスムーズになります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

WebflowとGoogle スプレッドシートを連携するメリット2選

デザイナーとバックオフィススタッフの視点から、この自動化がどのように業務を効率化するか考察しました。

メリット1:コンテンツ管理の効率化

Webflowでコレクションアイテムを作成すると、アイテムID、サイトID、コレクションIDなどが自動でGoogle スプレッドシートに記録されます。

これにより、アイテムがどのサイトやコレクションに紐付いているかを明確に管理でき、プロジェクトの進行がスムーズになります。

さらに、デザイナーは手動でデータを入力する手間がなくなり、デザイン作業に専念できる環境が整うでしょう。
ノーコードで自動化できるため、エンジニアに依存せずに業務を進められるのも大きな利点です。

メリット2:アーカイブ管理が簡単に

Google スプレッドシートにデータが自動で転記されることで、バックオフィスはリアルタイムでデータを共有し、アーカイブ管理を容易にします。

例えば、アーカイブ済みか、最終公開日時などの情報が記録されるため、どのコンテンツが現在アクティブなのか、どのコンテンツがアーカイブ済みなのかが一目で把握できます。

これにより、サイトの更新や報告書作成がスムーズになり、業務が円滑に進められます。

WebflowとGoogle スプレッドシートを連携してできること

WebflowとGoogle スプレッドシートを連携させることで、手作業で行っていたデータ管理を自動化できます。
たとえば、Webflowでコレクションのアイテムが作成されると、その情報を自動でGoogle スプレッドシートに追加できます。
これにより、わざわざWebflowを確認しなくてもデータがスプレッドシートに反映され、入力ミスや情報漏れを防ぐことが可能です。

ここでは、具体的な自動化の例をいくつかご紹介します。アカウント登録後、「試してみる」ボタンをクリックするだけでこれらの連携を体験できるので、気になる内容があればぜひクリックしてみてください!

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加する

Webflowでコレクションのアイテムを作成すると、自動でGoogle スプレッドシートに追加されるフローです。
これにより、管理業務にかける時間を削減でき、業務をシームレスに進められます。
さらに、Webflowのコレクションをもとにデータの分析やレポートの作成を行う場合でも、最新の情報がスピーディーに反映されるため、業務運営がスムーズになります。


■概要

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加するフローです。

■このテンプレートをおすすめする方

1.Webサイトの運営を担当している方

・Webflowを利用したWebサイトの運営をしている方

・WebflowのコレクションをGoogle スプレッドシートに連携している方

2.WebflowのコレクションをGoogle スプレッドシートで管理している方

・Webflowのコレクションを活用してWebサイトの運営を効率化している方

・Google スプレッドシートへの情報追加を効率化したい方

■このテンプレートを使うメリット

Webflowのコレクション管理をGoogle スプレッドシートで行っている場合、手動による追加作業が手間だと感じているかもしれません。
また、Webサイトのコンテンツの追加が頻繫に行われている状況だと、追加作業にかかる時間も増えてしまい生産性が低減する可能性があります。

このテンプレートは、Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務にかける時間を削減し、業務をシームレスに進めることが可能です。

Webflowのコレクションを元にデータの分析やレポートの作成を行っている場合にも、常に最新の情報がスピーディーに連携されるため、業務運営がスムーズになります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

Webflowで注文が発生したらGoogle スプレッドシートに追加する

Webflowで注文が発生すると、自動でGoogle スプレッドシートに追加されるフローです。
これにより、在庫管理や受注管理の作業が効率化され、注文情報の入力ミスや抜け漏れも減らせます。
その結果、データの確認や分析にかかる負担が軽減され、業務全体がよりスムーズに進行します。


■概要

Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトの運営を担当している方

・自社のECサイト運営を担当している方

・WebflowとGoogleスプレッドシートの連携を効率化したい方

2.Google スプレッドシートを利用してデータ管理をしている方

・Google スプレッドシートで商品の在庫管理や受注管理を担当している方

・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方

■このテンプレートを使うメリット

Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。

このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。

注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

WebflowとGoogle スプレッドシートの連携フローを作ってみよう

それでは、さっそく実際にWebflowとGoogle スプレッドシートを連携したフローを作成してみましょう!
今回はYoomを使用して、ノーコードで進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト:WebflowGoogle スプレッドシート

[Yoomとは]

フローの作成方法

今回は「Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加する」フローの作り方を解説します!
作成の流れは大きく分けて以下です。

  • WebflowとGoogle スプレッドシートのマイアプリ登録
  • テンプレートをコピー
  • Webflowのトリガー設定とGoogle スプレッドシートのアクション設定
  • トリガーをONにしてフローの動作確認


■概要

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加するフローです。

■このテンプレートをおすすめする方

1.Webサイトの運営を担当している方

・Webflowを利用したWebサイトの運営をしている方

・WebflowのコレクションをGoogle スプレッドシートに連携している方

2.WebflowのコレクションをGoogle スプレッドシートで管理している方

・Webflowのコレクションを活用してWebサイトの運営を効率化している方

・Google スプレッドシートへの情報追加を効率化したい方

■このテンプレートを使うメリット

Webflowのコレクション管理をGoogle スプレッドシートで行っている場合、手動による追加作業が手間だと感じているかもしれません。
また、Webサイトのコンテンツの追加が頻繫に行われている状況だと、追加作業にかかる時間も増えてしまい生産性が低減する可能性があります。

このテンプレートは、Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務にかける時間を削減し、業務をシームレスに進めることが可能です。

Webflowのコレクションを元にデータの分析やレポートの作成を行っている場合にも、常に最新の情報がスピーディーに連携されるため、業務運営がスムーズになります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

事前に準備するもの

Webflowの情報を追加するGoogle スプレッドシートを準備します。

  • 1行目はヘッダーとして使用します。
    Webflowから抽出する取得した値の項目とリンクさせ、列ごとに項目を入力しておきましょう。
  • 同じ項目名があるとシステムが正しく判断できないため、各項目はユニークな名前に設定してください。
  • 同名の項目が必要な場合は、「項目1」「項目2」のように連番を付けるとわかりやすくなります。

今回は、以下のシートを用意しました。

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

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにします。
まずは基本的な設定方法を解説しているナビをご覧ください!

ここからは、今回のフローで使用するアプリの連携方法を解説します。

Webflowの場合

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

  • アカウント名は任意で入力しましょう。
  • アクセストークンの取得方法は、以下の通りです。
  1. Webflowのダッシュボードで、対象のサイトを選択します。
  2. 「Site Settings」に進み、「Apps & Integrations」をクリックします。
  3. 「API Access」タブで、APIトークンを発行します。
  4. APIトークン発行時に、「CMS」と「Sites」の「Read and Write」権限を設定してください。

なお、説明文に記載されているように、Webflowを連携する際には権限の設定に注意してください。

入力が完了したら、「追加」をクリックしてください。

以上で、Webflowのマイアプリ連携は完了です。

Google スプレッドシートの場合

Google スプレッドシートのマイアプリ連携は、本章の冒頭にあるナビをご参照ください。
以上でマイアプリ登録は完了です!

ステップ2:テンプレートをコピー

下記のバナーから、「試してみる」をクリックしてテンプレートをコピーしてください。


■概要

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加するフローです。

■このテンプレートをおすすめする方

1.Webサイトの運営を担当している方

・Webflowを利用したWebサイトの運営をしている方

・WebflowのコレクションをGoogle スプレッドシートに連携している方

2.WebflowのコレクションをGoogle スプレッドシートで管理している方

・Webflowのコレクションを活用してWebサイトの運営を効率化している方

・Google スプレッドシートへの情報追加を効率化したい方

■このテンプレートを使うメリット

Webflowのコレクション管理をGoogle スプレッドシートで行っている場合、手動による追加作業が手間だと感じているかもしれません。
また、Webサイトのコンテンツの追加が頻繫に行われている状況だと、追加作業にかかる時間も増えてしまい生産性が低減する可能性があります。

このテンプレートは、Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務にかける時間を削減し、業務をシームレスに進めることが可能です。

Webflowのコレクションを元にデータの分析やレポートの作成を行っている場合にも、常に最新の情報がスピーディーに連携されるため、業務運営がスムーズになります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

テンプレートがコピーできたら、「OK」をクリックします。

マイプロジェクトにテンプレートがコピーされます。

赤枠内のタイトルをクリックして設定画面に遷移します。

ステップ3:Webflowのトリガー設定

プロセスの1つ目をクリックします。
Webflowで該当のサイトとの連携と、抽出する取得した値を設定しましょう。

「連携アカウントとアクションを選択」ページが表示されるので、トリガーアクションが「コレクションのアイテムが作成されたら」になっていること、アカウント情報が正しいことを確認し、「次へ」をクリックします。

続いて、アプリトリガーのAPI接続設定です。

サイトIDを設定します。
編集欄をクリックするとプルダウンが開き、候補が表示されます。選択すると自動でIDが引用されます。

もしくは、下記の方法で取得できます。

  • Webflowのダッシュボードで、対象のサイトを選択します。
  • 「Site Settings」に進み、「General」タブを開きます。
  • ページをスクロールしていくと、「Site ID」が表示されているので、そこから確認・コピーすることができます。

設定が完了したら、テストを実行してください。
問題がなければ、次へ進みましょう。

次に、Webhookの設定を行います。

※Webhookイベントとは
Webflow上でコレクションアイテムが作成される(または更新される)と、発生します。
ここで実際に、Webflowでコレクションアイテムを作成しておきましょう。

準備が完了したら、テストを実行してください。

テストに成功すると、以下のように「取得した値(アウトプット)」が表示されます。
取得した値とは?

トリガーやオペレーション設定時に、「テスト」を実行して取得した値のことを指します。
後続のオペレーション設定時の値として利用でき、フローボットを起動する度に変動した値となります。

必要に応じて詳細設定を行い、保存しましょう。

ステップ4:Google スプレッドシートのレコード追加設定

ここでは、Google スプレッドシートとの連携と追加する情報の紐付けを行います。
「レコードを追加する」をクリックしてください。

「連携アカウントとアクションを選択」ページが表示されるので、アクションが「レコードを追加する」になっていること、アカウント情報が正しいことを確認し、「次へ」をクリックします。

次にデータベースの連携を行います。
スプレッドシートIDは編集欄をクリックすると、連携したGoogle アカウントから候補のシートがピックアップされます。
該当のシートを選択すると、IDが引用されます。

入力が完了したら、次に進みます!

データベース設定でエラーが生じる場合は、以下のヘルプページをご確認ください。

続いて、データベース操作の設定を行います。

レコードを追加するための詳細設定を入力します。
入力欄をクリックすると、以下のように取得した値に候補が出てきます。
それぞれ合うものをクリックしていきましょう。

すべての入力が完了したら、テストを実行しましょう。

テストに成功したら、保存して完了です!

ステップ5:トリガーをONにしてフローの動作確認

設定完了の画面が表示されたら、トリガーをONにします。

以上で連携作業は完了です!

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

WebflowとGoogle スプレッドシートを活用した自動化は、今回ご紹介した「Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加する」以外にも様々な業務に応用できます。
ここでは、関連するテンプレートをいくつかご紹介します。日々の業務効率化のヒントとして、ぜひ参考にしてください。

Webflowを使った便利な自動化例

さまざまなサービスと連携させることで、フォーム送信や投稿情報の登録、データ更新などの作業を自動化できます。
これにより、顧客情報やコンテンツデータの手入力作業を減らし、業務の効率化や情報管理の精度向上につなげることが可能です。


■概要

Cal.comで新しいアポイントメントが確定するたびに、その情報を手作業でWebflowのCMSに登録していませんか?こうした定期的な手作業は、手間がかかるだけでなく入力ミスを誘発する可能性もあります。
このワークフローを活用すれば、Cal.comとWebflowをスムーズに連携させ、予定の登録からWebflowのコレクションへのアイテム追加までを自動化できます。手作業による情報更新の手間をなくし、より効率的なサイト運営を実現します。

■このテンプレートをおすすめする方

  • Cal.comで受け付けた予約情報をWebflowのサイトに手動で反映させている方
  • Cal.comとWebflow間のデータ転記作業における入力ミスや反映漏れを防ぎたい方
  • ノーコードでCal.comとWebflowを連携し、予約管理の業務効率化を図りたい方

■このテンプレートを使うメリット

  • Cal.comで予定が登録されると、自動でWebflowにアイテムが追加されるため、これまで手作業に費やしていた時間を別の業務に充てることができます
  • 手作業によるデータ転記が不要になるため、Webflowサイトへの情報の入力間違いや反映漏れといったヒューマンエラーのリスク軽減に繋がります

■フローボットの流れ

  1. はじめに、Cal.comとWebflowをYoomと連携します
  2. 次に、トリガーでCal.comを選択し、「予定が登録されたら」というアクションを設定します
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、Cal.comから取得した情報を紐付けます

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowの「コレクションにアイテムを追加」アクションにて、アイテムを追加したいサイトIDおよびコレクションIDを任意で設定してください
  • コレクションの各フィールドに、トリガーとなるCal.comから取得した予定情報(予約者の名前やメールアドレス、予定日時など)をそれぞれ紐付けてください

■注意事項

  • Cal.com、WebflowのそれぞれとYoomを連携してください。

■概要

Webflowで構築したサイトのコンテンツ管理を、チームのコミュニケーションツールであるDiscordで行っている場合、削除依頼などを手動でWebflowに反映させる作業は手間がかかり、対応漏れの原因にもなりがちです。このワークフローは、特定のDiscordチャンネルへのメッセージ投稿をきっかけに、Webflow上のアイテムを自動で削除するものです。WebflowとDiscordの連携によって面倒な手作業をなくし、サイト管理を効率化します。

■このテンプレートをおすすめする方

  • Webflowでサイトを運営し、Discordでコンテンツの削除依頼を受け付けている方
  • WebflowとDiscord間での手作業によるアイテム削除に、時間と手間を感じているチーム
  • Discordでの連絡を起点に、Webflowサイトの運用を自動化・効率化したいと考えている方

■このテンプレートを使うメリット

  • Discordへのメッセージ投稿でWebflowのアイテムが自動で削除されるため、これまで手作業に費やしていた時間を短縮することができます
  • 手作業によるアイテムの削除漏れや、誤った情報を削除してしまうといったヒューマンエラーのリスク軽減に繋がります

■フローボットの流れ

  1. はじめに、DiscordとWebflowをYoomと連携します
  2. 次に、トリガーでDiscordを選択し、「チャンネルでメッセージが送信されたら」というアクションを設定します
  3. 続いて、オペレーションのテキスト抽出機能で、Discordのメッセージ内容から削除対象のアイテムを特定するためのテキストを抽出します
  4. 最後に、オペレーションでWebflowを選択し、「コレクションのアイテムを削除」アクションで、抽出した情報をもとに該当アイテムを削除するよう設定します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • テキストを抽出するオペレーションでは、Discordのメッセージ本文のどの部分を、削除対象のアイテムを特定するために利用するかを任意で設定してください
  • Webflowでアイテムを削除するアクションでは、対象となるコレクションやアイテムを、前のステップで抽出したテキスト情報を活用して設定してください

■注意事項

  • Discord、WebflowのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要

Webflowのフォームが送信されたらAirtableに追加するフローです。

■このテンプレートをおすすめする方

1.Webサイトの運営でWebflowを活用している方

・Webflowのフォームから問い合わせやリードを収集している企業

・Webflowのフォーム内容をAirtableに手動で追加している方

2.Airtableでフォーム情報を管理している方

・Airtableで顧客情報やリード情報を管理している方

・Airtableへのデータ入力を自動化したい方

■このテンプレートを使うメリット

Webflowから送信されたフォーム内容は、ダッシュボードや指定のメールアドレスから確認することができます。
しかし、毎回ツールにログインしてフォーム内容を確認するのは非効率的です。

このテンプレートは、Webflowから送信されたフォームを自動でAirtableに追加することができます。
Airtableに自動でフォーム情報が追加されることで、スピーディーにフォーム内容を確認することができ、対応状況を可視化することができます。

また、手動による転記作業も不要となるため、ヒューマンエラーの発生を防止し、業務の効率化を図ることが可能です。

■注意事項

・Webflow、AirtableのそれぞれとYoomを連携してください。


■概要

Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。

■このテンプレートをおすすめする方

1.カスタマーサポートチーム

・顧客からの問い合わせやリクエストを効率的に管理したいチーム

・フォーム送信内容を自動でチケット化し、迅速に対応したいサポート部門

2.営業部門

・見込み顧客の問い合わせを効率的に管理し、迅速に対応したい営業チーム

・フォームから送信された情報を基に、フォローアップアクションを実行したい部門

3.マーケティング部門

・顧客のフィードバックやリクエストをHubSpotで一元管理し、マーケティング活動に活用したいチーム

4.IT部門やシステム管理者

・フォーム送信内容を一元管理し、システム上で効率的に対応したい部門

■このテンプレートを使うメリット

・顧客からの問い合わせやリクエストにリアルタイムで対応でき、顧客満足度の向上に繋がります。

・チケット作成の手間を省けるため作業時間を大幅に短縮することができます。

■注意事項

・Webflow、HubSpotのそれぞれとYoomを連携させてください。


■概要

Webflowのフォームが送信されたらNotionに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトを管理している方

・問い合わせやリード情報をWebflowのフォームから収集している企業

・フォーム情報をNotionへ自動で追加したい方

2.業務管理でNotionを使用している方

・Notionで問い合わせ内容やリード情報を一元管理している方

・手作業によるNotionへのデータ入力を自動化したい方

■このテンプレートを使うメリット

Webflowにフォームを設置することで、問い合わせやリード情報を効率的に取得することができます。
しかし、フォーム内容は都度ダッシュボードにログインして確認する必要があり、手間だと感じているかもしれません。

このテンプレートは、Webflowから送信されたフォーム内容をNotionに自動で追加することができます。
Webflowのダッシュボードに都度ログインしてフォーム内容を転記する作業が不要となるため、ヒューマンエラー発生を防止し、業務の効率化を図ることができます。

また、Notionにフォーム内容が自動で追加されることで、顧客対応のプロセスをスムーズに進めることが可能です。

■注意事項

・Webflow、NotionのそれぞれとYoomを連携してください。


■概要

Webflowのフォームが送信されたらSalesforceに追加するフローです。

■このテンプレートをおすすめする方

1.Webflowを使ってサイト管理をしている方

・問い合わせやリード情報の取得でフォームを活用している企業

・問い合わせやリードの対応をスピーディーに行いたい方

2.業務でSalesforceを使用している方

・Salesforceへのフォーム内容の追加を自動化したい方

・顧客情報をSalesforceで一元管理している営業チーム

■このテンプレートを使うメリット

Webflowに送信されたフォーム内容の確認は、ダッシュボードや指定のメールアドレスから確認できますが、毎回アクセスするのは非効率的です。
また、フォーム内容をSalesforceに手動で追加している場合、誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。

このテンプレートは、SalesforceにWebflowのフォーム内容を自動で追加することができます。
手動によるデータ入力が不要となるため、データを正確にSalesforceに反映することができ、問い合わせやリード情報の管理が楽になります。

フローの後にチャットツールと連携することで、問い合わせやリード情報の反映後に特定のメンバーに情報共有することが可能です。

■注意事項

・Webflow、SalesforceのそれぞれとYoomを連携してください。

・Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。

・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


■概要

Webflowのフォームが送信されたらサスケに追加するフローです。

■このテンプレートをおすすめする方

1.Webflowを使ってWebサイトを管理している方

・Webflowで問い合わせやリード収集のフォームを設置している企業

・サスケにフォームから送信されたデータを自動で追加したい方

2.サスケを使用して業務を進めている方

・サスケを活用してリード情報を管理している方

・顧客管理でサスケを使用している営業担当者

■このテンプレートを使うメリット

Webflowにフォームを設置することで、問い合わせやリードに関する情報を効率的に収集できるのがメリットです。
しかし、サスケでWebflowのフォーム内容を管理している場合、手動によるデータ入力が必要となり、ヒューマンエラーの発生が懸念されます。

このテンプレートを使用することで、Webflowのフォームが送信されるとサスケに自動で追加することができるため、手動によるデータ入力が不要となります。
フォーム内容がスピーディーにサスケに追加されるため、営業活動をスムーズに行うことができ、業務の効率化を図ることができます。

また、チャットツールと連携することで、特定のメンバーに追加されたフォーム内容の共有をすることも可能です。

■注意事項

・Webflow、サスケのそれぞれとYoomを連携してください。


■概要

Pipedriveで管理している取引情報を、Webflowで構築したサイトにも反映させたいものの、手作業での転記や要約に時間がかかっていませんか。このワークフローは、そうした課題を解決します。Pipedriveに新しい取引が追加されると、AIが自動で内容を要約し、Webflowにアイテムとして登録します。PipedriveとWebflowの効果的な連携により、情報更新の手間を省き、迅速な情報共有を実現します。

■このテンプレートをおすすめする方

  • PipedriveとWebflowを併用し、手作業でのデータ連携に課題を感じている方
  • Pipedriveの取引情報を基に、Webflow上のコンテンツを迅速に更新したいと考えている方
  • AIを活用して定型的な要約作業を自動化し、コア業務に集中したい方

■このテンプレートを使うメリット

  • PipedriveとWebflowの連携が自動化されるため、これまで手作業での転記や要約に費やしていた時間を短縮できます
  • 人の手を介さずにデータが連携されるため、手作業による入力ミスや情報の齟齬といったヒューマンエラーの発生を防ぎます

■フローボットの流れ

  1. はじめに、PipedriveとWebflowをYoomと連携します
  2. 次に、トリガーでPipedriveを選択し、「取引が追加されたら」というアクションを設定します
  3. その後のオペレーションで「テキストを生成」を選択し、トリガーで取得した取引情報を基に内容を要約するよう設定します
  4. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、生成されたテキストを任意のコレクションに追加します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • 「テキストを生成」オペレーションで利用するプロンプト(AIへの指示文)は、生成したい文章の形式や内容に合わせて任意で編集してください
  • Webflowの「コレクションにアイテムを追加」オペレーションで設定するフィールド情報は、任意で追加することができます

■注意事項
・Pipedrive、WebflowのそれぞれとYoomを連携してください。


■概要

Webflowでコレクションのアイテムが作成されたらkintoneのデータベースに追加するフローです。

■このテンプレートをおすすめする方

1.WebflowでWebサイトを構築・運用している方

・WebflowのCMSコレクションをkintoneのデータベースでも管理したい方

・Webflowで作成・更新した情報をkintoneに手動で転記する手間を省きたい方

・kintone上でWebflowの情報を一元管理して検索や分析に活用したい方

2.kintoneを活用している方

・Webflowの情報をkintoneに取り込み、他の情報と連携させたい方

・kintoneのワークフロー機能を活用してWebflowの情報更新に基づいた承認プロセスなどを自動化したい方

■このテンプレートを使うメリット

Webflowはウェブサイトをノーコードで構築できるプラットフォームですが、そこで作成された情報を他のシステムで活用するには、手作業でのデータ転記が必要となり、これが業務効率の低下やヒューマンエラーの原因となることがあります。

このフローを導入することで、Webflowのコレクションにアイテムが作成された情報をkintoneのデータベースに自動的に追加することができます。
これによってデータ入力作業から解放され、貴重な時間をコンテンツ作成やサイト改善などに充てることができます。また、データ入力のミスや情報漏洩が軽減されて、正確かつ効率的なデータ管理を行うことが可能となります。

■注意事項

・Webflow、kintoneのそれぞれとYoomを連携してください。


■概要

WordPressとWebflowの両方でサイトを運営していると、コンテンツの二重投稿や管理に手間を感じることはありませんか。
特に、WordPressで公開した記事を手作業でWebflowに転記している場合、時間もかかりミスも発生しがちです。

このワークフローを活用すれば、WordPressでの投稿公開をきっかけに、Webflowのコレクションへアイテムが自動で追加されるため、こうしたコンテンツ管理の課題を解消し、運用を効率化できます。

■このテンプレートをおすすめする方

  • WordPressとWebflowを併用し、コンテンツの二重入力に手間を感じているWeb担当者の方
  • WordPressのブログ記事をWebflowサイトに自動で同期し、コンテンツの更新作業を効率化したい方
  • ノーコードでWordPressとWebflowを連携させ、サイト運用の自動化を実現したい方

■このテンプレートを使うメリット

  • WordPressでの投稿公開後、自動でWebflowにアイテムが追加されるため、これまで手作業で行っていた転記の手間と時間を削減できます
  • 手動でのコピー&ペースト作業がなくなることで、転記ミスや更新漏れといったヒューマンエラーを防ぎ、コンテンツの品質を保つことに繋がります

■フローボットの流れ

  1. はじめに、WordPressとWebflowをYoomと連携します
  2. 次に、トリガーでWordPressを選択し、「投稿が公開されたら」というアクションを設定し、投稿の公開をフローの起動条件とします
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、WordPressの投稿内容がWebflowに自動で追加されるように設定します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowの「コレクションにアイテムを追加」オペレーションでは、アイテムを追加したいコレクションIDを任意で指定してください
  • アイテムの各フィールド(名前や本文など)には、トリガーで取得したWordPressの投稿タイトルや内容といった情報を変数として埋め込む設定や、固定値を入力する設定が可能です

■注意事項

  • WordPress、WebflowのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

Google スプレッドシートを使った便利な自動化例

さまざまなツールと連携することで、レポート作成や注文情報の管理、メッセージ翻訳などの作業を自動化できます。
これにより、日々のデータ入力や情報更新の手間を減らし、業務の効率化やミスの防止につなげることが可能です。


■概要

Jira Softwareの特定プロジェクトで課題が作成されたら、Googleスプレッドシートのデータベースにレコードを追加するフローです。

Jira Softwareは課題の作成以外にも、課題の作成または更新されたらという設定が可能で、課題の更新時にもトリガーを起動させることができます。

Jira Softwareで作成された課題内容をわざわざ確認しなくても、自動的にGoogleスプレッドシートにレコード情報が追加・更新されるので、情報管理の抜けや漏れをなくすことができます。

■注意事項

・Jira Software、GoogleスプレッドシートそれぞれとYoomを連携してください。


■概要‍
ネクストエンジンで受注伝票が出荷確定したら、Googleスプレッドシートに自動的に伝票情報を連携します。
連携先のスプレッドシートや連携する情報は自由に設定可能です。

■注意事項‍
・ネクストエンジン、GoogleスプレッドシートそれぞれをYoomと連携してください。


■概要

Googleフォームに回答があったらオフィスステーションとGoogleスプレッドシートに従業員情報を登録するフローです。

■このテンプレートをおすすめする方

1.従業員情報を頻繁に登録・更新する必要がある方

  • 人事担当者や管理者
  • 中小企業の経営者
  • 労務管理担当者

2.手動でのデータ入力や登録作業を減らし、自動化したいと考えている方

  • 業務の自動化や効率化を目指している企業の経営者
  • 従業員情報の正確性を高めたい方
  • データの一元管理を行いたい方

3.Googleフォームとオフィスステーションを日常的に活用している方

  • Googleフォームを利用して従業員から情報を収集している企業
  • オフィスステーションを活用して従業員管理を行っている担当者

■このテンプレートを使うメリット

・フォームへの回答があった際に、自動で従業員情報をオフィスステーションとGoogleスプレッドシートに登録することで、手作業による入力作業を大幅に削減できます。

・Google Apps Scriptを使用することで、特定の要件やカスタマイズに応じた処理を追加できます。例えば、特定の条件下でのみデータを更新するなど、業務フローに合わせた柔軟な設定が可能です。

注意事項

・Googleフォーム、オフィスステーション、GoogleスプレッドシートそれぞれとYoomを連携してください。

・Googleフォームをトリガーとして使用した際の回答内容を取得する方法は下記を参照ください。https://intercom.help/yoom/ja/articles/6807133


■概要
取引先の法人情報を手作業で検索し、リストに転記する作業に手間を感じていませんか。このような定型的な情報収集は、時間がかかるだけでなく、コピー&ペーストのミスといったヒューマンエラーの原因にもなりがちです。このワークフローを活用すれば、Yoomのデータベースにレコードを追加するだけで、gBizINFO(経済産業省)から法人情報を自動で検索し、その結果をGoogle スプレッドシートへスムーズに蓄積できます。
■このテンプレートをおすすめする方
  • 取引先の法人情報を手作業で検索し、リスト管理している営業や管理部門の方
  • gBizINFO(経済産業省)の情報を活用した業務の自動化を検討している方
  • データベースとGoogle スプレッドシート間のデータ転記作業を効率化したい方
■このテンプレートを使うメリット
  • データベースへの登録を起点に、法人情報の検索から転記までが自動化され、これまで手作業に費やしていた時間を短縮できます。
  • システムが自動で処理するため、手作業による法人情報の検索ミスや転記漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
  1. はじめに、gBizINFO(経済産業省)とGoogle スプレッドシートをYoomと連携します。
  2. 次に、トリガーでデータベーストリガー機能を選択し、「条件に合致するレコードが新たに作成されたら」というアクションを設定します。
  3. 次に、オペレーションでgBizINFO(経済産業省)の「法人番号から法人情報を検索」アクションを設定します。
  4. 最後に、オペレーションでGoogle スプレッドシートの「レコードを追加する」アクションを設定し、検索で取得した情報を指定のスプレッドシートに追加します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
  • Yoomのデータベーストリガー機能では、監視対象とするデータベースや、フローを起動させるレコードの条件を任意で設定してください。
  • Google スプレッドシートへの追加アクションでは、書き込み先のファイルやシートを任意で指定し、登録する項目には固定値だけでなく、gBizINFO(経済産業省)で取得した法人情報などを変数として設定できます。
■注意事項
  • gBizINFO(経済産業省)、Google スプレッドシートとYoomを連携してください。

■概要

Slackの特定のチャンネルに英語などの文章を投稿したら、AIオペレーションで日本語に翻訳してスレッドに自動で返信し、翻訳前後のテキストをスプレッドシートに追加します。

■設定方法

Slack、GoogleスプレッドシートそれぞれのアプリとYoomを連携してください。(マイアプリ連携)

Slackの「新しいメッセージがチャンネルに投稿されたら」アクションでチャンネルを指定してください。

「翻訳する」オペレーションで翻訳対象のテキストと翻訳先言語を指定します。

Slackの「スレッドに通知」というアクションで、メッセージなどの設定を行ってください。

「データベースを操作する」オペレーションでGoogleスプレッドシートのレコードを追加するアクションで翻訳前後のテキストをスプレッドシートに追加します。

スプレッドシートに設定した列と読み取り項目を対応させて設定をしてください。

■注意事項

・各アプリのオペレーションで連携するアカウント情報の設定が必要です。

・Slackの投稿先のチャンネルIDやメッセージ内容を任意の値に置き換えてご利用ください。

・AIオペレーションはチームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。

・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリやAI機能(オペレーション)を使用することができます。


■概要

Shopifyに新しい注文があったら、Googleスプレッドシートにレコードを追加するフローです。

Shopifyの注文内容をわざわざ確認しなくても、自動的にGoogleスプレッドシートに情報が追加されるので、情報管理の抜けや漏れをなくすことができます。

■注意事項

・Shopify、GoogleスプレッドシートそれぞれとYoomを連携してください。

・Shopifyはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。

・フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。

・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


■概要

YouCanBookMeで新しく予定が登録されたら、Googleスプレッドシートのデータベースにリードを登録するフローです。

■このテンプレートをおすすめする方

1.YouCanBookMeとGoogleスプレッドシートを併用している営業チーム

・YouCanBookMeで獲得した見込み客を自動でGoogleスプレッドシートのデータベースに登録し、リード管理を効率化したい方

・手作業でのGoogleスプレッドシートへのリード登録の手間を省きたい方

・YouCanBookMeの予約情報を活用して、Googleスプレッドシートのデータベースで効果的なリードナーチャリングを行いたい方

2.営業/カスタマーサポート担当者

・効率的にリードを獲得し、成約率を高めたい方

・YouCanBookMeの予定情報に基づいた顧客対応を行い顧客満足度を高めたい方

■このテンプレートを使うメリット

・YouCanBookMeで予約されたリード情報をGoogleスプレッドシートのデータベースに自動で登録することにより、手入力の手間が省くことができリード管理の効率が向上します。

・手入力によるミスを減らし、正確なリード情報をGoogleスプレッドシートに登録することができます。

・YouCanBookMe予定が入ると同時にGoogleスプレッドシートのデータベースリード情報が登録されるため、営業担当者はすぐにリードに対してアプローチすることができます。

・YouCanBook.meで予定を登録した顧客を自動的にGoogleスプレッドシートのデータベースに追加することにより、リード管理の手間を省くことができ効率的なフォローアップが可能になります。

■注意事項

・YouCanBookMe、GoogleスプレッドシートのそれぞれとYoomを連携させてください。

・YouCanBookMeのWebhook設定方法はこちらをご参照ください。


■概要

GitHubでIssueが新しく作成または更新されたら、Googleスプレッドシートに自動で追加します。

設定方法

GitHub、GoogleスプレッドシートとYoomを連携してください。(マイアプリ連携)

GitHubの「Issueが新しく作成または更新されたら」というトリガーで、オーナー名とリポジトリ名を指定してください。

・Googleスプレッドシートの「レコードを追加する」というオペレーションで、追加先のスプレッドシート情報を指定してください。

注意事項

GitHubアカウントとGoogleスプレッドシートアカウントとの連携設定が必要です。


■概要

Webサイトに設置したフォームからの問い合わせや申し込み後、手作業で情報を転記したり、担当者に通知したりする業務に手間を感じていませんか。この作業は単純でありながら、入力ミスや対応漏れが許されない重要な業務です。このワークフローを活用すれば、フォームに回答があるだけで、Google スプレッドシートへの情報追加とLINE公式アカウントへの通知が自動で完了するため、こうした課題をスムーズに解消できます。

■このテンプレートをおすすめする方

  • フォームからのリード情報を手作業でGoogle スプレッドシートに転記しているマーケティング担当者の方
  • 問い合わせがあった際に、担当者へのスムーズな通知を自動化したいと考えている営業担当者の方
  • 手作業によるデータ入力ミスや通知漏れを防ぎ、業務を効率化したいと考えている方

■このテンプレートを使うメリット

  • フォーム回答からGoogle スプレッドシートへの転記が自動化されるため、これまで手作業に費やしていた時間を他のコア業務に充てることができます。
  • 手動でのデータ転記や通知作業がなくなることで、入力ミスや共有漏れといったヒューマンエラーの発生を防ぎ、対応品質の向上に繋がります。

■フローボットの流れ

  1. はじめに、Google スプレッドシートとLINE公式アカウントをYoomと連携します
  2. 次に、トリガーでYoomのフォーム機能を選択し、作成したフォームが送信されたらフローが起動するように設定します
  3. 次に、オペレーションでGoogle スプレッドシートの「レコードを追加する」アクションを設定し、フォームで受け取った回答内容を指定のシートに記録します
  4. 最後に、オペレーションでLINE公式アカウントの「テキストメッセージを送信」アクションを設定し、指定した相手にフォーム回答があった旨を通知します

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Yoomのフォームトリガーでは、テキスト入力や選択式など、用途に合わせて質問項目を自由に作成できます。
  • Google スプレッドシートへデータを追加する際には、対象のスプレッドシートIDやシート名、どの列にどの回答内容を記録するかを任意で設定できます。
  • LINE公式アカウントからの通知は、通知先を自由に設定できるだけでなく、本文にフォームの回答内容を変数として埋め込み、より具体的な通知を送ることも可能です。

■注意事項

  • Google スプレッドシート、LINE公式アカウントのそれぞれとYoomを連携してください。

■概要

毎日指定の時間に前日のGoogle Adsからレポート情報を取得して、Google スプレッドシートに自動的に格納するフローボットです。

Google Adsの情報をGoogle スプレッドシート上で管理したり、広告レポート作成を自動化する際にご利用ください。

起動タイミングは任意の時間を指定可能です。

■注意事項

・Google Ads、GoogleスプレッドシートそれぞれとYoomのアカウント連携が必要です。

・レポート情報を格納するスプレッドシートを作成してご利用ください。

まとめ

今回ご紹介したWebflowとGoogle スプレッドシートの自動連携によって、従来の手作業にかかる手間を削減でき、チーム全体の作業効率が向上が期待できます。デザイナーは、コンテンツの管理やプロジェクト進行がスムーズになり、バックオフィスはアーカイブや公開状態をリアルタイムで把握できるようになります。

今回ご紹介したノーコードツール「Yoom」を使えば、プログラミングの知識がなくても、直感的な操作で業務フローを構築することが可能です。自動化に少しでも興味を持っていただけたなら、ぜひ登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください!

よくあるご質問

Q:Webflowアイテムの更新・削除も同期されますか?

A:

いいえ、同期されません。
今回は、「コレクションのアイテムが作成されたら」をトリガーに設定しているため、アイテムが削除・更新されても自動で反映されません。
ただし、「コレクションのアイテムが更新されたら」や「コレクションのアイテムが削除されたら」をトリガーに設定し、「レコードを更新する」アクションと組み合わせることで変更や削除内容も自動でGoogle スプレッドシートに反映できます。
連携でできることやテンプレート一覧は、WebflowのAPIと今すぐ連携をご確認ください。

Q:連携が失敗した場合、どのように検知できますか?

A:

エラーが発生すると、Yoomのアカウント作成時に登録したメールアドレス宛に通知が届きます。
また、Slack・Chatworkなどのチャットツールでエラー通知を受け取ることも可能です。
通知には、エラーが起きたオペレーションや、その詳細を確認できるリンクが記載されており、原因を迅速に把握できます。

なお、エラーが発生するとフローの再実行は自動で行われないため、手動での対応が必要です。
エラーが発生した際の対応方法は、以下のヘルプページをご参照ください。‍

ヘルプページで解決しない場合は、サポート窓口からお問い合わせいただけます。

Q:連携はリアルタイムで実行されますか?

A:

はい。
今回ご紹介したフローではWebhookを利用しているため、リアルタイムで連携が実行されます。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
k.hieda
k.hieda
Webプランナー・ディレクター歴10年目。Web制作会社勤務時代は、クライアントへ改修と運用プランの提案と制作進行がメインでした。現在はパラレルワーカーです。Yoomのコンテンツ事業部でブログの制作、個人事業では企業の外部広報案件を受けています。民泊を始めるのでルーチンワーク効率化の徹底を目指しています!
タグ
Google スプレッドシート
連携
Webflow
自動
自動化
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる