・
Webサイトの運用において、Webflowで作成したフォームからのお問い合わせや資料請求は、ビジネスチャンスに繋がる重要な接点です。
しかし、「フォームが送信されるたびに手動で内容を確認し、Slackに転記してチームに共有するのが手間」
「担当者への通知が遅れたり、対応漏れが発生してしまったりすることがある」といった課題を抱えていませんか？
もし、Webflowのフォームが送信されたタイミングで、その内容が自動的にSlackの指定チャンネルに通知される仕組みがあれば、これらの悩みから解放されます。
今回ご紹介する自動化の設定は、ノーコードで簡単に設定できて、手間や時間もかからないので、ぜひ自動化を導入して作業をもっと楽にしましょう！
とにかく早く試したい方へ
YoomにはWebflowのフォーム送信内容を取得する業務フロー自動化のテンプレートが用意されています。
「まずは試してみたい！」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう！
■概要
Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Webflowのフォーム送信内容をSlackに通知する方法
Webflowのフォームが送信された際に、その内容をSlackに自動で通知する連携方法を、具体的なテンプレートを使って紹介します！
気になる内容があれば、ぜひクリックしてみてください！
チャットツールに通知する
Webflowでフォームが送信されたら、その回答内容をSlackなどのチャットツールに自動で通知することができます。
手動での確認や転記の手間をなくし、チーム内でのリアルタイムな情報共有を実現して対応速度を向上させましょう！
■概要
Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Webflowのフォーム送信をSlackに通知するフローを作ってみよう
それではここから代表的な例として、Webflowでフォームが送信された際にSlackに回答内容を自動で通知するフローを解説していきます！
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト：Webflow
[Yoomとは]
フローの作成方法
今回は大きく分けて以下のプロセスで作成します。
■概要
Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
ステップ1：WebflowとSlackをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
※Slackの連携については、下記をご参照ください。
それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
Webflowの連携
同様に検索欄にWebflowと記入して、表示されたWebflowのアイコンをクリックします。
アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう！
下記のような表示が出たら、連携は成功です！
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。
以下バナーの「試してみる」をクリックします。
■概要
Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
以下の画像のような画面が表示されたらテンプレートのコピーは完了です。
ステップ3：事前準備
Webflowにて今回テストで使用するフォーム作成をしておきます。
今回は以下のようなフォームを使用します。
ステップ4：Webflowのトリガー設定
Yoomの設定に入りましょう！
まずは、トリガーとなるアプリの設定を行います。以下の赤枠をクリックしてください。
アカウント情報を確認しましょう。問題なければ、「次へ」ボタンをクリックします。
「WebhookURLを登録」ボタンをクリックします。
以下のような画面が表示されたらWebhookの登録に成功です！
「次へ」ボタンで次の設定へ進みましょう。
準備したフォームに回答を送信したら、テストを実行しましょう！
テスト成功で、取得した値が取得されます。
※取得した値とは、トリガーやオペレーションにて受け取ったデータのことです。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。
次に「取得する値を追加」をクリックします。
※取得する値を設定する方法については以下のヘルプページもご覧ください。
追加したい値のプラスマークをクリックして選択し、「追加」ボタンを押します。
値が追加できたら、最後の完了ボタンをクリックして設定を保存しましょう！
ステップ5：Slackのアクション設定
Webflowから取得した値を利用して、Slackにメッセージを通知する設定を行います。
2つ目の赤枠をクリックします。
連携するアカウント情報の確認をしましょう！
アクションは、テンプレートのままで問題ありません。
「次へ」ボタンをクリックします。
投稿先のチャンネルIDを候補の中から選択してください。
Slackに通知するメッセージを作成します。
下記のように取得した値をメッセージに入れ込むことが可能です。
メッセージが作成できたら、「テスト」ボタンでテストを実行しましょう！
テスト成功という表示がされたら、Slackにフォームが回答されたことを知らせるメッセージが届いています。
確認してみましょう！
Slackでメッセージが送信されています！
確認できたら、Yoomの画面に戻り、最後に完了ボタンを押しておきます。
ステップ6：トリガーをONにして動作確認
これですべての設定が完了です！
設定が完了すると以下のようなメニューが表示されるので、「トリガーをON」にします。
これですべての設定が完了したので、動作確認をしてみましょう。
Webflowを使ったその他の自動化例
今回ご紹介した連携以外でも、WebflowのAPIを活用してさまざまな業務を自動化することが可能です。
各種フォーム送信や商品注文、データベース更新といった入力イベントを起点に、自動でWebflowの顧客情報・チケットなどを自動で追加できる仕組みです。
手動入力を省きつつ、運用負荷を軽減する自動化体系を実現できるでしょう。
■概要
Webflowのフォームが送信されたらSalesforceに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowを使ってサイト管理をしている方
・問い合わせやリード情報の取得でフォームを活用している企業
・問い合わせやリードの対応をスピーディーに行いたい方
2.業務でSalesforceを使用している方
・Salesforceへのフォーム内容の追加を自動化したい方
・顧客情報をSalesforceで一元管理している営業チーム
■このテンプレートを使うメリット
Webflowに送信されたフォーム内容の確認は、ダッシュボードや指定のメールアドレスから確認できますが、毎回アクセスするのは非効率的です。
また、フォーム内容をSalesforceに手動で追加している場合、誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。
このテンプレートは、SalesforceにWebflowのフォーム内容を自動で追加することができます。
手動によるデータ入力が不要となるため、データを正確にSalesforceに反映することができ、問い合わせやリード情報の管理が楽になります。
フローの後にチャットツールと連携することで、問い合わせやリード情報の反映後に特定のメンバーに情報共有することが可能です。
■注意事項
・Webflow、SalesforceのそれぞれとYoomを連携してください。
・Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
■概要
Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。
■このテンプレートをおすすめする方
1.カスタマーサポートチーム
・顧客からの問い合わせやリクエストを効率的に管理したいチーム
・フォーム送信内容を自動でチケット化し、迅速に対応したいサポート部門
2.営業部門
・見込み顧客の問い合わせを効率的に管理し、迅速に対応したい営業チーム
・フォームから送信された情報を基に、フォローアップアクションを実行したい部門
3.マーケティング部門
・顧客のフィードバックやリクエストをHubSpotで一元管理し、マーケティング活動に活用したいチーム
4.IT部門やシステム管理者
・フォーム送信内容を一元管理し、システム上で効率的に対応したい部門
■このテンプレートを使うメリット
・顧客からの問い合わせやリクエストにリアルタイムで対応でき、顧客満足度の向上に繋がります。
・チケット作成の手間を省けるため作業時間を大幅に短縮することができます。
■注意事項
・Webflow、HubSpotのそれぞれとYoomを連携させてください。
■概要
Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。
■このテンプレートをおすすめする方
1.WebflowでWebサイトの運営を担当している方
・自社のECサイト運営を担当している方
・WebflowとGoogleスプレッドシートの連携を効率化したい方
2.Google スプレッドシートを利用してデータ管理をしている方
・Google スプレッドシートで商品の在庫管理や受注管理を担当している方
・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方
■このテンプレートを使うメリット
Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。
このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。
注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。
■注意事項
・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。
■概要
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で注文が発生したらSPIRALに追加するフローです。
■このテンプレートをおすすめする方
1.商品やサービスの販売でWebflowを活用している方
・Webflowで自社のオンラインストアを運営しているチーム
・Webflowによる注文情報の管理を手動で行っている方
2.SPIRALで受注管理を担当している方
・SPIRALへ都度注文情報の連携をしている方
・WebflowとSPIRALの連携を効率化したい方
■このテンプレートを使うメリット
Webflowでオンラインストアを運営している場合、発生した注文情報を都度SPIRALに手動で追加し管理するのは手間だと感じているかもしれません。
また、手動による情報連携は誤入力や入力漏れといったミスが発生する可能性があり、業務の運営に支障をきたす恐れがあります。
このテンプレートは、Webflowで注文が発生すると自動でSPIRALに追加することができるため、手動による情報連携が不要になります。
SPIRALへの注文情報の追加が自動化されることで、Webflowからの注文情報をスピーディーに把握することができ、後続作業をスムーズに進めることが可能です。
手動作業によるミスの発生リスクも低減できるため、送付先の誤りや作業漏れを防止することもできます。
■注意事項
・Webflow、SPIRALのそれぞれとYoomを連携してください。
■概要
Webflowのフォームが送信されたらkintoneに追加するフローです。
■このテンプレートをおすすめする方
1.WebflowでWebサイトを運営している方
・Webflowのフォームから顧客情報を収集している企業
・Webflowのフォームで獲得したリード情報を活用している方
2.kintoneを業務で活用している方
・kintoneへのデータ入力を自動化したい方
・顧客情報やリード情報をkintoneで一元管理している方
■このテンプレートを使うメリット
Webflowから送信されたフォーム内容を確認する際、ダッシュボードから確認する必要があります。
都度ダッシュボードにログインして確認する必要があるため、手間だと感じているかもしれません。
このテンプレートは、Webflowのフォームが送信されると自動でkintoneに追加することができます。
都度ダッシュボードにログインする必要が無くなり、フォーム内容が自動でkintoneに追加されるため、業務の効率化を図ることができます。
また、フォーム内容はkintoneに集約されるため、対応の進捗状況の可視化をすることが可能です。
■注意事項
・Webflow、kintoneのそれぞれとYoomを連携してください。
■概要
Shopifyで新商品を登録する際、Webflowで制作したWebサイトにも手作業で同じ情報を反映させることに手間を感じていませんか。この二重入力は時間がかかるだけでなく、情報の不整合や入力ミスの原因にもなりかねません。このワークフローは、ShopifyとWebflowの連携を自動化するもので、Shopifyでの商品情報作成をトリガーに、Webflowのコレクションへアイテムが自動で追加されるため、こうした課題を円滑に解消します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
■概要
Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
■概要
Googleフォームで集めたお問い合わせやイベントの申し込み情報を、手作業でWebflowのCMSに転記していませんか？
この作業は手間がかかるだけでなく、コピー＆ペーストのミスや更新漏れが発生する原因にもなります。
このワークフローを活用すれば、Googleフォームに回答が送信されると、その内容が自動でWebflowのコレクションにアイテムとして追加されるため、こうした課題をスムーズに解消できます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
まとめ
WebflowとSlackの連携を自動化することで、これまで手作業で行っていたフォーム内容の確認や転記、通知といった一連の作業を削減し、ヒューマンエラーを防ぐことができます。
これにより、お問い合わせやリード情報に対してチーム全体で迅速に対応できる体制が整い、顧客満足度の向上やビジネス機会の損失防止に繋がります！
今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、Yoomによる業務効率化を体験してみてください！
Q：Slackへの通知内容はカスタマイズできますか？
A：
はい、できます！フォームの回答内容をメッセージに含めることができます。ご自身の運用に合わせて、必要な情報を通知できるように設定してみてくださいね！
Q：問い合わせ内容に応じて通知先を変えられますか？
Q：連携が失敗した場合、通知漏れに気づけますか？
A：
はい、可能です。フローボットがエラーになると、Yoomに登録する際に設定したメールアドレスに通知が送られます。通知先は、メールの他にSlackやChatworkも設定できます。
通知内容にはエラーになったオペレーションも記載されているので、エラーの発生個所がすぐにわかります。
再実行は自動で行われないため、エラー修正後手動で再実行してください。
