WebflowとSPIRALの連携イメージ
WebflowとSPIRALを連携して、コレクションが追加されたらSPIRALに自動で蓄積する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとSPIRALの連携イメージ
フローボット活用術

2025-03-26

WebflowとSPIRALを連携して、コレクションが追加されたらSPIRALに自動で蓄積する方法

k.hieda
k.hieda

Webflowはノーコードで高度なウェブサイトを作成できるため、多くの企業に活用されています。デザインと機能を簡単に統合できる点が強みです。

このWebflowのコレクション情報をSPIRALで一元管理すると、より便利になります。

従来の手動でのデータ更新作業は時間がかかり、ミスが起こりやすいといった課題がありました。
そこで当社では、自動化を実現するフローボットを開発しました。
これにより、更新作業がスムーズに進み、手間が減ります。
さらに、プログラミング不要で簡単に導入できるため、幅広い方々に活用していただけます。詳細をぜひご覧ください。


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

YoomにはWebflowとSPIRALを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!


■概要

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

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

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

・自社サイトの管理業務を担当する方

・WebflowのコレクションのアイテムをSPIRALに連携している方

2.Webflowのデータを管理している方

・SPIRALでWebflowのデータを一元管理している方

・WebflowとSPIRALを連携し業務の効率化を図りたい方

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

WebflowのコレクションをSPIRALで管理している場合、手動による追加作業が手間だと感じているかもしれません。
また、毎回の手動によるSPIRALへの追加作業は時間もかかるため、非効率的です。

SPIRALへのWebflowのコレクションの追加作業を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowでコレクションのアイテムが作成されると自動でSPIRALに追加することができるため、作業の効率化を図ることができます。

また、SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。

■注意事項

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


WebflowとSPIRALを連携するメリット2選

マーケティングチームとIT管理者の視点で、WebflowとSPIRALの連携による自動化のメリットを考察しました。

メリット1 コンテンツ更新のスピードアップで競争力を強化

Webflowでコレクションが作成されると、SPIRALが自動で更新されてリアルタイムで情報を管理できます。
特にマーケティングチームにとっては、新しいキャンペーンやプロモーションの情報を素早く市場に反映できるため、大きなメリットとなります。
さらに、作成日時や最終更新日時をデータベース上で管理することで、コンテンツの更新状況やサイクルを把握できます。
これにより、次のアップデートのタイミングを見極めやすくなり、スケジュール管理が容易になります。
スピードが求められる業界では、こうした機能がタイムリーな情報発信と競争力の強化に貢献します。

メリット2 一元管理でデータの信頼性を向上

SPIRALの強みはデータの一元管理です。
Webflowの情報をSPIRALに自動で転記することで、データが複数のシステムで分散せず、一つのプラットフォームで管理できます。
これにより、スラッグやアイテム名を一覧で確認し、簡単に検索や参照が可能です。
特に、データが正確に反映されるため、手動のミスが減り、結果的に業務の効率化が期待できます。
自動化によるスムーズな管理は、作業時間の短縮にも寄与します。


WebflowとSPIRALを連携してできること

WebflowとSPIRALのAPIを連携させることで、これまで手動で行っていたアプリケーション間の情報伝達を自動化できます。
これにより、情報共有のスピードと正確性を向上させ、チームの連携を強化することができるでしょう。
ここでは、具体的な自動化の例をいくつかご紹介します。気になる内容があれば、ぜひクリックしてみてください!


Webflowでコレクションのアイテムが作成されたらSPIRALに追加する

Webflowでコレクションのアイテムが作成されたらSPIRALに追加するフローです。
SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。


■概要

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

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

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

・自社サイトの管理業務を担当する方

・WebflowのコレクションのアイテムをSPIRALに連携している方

2.Webflowのデータを管理している方

・SPIRALでWebflowのデータを一元管理している方

・WebflowとSPIRALを連携し業務の効率化を図りたい方

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

WebflowのコレクションをSPIRALで管理している場合、手動による追加作業が手間だと感じているかもしれません。
また、毎回の手動によるSPIRALへの追加作業は時間もかかるため、非効率的です。

SPIRALへのWebflowのコレクションの追加作業を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowでコレクションのアイテムが作成されると自動でSPIRALに追加することができるため、作業の効率化を図ることができます。

また、SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。

■注意事項

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


Webflowで注文が発生したらSPIRALに追加する

Webflowで注文が発生したらSPIRALに追加するフローです。
手動作業によるミスの発生リスクを低減できるため、送付先の誤りや作業漏れを防止することができます。


■概要

Webflowで注文が発生したらSPIRALに追加するフローです。

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

1.商品やサービスの販売でWebflowを活用している方

・Webflowで自社のオンラインストアを運営しているチーム

・Webflowによる注文情報の管理を手動で行っている方

2.SPIRALで受注管理を担当している方

・SPIRALへ都度注文情報の連携をしている方

・WebflowとSPIRALの連携を効率化したい方

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

Webflowでオンラインストアを運営している場合、発生した注文情報を都度SPIRALに手動で追加し管理するのは手間だと感じているかもしれません。
また、手動による情報連携は誤入力や入力漏れといったミスが発生する可能性があり、業務の運営に支障をきたす恐れがあります。

このテンプレートは、Webflowで注文が発生すると自動でSPIRALに追加することができるため、手動による情報連携が不要になります。
SPIRALへの注文情報の追加が自動化されることで、Webflowからの注文情報をスピーディーに把握することができ、後続作業をスムーズに進めることが可能です。

手動作業によるミスの発生リスクも低減できるため、送付先の誤りや作業漏れを防止することもできます。

■注意事項

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


Webflowのフォームが送信されたらSPIRALに追加する

Webflowのフォームが送信されたらSPIRALに追加するフローです。
SPIRALに都度フォームの情報が追加されるため、顧客対応やフォローアップをスピーディーに進めることが可能です。


■概要

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

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

1.Webflowで自社サイトを運営している方

・フォームから問い合わせやリード情報を取得している企業

・フォームの情報を手動でSPIRALに追加している方

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

・顧客情報をSPIRALで一元管理している方

・SPIRALへの情報追加を自動化したい方

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

Webflowのフォームは、問い合わせやリード情報の取得が便利になる機能です。
しかし、フォームの内容を手動でSPIRALに追加している場合、時間と手間がかかります。

このテンプレートは、Webflowのフォームが送信されたら自動でSPIRALに追加することができます。
手動による作業を自動化することで、時間と労力を削減することができ、ヒューマンエラーの発生を防止することができます。

また、SPIRALに都度フォームの情報が追加されるため、顧客対応やフォローアップをスピーディーに進めることが可能です。

■注意事項

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


WebflowとSPIRALの連携フローを作ってみよう

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

[Yoomとは]


フローの作成方法

今回は「Webflowでコレクションのアイテムが作成されたらSPIRALに追加する」フローを作成していきます!
作成の流れは大きく分けて以下です。

  • WebflowとSPIRALのマイアプリ連携
  • テンプレートをコピー
  • Webflowのトリガー設定およびSPIRALのアクション設定
  • トリガーをONにしてフローが正しく動くかを確認


■概要

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

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

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

・自社サイトの管理業務を担当する方

・WebflowのコレクションのアイテムをSPIRALに連携している方

2.Webflowのデータを管理している方

・SPIRALでWebflowのデータを一元管理している方

・WebflowとSPIRALを連携し業務の効率化を図りたい方

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

WebflowのコレクションをSPIRALで管理している場合、手動による追加作業が手間だと感じているかもしれません。
また、毎回の手動によるSPIRALへの追加作業は時間もかかるため、非効率的です。

SPIRALへのWebflowのコレクションの追加作業を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowでコレクションのアイテムが作成されると自動でSPIRALに追加することができるため、作業の効率化を図ることができます。

また、SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。

■注意事項

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


ステップ1:マイアプリ連携

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

それでは、ここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。

Webflowのマイアプリ連携

Yoom画面の左側にある「マイアプリ」→「新規接続」をクリックします。

アプリ一覧が表示されたらWebflowを選ぶか、検索バーにWebflowと入力してください。

以下の画面が表示されます。
アカウント名には任意の文字列(メールアドレスなど)、アクセストークンにはWebflowで取得した値を入力し、「追加」ボタンをクリックします。

▼参考:アクセストークンの取得方法

Webflowにログインし、Site Settings から「Apps & Integrations」 を選択してください。

API accessで「Generate API token」をクリックし、APIキーを発行しましょう。

名前は任意で設定可能です。
また、「CMS」「Forms」「Sites」の「Read and Write」権限を設定してください。

設定が完了したら「Generate token」で発行します。

APIキーが発行されるのでコピーし「アクセストークン」に貼り付けてください。

SPIRALのマイアプリ連携

先ほどと同様にSPIRALを選択してください。
以下の画面が表示されたら、こちらのページを参考に「アカウント名」と「アクセストークン」を設定してください。最後に「追加」をしましょう。

これでマイアプリ連携が完了です。


ステップ2:Yoomのテンプレートをマイプロジェクトへコピーする

こちらのバナーをクリックします。Yoomワークスペースの「マイプロジェクト」にテンプレートがコピーされます。


■概要

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

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

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

・自社サイトの管理業務を担当する方

・WebflowのコレクションのアイテムをSPIRALに連携している方

2.Webflowのデータを管理している方

・SPIRALでWebflowのデータを一元管理している方

・WebflowとSPIRALを連携し業務の効率化を図りたい方

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

WebflowのコレクションをSPIRALで管理している場合、手動による追加作業が手間だと感じているかもしれません。
また、毎回の手動によるSPIRALへの追加作業は時間もかかるため、非効率的です。

SPIRALへのWebflowのコレクションの追加作業を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowでコレクションのアイテムが作成されると自動でSPIRALに追加することができるため、作業の効率化を図ることができます。

また、SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。

■注意事項

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

コピーすると以下のようにテンプレートがお使いのYoom管理画面にコピーされるので、OKを押して設定を進めていきましょう。


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

まずは、アプリトリガー「コレクションのアイテムが作成されたら」をクリックしましょう。

(1/3)連携アカウントとアクションを選択

以下はあらかじめ設定済みのため操作は不要です。

  • タイトル
  • データベースのアプリ
  • Webflowと連携するアカウント情報実行アクション

→次へをクリック

(2/3)アプリトリガーのAPI接続設定

「サイトID」を設定します。
編集欄をクリックするとプルダウンが開き、候補が表示されます。
選択すると自動でIDが引用されます。もしくは、下記の方法でも取得できます。

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

設定できたら「テスト」を行ってください。
テストに成功したら「次へ」進みましょう。

(3/3)アプリトリガーのAPI接続設定

Webhookイベントとは…
Webflow上でコレクションアイテムが作成される(または更新される)と、発生します。
テスト操作を行うので、実際にWebflowで実行してみましょう。
完了したらYoomに戻り「テスト」をクリックします。

テストに成功すると、Webflowの情報がアウトプット(取得した値)され、このあとの設定でも使用します。
アウトプット(取得した値)とは?

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


ステップ4:SPIRALのアクション設定

ここでは、SPIRAL内のアプリ・データベース連携と追加する情報の紐付けを行います。
「レコードを登録」をクリックしてください。

(1/2)連携アカウントとアクションを選択

以下はあらかじめ設定済みのため操作は不要です。

  • タイトル
  • データベースのアプリ
  • SPIRALと連携するアカウント情報
  • 実行アクション

→次へをクリック

(2/2)API接続設定

編集欄をクリックすると、プルダウンが開き先ほど抽出したアウトプット(取得した値)が表示されます。アウトプット(取得した値)を引用し、設定しましょう。

「アプリID」

  • アウトプット(取得した値)または、下記の方法でも取得できます。
  • SPIRALの管理画面から、上部メニューの「アプリ管理」または「アプリケーション管理」を選択します。
    アプリの一覧が表示されるので、対象のアプリを選択すると、アプリIDは詳細ページ内やURLの末尾に表示されます。

「データベースID」

  • アウトプット(取得した値)または、下記の方法でも取得できます。
  • SPIRALの管理画面で、「データベース管理」にアクセスします。アプリに紐づけられているデータベースの一覧が表示されますので、対象となるデータベースを選択します。
    データベース詳細ページや、データベースを開いた際に、データベースIDが確認できます。これもURLの末尾に表示されることが多いです。

◆レコード情報

「フィールドの識別名」

  • データベース内で管理されているフィールド(項目)が表示されます。
    この一覧の中から、追加したい情報がどのフィールドに対応するか確認します。
    各フィールドには「識別名」または「フィールド名」として、データベースで使用されるフィールドの名称が表示されます。これがフィールドの識別名です。
    フィールドの識別名はSPIRALのデータベース内でユニークなIDとして扱われており、Webflowからのデータをどのフィールドにマッピングするかを指定する際に必要です。

「値」

  • 編集欄をクリックすると、プルダウンが開きWebflowのアウトプット(取得した値)が表示されます。
    レコード追加する項目を選択すると引用コードが埋め込まれます。

レコード情報追加ボタンをクリックすると、引用するコードのエリアを追加することも可能です。
任意で設定しましょう。

必要な項目を全て設定できたら「テスト」を実行しましょう。
テストに成功すると、SPIRALが自動更新されるので確認してみましょう。
最後に「保存する」をクリックしてください。


ステップ5:アプリトリガーを【ON】にする

全てのプロセスが設定完了すると、コンプリート画面がポップアップされます。

トリガーを【ON】にすると、設定完了です。

こちらで連携作業は完了です!

プログラミング不要で、短時間で連携ができました。

今回のテンプレートはこちらです。


■概要

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

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

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

・自社サイトの管理業務を担当する方

・WebflowのコレクションのアイテムをSPIRALに連携している方

2.Webflowのデータを管理している方

・SPIRALでWebflowのデータを一元管理している方

・WebflowとSPIRALを連携し業務の効率化を図りたい方

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

WebflowのコレクションをSPIRALで管理している場合、手動による追加作業が手間だと感じているかもしれません。
また、毎回の手動によるSPIRALへの追加作業は時間もかかるため、非効率的です。

SPIRALへのWebflowのコレクションの追加作業を効率化したい方に、このテンプレートは適しています。
このテンプレートは、Webflowでコレクションのアイテムが作成されると自動でSPIRALに追加することができるため、作業の効率化を図ることができます。

また、SPIRALへの情報追加がスピーディーに行われるため、チーム内での情報共有も容易になり、業務をスムーズに進めることが可能です。

■注意事項

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


その他のWebflowとSPIRALを使った自動化の例

WebflowとSPIRALは、他にもさまざまな自動化テンプレートを提供しています。


Webflowを使った自動化例


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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


■概要

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

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

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

・Webflowで自社サイトやサービスを運営している企業

・フォーム内容をGoogleスプレッドシートに自動で追加したい方

2.Googleスプレッドシートで情報管理をしている方

・GoogleスプレッドシートでWebflowのフォーム内容を管理している方

・顧客情報の管理でGoogleスプレッドシートを活用している方

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

Webflowのフォームは、問い合わせやリード情報の取得に役立ちますが、都度ダッシュボードから確認するのは手間です。
また、Googleスプレッドシートにフォーム内容を手動で追加している場合、時間がかかり非効率的です。

このテンプレートは、Webflowのフォーム内容を自動でGoogleスプレッドシートに追加することができるため、ダッシュボードからフォーム内容を確認する手間を減らすことができます。
データ入力も自動化することができるため、手作業に比べてデータの正確性が高まり、情報管理を効率化することができます。

また、Googleスプレッドシートへの情報の追加がスピーディーに行われるため、チーム内の情報共有をスムーズにすることが可能です。

■注意事項

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


■概要

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

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

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

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

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

2.営業部門

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

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

3.マーケティング部門

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

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

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

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

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

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

■注意事項

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


■概要

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

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

1.Webflowを導入してWebサイトの運営を行っている方

・問い合わせやリード情報の管理を自動化したい方

・Webflowで自社サイトの運営をしている企業

2.Microsoft Excelで情報管理をしている方

・Microsoft Excelでフォーム内容の一元管理をしている方

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

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

Webflowのフォームを利用することで、問い合わせやリード情報の収集を効率的に行うことができますが、毎回Webflowにログインして確認するのは手間です。
また、フォーム内容を管理するためにMicrosoft Excelに手動で追加している場合、誤入力や入力漏れが発生する可能性があります。

Microsoft Excelへのフォーム内容の追加を自動化したい方に、このテンプレートは適しています。
Webflowのフォーム内容が自動でMicrosoft Excelに追加されるため、毎回Webflowにログインする手間が不要となり、業務の効率化を図ることができます。

また、データ入力が自動化されることで、正確なデータがMicrosoft Excelに反映されるようになり、データの正確性を保つことができます。

■注意事項

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

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。


■概要

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のフォームが送信されたらkintoneに追加するフローです。

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

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

・Webflowのフォームから顧客情報を収集している企業

・Webflowのフォームで獲得したリード情報を活用している方

2.kintoneを業務で活用している方

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

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

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

Webflowから送信されたフォーム内容を確認する際、ダッシュボードから確認する必要があります。
都度ダッシュボードにログインして確認する必要があるため、手間だと感じているかもしれません。

このテンプレートは、Webflowのフォームが送信されると自動でkintoneに追加することができます。
都度ダッシュボードにログインする必要が無くなり、フォーム内容が自動でkintoneに追加されるため、業務の効率化を図ることができます。

また、フォーム内容はkintoneに集約されるため、対応の進捗状況の可視化をすることが可能です。

■注意事項

・Webflow、kintoneのそれぞれと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を連携してください。


SPIRALを使った自動化の例


■概要

GENIEE SFA/CRMで会社情報が登録されたらSPIRALに追加するフローです。

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

1.GENIEE SFA/CRMを活用している企業

・チーム内全ての営業活動を管理をしている営業部長

・顧客データの管理を行う営業アシスタント

2.SPIRALを使用してデータ管理を行う方

・キャンペーン作成やデータを集計・分析に使用しているマーケティング担当者

・リード管理を行う営業アシスタント

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

GENIEE SFA/CRMは営業活動を円滑に進めるために有益なツールです。
さらにSPIRALを使用することでマーケティング活動によって得られたデータを活用することができ、より効果的な営業活動が可能となります。
しかしGENIEE SFA/CRMに登録された企業情報を改めてSPIRALに手入力することは、情報の最新性を保つことを困難にします。

新しい情報を素早く共有したいと考える方にこのフローは有効的です。
GENIEE SFA/CRMに情報が追加されたら、自動でSPIRALへの登録を完了させ、手入力でかかっていた時間を省きスピーディーな情報共有を実行します。

■注意事項

・GENIEE SFA/CRM、SPIRALのそれぞれとYoomを連携してください。


■概要

Garoonでワークフローが承認されたらNotionにレコードを登録するフローです。

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

1.Garoonを活用したワークフローを実行している方

・プロジェクトマネージャーやチームリーダー

・業務プロセスの管理者や担当者

2.SPIRALを使用してデータ管理を行う方

・データベースを活用して顧客管理を行う企業

・リード管理を行う営業担当

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

Garoonは業務フローを電子化することでスムースな業務進行に有益なツールです。
併せてSPIRALのデータベースで全体の案件を管理することで、確実にタスクを解消することができます。
しかし、Garoonの情報をその都度SPIRALのデータベースに手入力することは、ビジネスチャンスの損失につながることがあります。

手作業に時間をかけず、よりクリエイティブな業務に時間を使いたいと考える方にこのフローは有効的です。
Garoonでワークフローが承認されたら、自動でSPIRALのデータベースに情報を追加するため、手入力の手間を省いて時間を短縮します。
短縮した時間を他の業務に充てることで、業務効率を上げることができます。

注意事項

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


■概要

Googleスプレッドシートで行が追加されたらSPIRALにレコードを追加するフローです。

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

1.Googleスプレッドシートを業務で活用している方

・共有シートで業務管理を行う事務職の方

・同じシートを同時に編集したいチームの責任者

2.SPIRALを使用してデータ管理を行う方

・キャンペーン作成やデータを集計・分析に使用しているマーケティング担当者

・リード管理を行う営業アシスタント

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

Googleスプレッドシートはチームで集めた情報を共有するために有効的なツールです。
しかし、Google スプレッドシートに入力された情報を手入力でSPIRALに改めて追加することは、本来注力すべきコア業務への時間を奪うことになります。

手入力の手間を省き、スムーズに業務を進行したいと考える方にこのフローは適しています。
Googleスプレッドシートの登録内容を引用して、自動でSPIRALへレコード追加することで手作業を省き、入力のためにかかっていた時間を節約します。

■注意事項

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


■概要

SPIRALで取引先が登録されたらGoogle Driveにフォルダを作成するフローです。

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

1.SPIRALを顧客情報の一元管理場所として使用している企業

・取引先ごと情報管理を行う業務担当

・リード管理を行う営業アシスタント

2.Google Driveを活用してファイル管理をしている方

・担当企業ごとのフォルダを作成している方

・管理するデータをわかりやすく共有したい方

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

Google Driveはファイルの一元管理に適したツールです。
同時にSPIRALを使用して顧客情報を登録することで、Google Driveで管理するファイルと関連付けて管理を行うことができます。
しかし、SPIRALへ取引先が登録されるたびにGoogle Driveに手作業でフォルダを作成するのは、貴重な時間を浪費することになります。

作業にかける時間を短縮し、コア業務に時間をかけたいと考える方にこのフローは適しています。
このテンプレートを使用するとSPIRAL上で取引先が追加されるとGoogle Driveに取引先のフォルダを自動で作成し、手作業の時間を省きます。
フォルダ作成にかかっていた時間を他の業務に使うことで、チーム全体が重要度の高い業務に集中でき、業務効率化につながります。

■注意事項

・SPIRAL、Google DriveのそれぞれとYoomを連携してください。


■概要

SPIRALで取引先が登録されたらOneDriveにフォルダを作成するフローです。

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

1.SPIRALを使用して取引先の管理をしている方

・取引先の情報を都度SPIRALに蓄積している方

・取引先とのデータをSPIRALで一元管理している方

2.OneDrive上でファイルを管理している方

・ファイルの共有でOneDriveを活用しているチーム

・取引先の資料をOneDriveで管理している方

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

OneDriveはクラウドストレージのため、ファイル共有を効率化できるのがメリットです。
しかし、手動でOneDriveにフォルダを作成している場合、作業効率を低下させる可能性があります。

このテンプレートは、SPIRALで取引先が登録されると自動でOneDriveにフォルダを作成することができます。
フォルダ作成が自動化されるため、ファイルの格納をスムーズに行うことができ、チーム内のファイル共有がスピーディーになります。

また、フォルダ作成におけるヒューマンエラーの発生を防止することも可能です。

■注意事項

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

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

・プランによって最短の起動間隔が異なりますので、ご注意ください。


■概要

SPIRALで従業員情報が登録されたらAKASHIにも登録するフローです。

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

1.SPIRALで従業員情報を一元管理している方

・従業員管理でSPIRALを活用している方

・SPIRALとAKASHIのデータ連携を自動化したい方

2.業務でAKASHIを活用している方

・AKASHIへの従業員登録を自動化したい方

・労務管理における業務を効率化したい方

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

SPIRALに登録した従業員情報をAKASHIに手動で登録している場合、時間がかかり非効率的です。
また、手動による登録作業は誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。

AKASHIへの従業員情報の登録を自動化したい方に、このテンプレートは適しています。
SPIRALで登録した従業員情報がAKASHIにも自動で登録されるため、手動による作業が軽減され、業務の効率化を図ることができます。

また、チャットツールと連携することで、登録された従業員情報をスムーズに共有することができ、管理業務をスムーズに進めることが可能です。

■注意事項

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

・AKASHIのマイアプリ連携方法はこちらをご参照ください。


■概要

SPIRALで取引先が登録されたらDropboxにフォルダを作成するフローです。

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

1.SPIRALで取引先や顧客管理をしている方

・業務でSPIRALを活用している方

・日常的に取引先のデータを扱う営業担当者

2.取引先とドキュメントのやり取りが多い方

・取引先ごとのドキュメント管理を効率化したい方

・Dropboxを活用して取引先と文書やファイルのやり取りを担当している方

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

Dropboxはクラウドストレージのため、ドキュメントのやり取りを効率化できるのがメリットです。
しかし、取引先ごとにフォルダを作成している場合、手動でフォルダを作成するのは手間だと感じているかもしれません。

Dropboxへのフォルダ作成を自動化したい方に、このテンプレートは適しています。
SPIRALに取引先が追加されると、自動でDropboxに取引先のフォルダを作成することができるため、Dropboxによる手動作業が不要となります。

また、フォルダ作成が自動化されることでフォルダ名の誤りや作成漏れといったヒューマンエラーを防ぐことができ、ファイル管理を効率化することができます。

■注意事項

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


■概要

WordPressで投稿が公開されたらSPIRALに追加するフローです。

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

1.WordPressを使用してコンテンツ管理を行う企業

・自社商品に関する記事制作を行うコンテンツエディター

・WordPressで公開した記事の情報管理をする方

2.SPIRALのデータベースを活用している企業

・データベースを活用して顧客管理の一元管理を行う営業担当

・リード客の管理を行う営業アシスタント

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

WordPressはコンテンツ作成や公開を効率化するツールです。
SPIRALを併せて使うことで、公開したコンテンツ情報をデータベース上の情報と一元管理ができ業務に役立てることができます。
しかし、WordPressの情報を毎回手入力でSPIRALに追加し管理を行うのは、本来の業務に集中する時間を奪います。

作業の時間を省いて、コア業務に時間を使いたいと考える方にこのフローは適しています。
WordPressで投稿が公開されたら自動でSPIRALのデータベースに引用した内容で登録を行い、手作業を省いて時間を短縮します。
また投稿の公開後、即座にサスケ側へのデータ入力が完了するため、情報共有速度を上げることができます。

注意事項

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


■概要

Wixでフォームが送信されたらSPIRALに追加するフローです。

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

1.Wixでサイト運営している方

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

・業務フローを自動化し、データ管理の効率化を図りたい方

2.SPIRALを使ってデータ管理をしている方

・顧客データの正確性を保ちたい方

・SPIRALへのデータ入力を自動化し、リードデータの整理や分析をスピーディーに行いたい方

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

Wixでフォーム送信されると、ダッシュボードや指定のメールアドレスでその内容をチェックできます。
しかし、収集したWixのフォーム情報をSPIRALに手動で追加するのは、ヒューマンエラー発生のリスクを高めます。

このテンプレートは、Wixでフォームが送信されたら自動でSPIRALにデータを追加することができます。
データの入力を自動化することで、情報の抜け漏れや誤入力を防止することができ、データの信頼性が向上します。

また、SPIRALへのデータ入力が自動化されることで、データ分析や施策の効果測定をスピーディーに行うことが可能です。

■注意事項

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


■概要

楽楽明細で帳票が発行されたら帳票情報をSPIRALに追加するフローです。

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

1.楽楽明細を活用して帳票の発行を行う方

・案件ごとに請求書を発行している方

・リアルタイムで帳票を発行し迅速に対応をしている方

2.SPIRALを使用してデータ管理を行う方

・データを集計・分析に使用している方

・リードに関連する情報の蓄積を行う方

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

楽楽明細は請求書などの帳票類の作成や発行、管理などを効率的に行うために有益なツールです。
しかし楽楽明細で帳票が発行されるたびに情報をSPIRALに手入力するのは、創造的な業務への時間を奪うことになります。

作業にかかる時間を削減して、より重要度の高い業務に時間を充てたいと考える方にこのフローは適しています。
このフローを活用すると楽楽明細の情報を自動でSPIRALに登録することができるため、入力作業を省くことができます。
作業にかかっていた時間を他の業務に使用することで、コア業務にチーム全体が注力でき生産性向上につながります。
また引用した情報を活用し登録を行うため、共有する情報の透明性を保ちます。

■注意事項

・楽楽明細、SPIRALのそれぞれとYoomを連携してください。

・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。

・プランによって最短の起動間隔が異なりますので、ご注意ください。


まとめ

WebflowとSPIRALの連携により、従来の手動でのデータ更新作業が自動化されると、課題解決につながります。
特に、ノーコードで連携が可能なため、プログラミングの知識がなくても簡単に導入できるため、幅広い部門で活用できます。

マーケティングチームは、リアルタイムで情報を更新し、迅速に市場に反映させることができるため、スケジュール管理もより効率的になります。
一方、IT管理者にとっては、データの一元管理が可能となり、データの整合性が保たれ、作業の効率化が実現するでしょう。
このように、両部門にとって重要なメリットを提供するフローボットの導入は、業務効率の向上と信頼性の確保に繋がるでしょう。
簡単に設定できる自動化フローをぜひご活用ください。 

よくあるご質問

Q:連携はどのくらいの頻度で実行されますか?

A:

Webhook をトリガーにしている場合、イベント発生のタイミングで即時に連携が実行されます。
外部サービスからWebhookが送信された瞬間にフローボットが起動するため、定期実行ではなく、リアルタイムでの連携が可能です。 

Q:連携が失敗した場合の通知や対処法はありますか?

A:

連携が失敗した場合、Yoomに登録したメールアドレスに通知が届きます。
また、Yoom画面上に「認証に失敗しました」「設定内容に誤りがある」などのエラーメッセージが表示されます。
エラーが起きた際の対応方法については下記のサイトをご参照ください。

ヘルプページで解決しない場合は、サポート窓口を利用することもできます。 

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

A:

はい、Webflowのアイテム更新・削除も同期可能です。
今回は「アイテムが作成されたら」のフローをご紹介しましたが、更新や削除の同期も設定できます。手順は以下の通りです。

  1. Webflowのアプリトリガーをクリック
  2. アクションの「変更」を押す
  3. 「コレクションのアイテムが更新されたら」または「コレクションのアイテムが削除されたら」に変更

これで、作成だけでなく更新や削除も自動連携されます。

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