・
YoomにはフォームのデータとWebflowを連携しコレクションにアイテムを自動追加するテンプレートが用意されています！
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
■概要
Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
「いいアイデアが思いついたけど外出中でWebflowにアクセスできない！」
「スマホからでもWebflowにアイテムを追加できたらいいのにな…」
この記事ではこのようなお悩みを解決する、フォームとWebflowを連携させた自動化の設定方法をご紹介します！
各ツールのフォームとWebflowsを連携することで、フォームから送信された内容をコレクションのアイテムに自動追加可能になり、コンテンツ作成のスピード向上が期待できるでしょう。これにより、スマホからフォームを送信するだけでいいので、パソコンが開けない状態でもWebflowにアイテムを追加可能に！
業務の効率化を考えている方は、ぜひチェックしてみてください！
Webflowと各種フォームのAPIを連携すれば、フォーム回答データをWebflowに自動的に連携することが可能になります！
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにWebflowとフォームの連携を実際に体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください！
Yoomフォームの回答データをWebflowに自動的に連携することができます。
Yoomフォームは回答データをそのまま使用できるため、複雑な操作が不要で簡単にデータ連携を実現できるところが魅力です。
■概要
Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Googleフォームの回答データをWebflowに自動的に連携することができます。
Googleサービスを使用していれば無料で幅広いデータ形式のフォームが作れるため、気軽に連携を試してみたい方にぴったりです。
■概要
Googleフォームで集めたお問い合わせやイベントの申し込み情報を、手作業でWebflowのCMSに転記していませんか？
この作業は手間がかかるだけでなく、コピー＆ペーストのミスや更新漏れが発生する原因にもなります。
このワークフローを活用すれば、Googleフォームに回答が送信されると、その内容が自動でWebflowのコレクションにアイテムとして追加されるため、こうした課題をスムーズに解消できます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Typeformの回答データをWebflowに自動的に連携することができます。
Typeformの直感的なフォーム操作とWebflowを連携することで、フォームの回答者、管理者ともにフォームの利用やデータ管理の体験が向上するでしょう。
■概要
Typeformで収集したアンケート回答やお問い合わせ内容を、Webflowで作成したWebサイトのCMSに手作業で転記していませんか。この作業は時間がかかるだけでなく、コピー＆ペーストのミスも起こりがちです。このワークフローを活用すれば、Typeformのフォームが送信されると、その内容が自動でWebflowのコレクションアイテムとして追加されるため、こうした課題を解消し、迅速なコンテンツ更新を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Jotformの回答データをWebflowに自動的に連携することができます。
Jotformの豊富なウィジェットで作成したフォームの回答データを余すことなくWebflowに連携することが可能です。
■概要
Jotformで集めたアンケートや申し込み情報を、一つひとつWebflowのCMSにコピー＆ペーストしていませんか？
こうした手作業は時間がかかるだけでなく、入力ミスなどのヒューマンエラーの原因にもなります。
このワークフローを利用すれば、Jotformのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、データ連携の工数を削減し、正確性を高めることができます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Tallyの回答データをWebflowに自動的に連携することができます。
シンプルなフォームのTallyもAPIを使うことで、Webflowにデータ連携することができます。ミニマルなフォームでもデータをしっかり管理したい方におすすめです。
■概要
Tallyで集めたアンケート回答や申し込み情報を、Webflowで管理しているコンテンツに一つひとつ手作業で入力していませんか？
この作業は時間がかかるだけでなく、入力ミスや転記漏れの原因にもなり得ます。
このワークフローを活用すれば、Tallyのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、面倒な転記作業をなくし、コンテンツ更新の効率を高めることが可能です。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Zoho Formsの回答データをWebflowに自動的に連携することができます。
Zohoサービスを使用している方に取って馴染み深いフォームですが、こちらもWebflowと連携して回答データの連携を実現できます。
■概要
Zoho Formsで集めたお問い合わせやセミナーの申込情報を、手作業で顧客管理ツールに入力していませんか？
この作業は時間がかかるだけでなく、入力ミスや転記漏れといったヒューマンエラーの原因にもなりがちです。
このワークフローを活用すれば、Zoho Formsに新しい回答が送信されると、その内容を自動でFreshsalesに連携し、連絡先として登録できます。
これにより、データ入力の手間を省き、迅速で正確な顧客情報管理を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
それでは、さっそく実際にWebflowとフォームの連携フローを作成してみましょう！
今回はYoomを使用して、ノーコードで設定を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
今回は「フォームの回答内容でWebflowのコレクションにアイテムを追加する」フローボットを作成していきます！
作成の流れは大きく分けて以下です。
■概要
Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
それではここから今回のフローで使用するWebflowのマイアプリ登録方法を解説します。
Yoomにログインしたら、マイアプリを選択し、新規接続をクリックしてください。
アプリ一覧はWebflowを選択します。
検索窓を活用すると見つけやすいです！
アカウント名は、「管理用」「プロジェクト名」など任意の名前を設定します。
アクセストークンはWebflowの管理画面からAPIトークンを取得し、設定してください。
取得方法は注釈を確認してください。
これでWebflowのマイアプリ登録ができました！
次にYoomのサイトからテンプレートをコピーしましょう。
Yoomでは、テンプレートを使わずに一からフローボットを作成することも可能です！
ここではより簡単に設定するために、テンプレートを使用した設定手順をご紹介しましょう。
それでは下のバナーをクリックしてください。
■概要
Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
「このテンプレートを試す」をクリックします。
「OK」をクリックしましょう。
これでテンプレートのコピーができました。
コピーしたテンプレートはマイプロジェクトに保存されています。
次にフローボットの設定に進みましょう！
先ほどコピーしたテンプレートの「Webflowアイテム追加フォーム」をクリックしてください。
以下のようにフォームの項目を設定しましょう。
次のWebflowのアクション設定時に必要な「タイトル」「Slug」を設定しましょう。
「質問を追加」から項目を増やすことが可能です。
設定ができたら、次へをクリックしてください。
先ほどフォームで設定した項目の内容が表示されていると思います。
各項目にサンプル値を入力してください。
設定後、保存しましょう。
最後の設定ステップです！
「コレクションにアイテムを追加」をクリックしましょう。
タイトルは事前に入力されていますが、変更OKです。
Webflowと連携するアカウント情報は、連携したいアカウントが紐付けられているか確認してください。
アクションは「コレクションにアイテムを追加」が設定されていることを確認し、次へをクリックしましょう。
サイトIDとコレクションIDは候補から選択してください。
フィールド情報を設定します。
フィールドは候補からTitle(Name)を選択してください。
値はフォームトリガーの取得した値からタイトルを選択します。
取得する値を活用せずに手入力した場合、同じ内容が繰り返しWebflowのコレクションに追加されることになりますので注意が必要です！
詳細はこちらを確認してください。
フィールドは候補からSlugを選択してください。
値はフォームトリガーの取得した値からSlugを選択しましょう。
すべて設定できたら、テストをクリックしてください。
Webflowのコレクションにアイテムが追加できたら保存してください。
保存後、「トリガーをON」にして動作をチェックしてください。
これでフローボットの設定ができました。
今回紹介したフォームとの連携以外でもWebflowの情報をデータベースに追加したり、Webflowのフォームの送信データをSalesforceやHubspotに追加することも可能です。
このように、WebflowのAPIを使用してさまざまな業務を自動化することができるので、もし気になるものがあればぜひこちらもお試しになってみてください！
■概要
Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。
■このテンプレートをおすすめする方
1.WebflowでWebサイトの運営を担当している方
・自社のECサイト運営を担当している方
・WebflowとGoogleスプレッドシートの連携を効率化したい方
2.Google スプレッドシートを利用してデータ管理をしている方
・Google スプレッドシートで商品の在庫管理や受注管理を担当している方
・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方
■このテンプレートを使うメリット
Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。
このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。
注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。
■注意事項
・Webflow、Googleスプレッドシートのそれぞれと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で注文が発生したらMicrosoft Excelに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowで自社の商品やサービスの販売をしている方
・自社のWebサイトを運営している企業
・注文情報の管理効率化でWebflowとMicrosoft Excelの連携を自動化したい方
2.受注業務でMicrosoft Excelを利用している方
・Webflowからの注文情報をMicrosoft Excelで一元管理している方
・Microsoft Excelへの情報入力を手動で行っている方
■このテンプレートを使うメリット
Microsoft ExcelでWebflowからの注文情報を一元管理している場合、手動によるデータ入力は時間がかかり非効率的です。
また、手動によるデータ入力はヒューマンエラーが発生や作業効率の低下を招く可能性があります。
Microsoft Excelへのデータ入力を自動化したい方に、このテンプレートは適しています。
Webflowで注文が発生するとMicrosoft Excelに自動で注文情報を追加することができるため、手動による作業を効率化することが可能です。
Microsoft Excelへのデータ入力が自動化されることで、作業時間の削減とヒューマンエラーの発生を低減することができます。
■注意事項
・Webflow、Microsoft ExcelのそれぞれとYoomを連携してください。
・Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
フォームとWebflowを連携させることで、フォームから送信されたデータがWebflowのコレクションに自動的にアイテムとして追加されるようになるため、Webflowの管理画面にアクセスして手動でアイテムを作成するという一連のフローが手間が省けるでしょう！
つまり、パソコンが開けない状態でもスマホからフォームを送信するだけでアイテムの作成が可能になり、いつでもどこでもコンテンツを作成できるというメリットを感じられるはずです！
なお、Yoomを活用した自動化の設定はプログラミング不要で、初心者の方でも安心して始められます。
直感的な操作で高度な自動化を実現できるのは、Yoomならではの魅力です。このような自動化を導入したい場合は、今すぐYoomに登録しましょう！
無料アカウントを発行できるため、すぐに実際の操作性を確かめることが可能です！ぜひお試しください！
関連記事：【ノーコードで実現】WebflowのデータをSlackに自動的に連携する方法
Q：Yoomの無料プランでは、この連携をどのくらい使えますか？
A：Yoomの無料プランでは月100タスクを利用できます。今回ご紹介したテンプレートは成功失敗に限らず1回実行すると1タスク消費されます。
そのため今回ご紹介したテンプレートのみをそのまま利用する場合は無料で約100回ご利用可能です。
Q：連携が失敗したらどうなりますか？
A：連携に失敗した場合は、まずフローボットが停止します。そのあとYoomにご登録いただいているメールアドレスへ通知が届きます。通知内にエラー原因について記載しておりますのでご確認ください。
対処方法が分からない場合は、ヘルプページまたは、エラー時の対応方法についてをご確認ください。
Q：既存アイテムの更新や削除も可能ですか？
A：はい、可能です。
今回ご紹介したテンプレートではステップ4のトリガーに「コレクションにアイテムを追加」を使用しておりましたが、「コレクションのアイテムを更新」「コレクションのアイテムを削除」などに変更していただくことも可能です。
