WebflowとSalesforceの連携イメージ
WebflowとSalesforceを連携して、Webflowのフォームが送信されたらSalesforceに追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとSalesforceの連携イメージ
フローボット活用術

2025-03-26

WebflowとSalesforceを連携して、Webflowのフォームが送信されたらSalesforceに追加する方法

Erina Komiya
Erina Komiya

Webフォームはビジネスにおいて様々な目的で利用されています。問い合わせやサービス利用申し込み、資料請求、キャンペーンの応募受付など種類は多様ですが、その多くは情報の収集や分析に用いられます。適切な情報管理を行うため、回答はCRMやデータベースに集約する場合が多いでしょう。その際、回答から一つ一つデータを転記するには、情報量に比例して時間や労力がかかってしまいます。この作業を自動化すれば、リードや顧客へのフォローアップがスムーズになると思いませんか?

本記事では、WebflowとSalesforceを連携し、フォームの回答情報をSalesforceに自動で追加する方法を紹介します。この連携により、手作業でのデータ転記の手間を省き、フォームの回答内容を迅速かつ正確にSalesforceに反映することが可能になります。問い合わせやリードに関する情報管理を効率化し、リードや顧客へのアプローチをスムーズに行いましょう。

WebflowとSalesforceを連携するメリット

データ更新の迅速化

Webflowのフォーム送信後すぐ、Salesforceにデータが自動で追加されれば、情報の把握がスムーズになります。例えば、資料請求フォームから得たリード情報を基に、営業チームは速やかにサービスの提案を開始できます。リードの関心の高い内にアプローチを行うことで、競合他社にリードを奪われるリスクが下がるでしょう。また、最新のデータがすぐに反映されることで、キャンペーンの応募受付フォームで得た情報をもとに、マーケティングチームはキャンペーンの効果分析や戦略調整を迅速に行うことができます。これらの点から、営業やマーケティングの効率化が期待できます。

エラーの削減

自動化により、データ転記の人為的ミスが減少します。Webflowのフォームの情報が正確にSalesforceに登録されるため、誤った対応や対応漏れを防ぐことができます。例えば、問い合わせ情報を手入力で転記する場合、入力ミスで問い合わせ内容を間違って認識して誤った回答をしてしまったり、登録を忘れて対応の漏れや遅れが発生してしまったり、二重登録により別々の担当者から同じ回答をしてしまったりする恐れがあります。自動化でこれらのトラブルが減少すれば、顧客との良好な信頼関係の構築につながるでしょう。

[Yoomとは]

WebflowとSalesforceの連携フローの作り方

それでは、WebflowとSalesforceの連携と業務フローの自動化設定を行ってみましょう。

テンプレートを使って、「Webflowのフォームが送信されたらSalesforceに追加する」業務フローの作成手順を紹介します。

なお、Salesforceとの連携設定はチームプランまたはサクセスプランでご利用いただけます。2週間の無料トライアルも提供中です。

はじめる前に

1. Webflowの回答用のフォームを作成しておいてください。

2. Yoomにログインしてください。

3. 以下の「試してみる」ボタンをクリックして、Yoomのテンプレートをコピーしてください。 


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

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

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

ステップ1: WebflowとSalesforceのマイアプリ連携

※アプリ連携がお済みの場合は、ステップ2へ進んでください。

1. 左メニューの「マイアプリ」を選択し、画面右の「+ 新規接続」をクリックします。

__wf_reserved_inherit

2. マイアプリの新規接続一覧から、WebflowとSalesforceをそれぞれ選択し、アプリを連携してください。
 ※参考:Salesforceのマイアプリ登録方法


次は、マイプロジェクトにテンプレートコピーして、フローボットを作成していきます。
コピーがまだの場合は、フローボットテンプレートを下記よりコピーしてください。


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

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

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

1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

ステップ2: Webflowのフォーム送信時に起動するトリガーの設定

1. コピーしたテンプレートを開きます。
 ※下図の赤枠部分から、任意のタイトルに変更できます。

__wf_reserved_inherit

2. フローボットの「アプリトリガー:フォームが送信されたら」をクリックします。

__wf_reserved_inherit

3. 連携アカウントとアクションを選択します。
 必要に応じてタイトルを変更し、「次へ」をクリックします。

__wf_reserved_inherit

4. アプリトリガーのAPI接続設定を行います。
 サイトIDを候補から選び、「テスト」をクリックします。

__wf_reserved_inherit

5. テストが成功したら、「次へ」をクリックします。

6. Webflowのフォームにテスト値を入力して送信し、「テスト」をクリックします。

__wf_reserved_inherit

7. テストが成功したら、こちらの記事を参考に、Salesforceに同期したいアウトプット項目を追加します。

8. 「保存する」をクリックします。

ステップ3: Salesforceのレコードを追加するアクションの設定

1. フローボットの「データベースを操作する:レコードを追加する」をクリックします。

__wf_reserved_inherit

2. データベースを連携します。
 ・タイトル:必要に応じて変更できます。
 ・データベース連携:任意の値を入力・選択してください。
 ※下図は入力例です。

__wf_reserved_inherit

__wf_reserved_inherit

 ※下図は「オブジェクトのAPI参照名」を候補から選択する場合の一例です。リード情報の登録を想定し、「リード」のキーワードで検索しています。

__wf_reserved_inherit

3. 「次へ」をクリックします。

4. データベース操作の詳細設定を行います。
 ステップ2で取得したフォーム回答のアウトプットを活用し、「追加するレコードの値」を設定してください。
 ※下図は入力項目の一部であり、参照したアウトプットは設定例です。

__wf_reserved_inherit

 ※下図はアウトプットの参照例です。上図の「姓」・「名」・「会社名」のように単独で参照することも、下図のように組み合わせて文章にすることもできます。

__wf_reserved_inherit

5. テストが成功したら、「保存する」をクリックしてください。

最後に、保存したフローのトリガーを「ON」に切り替えると起動します。

以上で、「Webflowのフォームが送信されたらSalesforceに追加する」フローの完成です。


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

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

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

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

他にもWebflowを使った自動化の例がYoomには多数あるため、いくつか紹介します。

1. Webflowのフォーム回答が送信された際に、Microsoft Excelに情報を追加するフローです。連携により、Microsoft Excelの機能を使った収集情報の加工や分析が可能になります。関数を用いた統計データの加工やグラフ作成などを行い、営業やマーケティングに活かせます。


■概要

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)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

2. Webflowのフォーム回答が送信された際に、HubSpotのチケットを作成するフローです。問い合わせ情報をHubSpotでチケットとして管理することで、カスタマーサポートチームは迅速かつ正確に顧客対応ができます。フォローアップの精度を高め、顧客満足度の向上につなげましょう。


■概要

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

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

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

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

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

2.営業部門

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

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

3.マーケティング部門

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

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

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

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

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

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

■注意事項

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

3. Webflowのコレクションに新規アイテムが作成された際、Microsoft Excelに情報を追加するフローです。Webflowを用いたWebサイトやECサイトの運営では、データ管理は重要です。コレクションアイテムをデータベースに一覧化することで、アイテムの集計や分析が可能になります。


■概要

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

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

1.Webflowを使用してWebサイトの構築や運営をしている方

・Webflowのコレクションのデータを手動でMicrosoft Excelに追加している方

・Microsoft ExcelでWebflowのコレクションを一元管理している方

2.Microsoft Excelを利用してデータ分析を行っている方

・Webflowのコレクションのデータ入力を手動で行っている方

・定期的に収集したデータの集計や分析を担当している方

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

Microsoft ExcelでWebflowのコレクションを一元管理している場合、手動による入力作業が手間だと感じているかもしれません。
また、Webflowでコレクションが追加される度に手動による入力作業を実施し続けるのは、非効率的で時間がかかります。

このテンプレートは、Webflowでコレクションのアイテムが追加されるとMicrosoft Excelに自動で追加することができます。
都度実施していた手動による入力作業が不要となるため、ヒューマンエラーの発生を防止し、業務を効率化することが可能です。

Microsoft Excelに常に最新のデータが反映されるようになるため、データの集計や分析の業務をスムーズに進めることができます。

■注意事項

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

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

まとめ

WebflowとSalesforceの連携により、フォームで収集した情報をSalesforceのデータベースに自動で反映できます。転記作業の手間を省き、正確な情報をSalesforceでスムーズに管理できるため、顧客への的確で速やかなフォローアップや、情報分析の精度向上につながるでしょう。問い合わせやリード情報の管理を効率化するため、ぜひ今回お伝えしたYoomによる自動化方法をお試しください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Erina Komiya
Erina Komiya
これまで専門商社やEC業界で事務を経験してきました。 担当した業務は営業事務や経理、総務、人事、法務など多岐に渡ります。 個々の作業の効率化には取り組みましたが、各種のサポートツールやYoomを使えばより便利に業務が進められたのに…と思っています。 業務経験を活かしたYoomの紹介記事を発信し、皆さんがスムーズに業務を進められるお手伝いができれば幸いです。
タグ
Salesforce
Webflow
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる