「Webflowで作成したサイトのフォームから問い合わせがあったら、SendGridのコンタクトリストにも手動で登録している」
「WebflowとSendGridの顧客情報を同期するのに時間がかかり、入力ミスも発生してしまう...」
このように、WebflowとSendGrid間での手作業によるデータ連携に、課題を感じていませんか？
もし、Webflowのフォーム送信をトリガーにして、自動でSendGridにコンタクト情報を追加する仕組みがあれば、こうした日々の繰り返し作業から解放されます。
今回ご紹介する自動化は、専門的な知識がなくてもノーコードで簡単に設定できます。
ぜひこの機会に導入して、面倒なデータ入力作業をなくし、業務をさらに効率化させましょう！
とにかく早く試したい方へ
YoomにはWebflowとSendGridを連携するためのテンプレートが用意されています。
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
Webflowでフォームが送信されたらSendGridにコンタクトを追加する
試してみる
WebflowとSendGridの連携フローを作ってみよう
それでは、さっそく実際にWebflowとSendGridを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでWebflowとSendGridの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、Yoomの登録フォームからアカウントを発行しておきましょう。
※今回連携するアプリの公式サイト：Webflow／SendGrid
[Yoomとは]
フローの作成方法
今回は「Webflowでフォームが送信されたらSendGridにコンタクトを追加する」フローを作成していきます！
作成の流れは大きく分けて以下です。
- WebflowとSendGridをマイアプリ連携
- 該当のテンプレートをコピー
- Webflowのトリガー設定およびSendGridのアクション設定
- トリガーをONにし、フローが起動するかを確認
Webflowでフォームが送信されたらSendGridにコンタクトを追加する
試してみる
ステップ1：WebflowとSendGridをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
Webflowの連携
検索欄にWebflowと記入して、表示されたWebflowのアイコンをクリックします。
アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう！
下記のような表示が出たら、連携は成功です！
SendGridの連携
同じく検索欄にSendGridと記入して、表示されたアイコンをクリックします。
アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう！
同様の表示が出たら、連携は成功です！
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。以下バナーの「試してみる」をクリックしましょう。
Webflowでフォームが送信されたらSendGridにコンタクトを追加する
試してみる
以下の画像のような画面が表示されたらテンプレートのコピーは完了です。
ステップ3：Webflowのフォーム作成
Webflowにて今回テストで使用するフォーム作成をしておきます。
今回は以下のようなフォームを使用します。
ステップ4：Webflowのトリガー設定
Yoomの設定に入りましょう！
まずは、トリガーとなるアプリの設定を行います。以下の赤枠をクリックしてください。
連携アカウントとアクションを選択しましょう。
トリガーアクションは、テンプレート通りに「フォームが送信されたら」のままで大丈夫です。
「次へ」をクリックして進みましょう！
表示された候補の中から対象のサイトIDを選択します。
「WebhookURLを登録」ボタンをクリックします。
以下のような画面が表示されたらWebhookの登録に成功です！
「次へ」ボタンで次の設定へ進みましょう。
準備したフォームに回答を送信したら、テストを実行しましょう！
テスト成功で、取得した値が取得されます。
※取得した値とは、トリガーやオペレーションにて受け取ったデータのことです。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動する値となります。
次に「取得する値を追加」をクリックします。
※取得する値を設定する方法については以下のヘルプページもご覧ください。
追加したい値のプラスマークをクリックして選択し、「追加」ボタンを押します。
値が追加できたら、最後の完了ボタンをクリックして設定を保存しましょう！
ステップ5：SendGridのアクション設定
次にSendGridのアクション設定をしていきます。2つ目の赤枠をクリックします。
アカウント情報を確認しましょう。問題なければ、「次へ」ボタンをクリックします。
メールアドレスを、取得した値の中から選択します。
取得した値を活用することで、固定値ではなく、トリガーが実行されるたびに最新の情報が反映できます。
姓名も同様に設定します。
追加するリストを候補の中から設定します。
リストの選択ができたら、テストを実行しましょう！
テスト成功です！
SendGridを確認してみましょう。
コンタクトリストに新規コンタクトが追加されています！
最後にYoomの設定画面で完了ボタンをクリックして設定を保存しましょう。
ステップ6：トリガーをONにし、フローが起動するかを確認
画面右上の「トリガーをON」をクリックし、Webflowで実際にフォームを送信して、SendGridにコンタクトが追加されれば設定は完了です！
WebflowとSendGridを活用したその他の自動化テンプレート
Yoomでは、WebflowとSendGridに関しての様々な業務効率化テンプレートを提供しています。
WebflowとSendGridでの操作をトリガーに、様々な業務工程を自動化することで業務の効率化と人的ミスの削減が可能です。
ご自身の業務に合わせて、これらのテンプレートもぜひ活用してみてくださいね！
Webflowを活用したその他の自動化例
Webflowのフォーム送信や注文をSalesforceやNotionへ自動同期できます。
AIによるCMSアイテムの自動生成や、Stripeとの商品情報連携、Cal.comでの予約登録まで、サイト運営とバックオフィス業務のスマートな統合が実現します。
フォームが送信されたら、OpenAIで内容を要約してWebflowにアイテムを追加する
試してみる
■概要
Webサイトのフォームから届くお問い合わせや資料請求。その内容を確認し、手作業で管理ツールに入力するのは手間がかかる作業ではないでしょうか。このワークフローは、フォームが送信されたタイミングで、その内容をOpenAIが自動で要約し、WebflowのCMSにアイテムとして追加します。WebflowとOpenAIを連携させることで、こうした定型業務を自動化し、入力の手間や転記ミスをなくし、本来注力すべき業務に集中できる環境を整えます。
■このテンプレートをおすすめする方
・Webflowで構築したサイトのフォーム運用を、より効率化したいと考えているWeb担当者の方
・WebflowとOpenAIを連携させ、手作業でのテキスト要約やデータ入力を自動化したい方
・ノーコードでフォームからのリード情報をスムーズにWebflowのCMSで管理したいと考えている方
■注意事項
・OpenAI、WebflowのそれぞれとYoomを連携してください。
・ChatGPT（OpenAI）のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。（APIが使用されたときに支払いができる状態）
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。
Webflowで特定のフォームが送信されたら、Cal.comで予約を登録する
試してみる
■概要
Webflowで作成したWebサイトのフォームから問い合わせがあった際に、手作業でCal.comへ予約情報を登録していませんか？この作業は時間がかかるだけでなく、情報の転記ミスや登録漏れといったヒューマンエラーの原因にもなりがちです。このワークフローは、WebflowとCal.comを連携させることで、フォームが送信されたら自動で予約登録を行うものです。定型的な予約受付業務を自動化し、スムーズな顧客対応を実現します。
■このテンプレートをおすすめする方
・Webflowで作成したサイトのフォームとCal.comを活用して予約受付を行っている方
・手作業での予約登録に時間がかかり、本来の業務を圧迫しているWeb担当者の方
・WebflowとCal.comの連携を自動化し、予約管理の工数を削減したいと考えている方
■注意事項
・Webflow、Cal.comのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
・分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
Webflowのフォームが送信されたらNotionに追加する
試してみる
Webflowのフォームが送信されたらNotionに追加するフローです。
Webflowのフォームが送信されたらSalesforceに追加する
試してみる
Webflowのフォームが送信されたらSalesforceに追加するフローです。
Stripeで商品が更新されたら、Webflowのアイテムも更新する
試してみる
■概要
WebflowとStripeを連携したECサイト運営において、商品情報の同期作業は手間に感じられることも少なくありません。Stripeで商品を更新するたびに、手作業でWebflowの情報を修正するのは時間がかかり、入力ミスの原因にもなり得ます。このワークフローを活用することで、Stripeの商品更新をきっかけにWebflowのアイテム情報を自動で更新し、手作業による更新の手間やヒューマンエラーを減らすことができます。
■このテンプレートをおすすめする方
・WebflowとStripeを連携させ、ECサイトの商品管理を効率化したい方
・Stripeの商品情報を手動でWebflowに反映させているWeb担当者の方
・商品情報の更新ミスを防ぎ、正確なサイト運営を目指すECサイト運営者の方
■注意事項
・Stripe、WebflowのそれぞれとYoomを連携してください。
・Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・Stripeの商品メタデータにWebflowのアイテムIDなど更新に必要なデータを予め設定する必要があります。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Tallyの回答内容でWebflowのコレクションにアイテムを追加する
試してみる
■概要
「Tallyの回答内容でWebflowのコレクションにアイテムを追加する」ワークフローは、Tallyのwebflow formから得られた回答を自動的にWebflowのコレクションに登録する業務ワークフローです。
オンラインフォームを利用して情報を収集する際、回答内容を手動でWebflowのコレクションに追加する作業は時間がかかり、ミスの原因にもなります。
このワークフローを導入することで、Tallyのwebflow formに新たな回答が送信されるたびに、自動的に対応するWebflowのコレクションにアイテムが追加されます。
これにより、データの一貫性が保たれ、業務の効率化が図れます。
さまざまなSaaSアプリとの連携を活用し、煩雑な手作業を省くことで、よりスムーズな業務運営が可能になります。
■このテンプレートをおすすめする方
・Tallyのwebflow formを利用して情報を収集しているWebflowユーザーの方
・フォームの回答をWebflowのコレクションに手動で追加している作業に時間を取られている方
・複数のSaaSアプリを活用し、業務の自動化を進めたいと考えている方
・データの一貫性を保ちつつ、業務効率を向上させたいWebflowサイト運営者の方
・エラーを減らし、正確なデータ管理を実現したい方
■注意事項
・TallyとWebflowのそれぞれとYoomを連携してください
Webflowで新規注文が発生したら、Airtableでレコードを作成する
試してみる
■概要
Webflowで構築したECサイトで新規注文が入るたびに、その情報を手作業でAirtableのデータベースに転記していませんか？こうした繰り返し作業は時間がかかるだけでなく、入力ミスといったヒューマンエラーの原因にもなりかねません。このワークフローは、WebflowとAirtableをノーコードで連携し、注文情報の転記作業を自動化するためのものです。手作業によるデータ管理から解放され、より重要な業務に集中できる環境を整えます。
■このテンプレートをおすすめする方
・Webflowで構築したサイトの注文情報をAirtableで管理しているEC担当者の方
・WebflowとAirtable間のデータ転記作業に時間と手間がかかっている方
・手作業によるデータ入力ミスをなくし、注文管理の精度を高めたいと考えている方
■注意事項
・Webflow、AirtableのそれぞれとYoomを連携してください。
Webflowでコレクションのアイテムが公開されたら、Redditのサブレディットに新規投稿を作成する
試してみる
■概要
Webflowで新しいコンテンツを公開するたびに、Redditの関連サブレディットへ手動で告知投稿を行う作業に、手間や時間を取られていませんか。
この重要なプロモーション活動も、手作業では投稿忘れや遅延のリスクが伴います。
このワークフローを活用することで、WebflowとRedditを連携させ、コレクションアイテムの公開をトリガーに、指定したサブレディットへの新規投稿を自動化できます。
これにより、タイムリーで効率的な情報発信が実現します。
■このテンプレートをおすすめする方
・Webflowで作成したコンテンツのプロモーションをRedditで行っているWeb担当者の方
・WebflowとReddit間での手作業による情報共有プロセスに非効率を感じている方
・コンテンツ公開からコミュニティへの告知までの時間を短縮し、エンゲージメントを高めたい方
■注意事項
・Webflow、RedditのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
Webflowで注文が発生したらGoogleスプレッドシートに追加する
試してみる
Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。
WooCommerceで商品が作成されたら、Webflowにアイテムを追加する
試してみる
■概要
ECサイトの運営でWooCommerceをご利用の場合、デザイン性の高いWebflowでサイトを構築している方も多いのではないでしょうか。しかし、WooCommerceに新商品を追加するたびに、Webflow側にも手作業で情報を反映させるのは手間がかかります。このワークフローは、そうしたWooCommerceとWebflow間の手作業による連携を自動化し、商品登録のプロセスを効率化します。
■このテンプレートをおすすめする方
・WooCommerceとWebflowを利用し、商品情報の手入力による二度手間を解消したいECサイト担当者の方
・商品登録からサイト反映までの時間を短縮し、マーケティング活動を迅速化したい方
・WebflowとWooCommerceの連携を自動化し、サイト運営の効率を高めたいと考えている方
■注意事項
・WooCommerce、WebflowのそれぞれとYoomを連携してください。
SendGridを活用したその他の自動化例
AIやOCRを活用した見積書・個別メールの自動送付をSendGridで実現します。
Salesforceやkintone、BASEとのコンタクトリスト自動同期から、ファイル付きメールの配信まで、高度なメール運用をスマートに統合できます。
BASEで注文が発生したら会員情報をSendGridに登録する
試してみる
BASEで注文が発生したら会員情報をSendGridに登録するフローです。
Google スプレッドシートで行が追加されたら、SendGridのコンタクトリストに追加する
試してみる
Google スプレッドシートで行が追加されたら、SendGridのコンタクトリストに追加するフローです。
Salesforceにリードが作成されたら、SendGridのコンタクトリストに追加する
試してみる
Salesforceにリードが作成されたら、SendGridのコンタクトリストに追加するフローです。
Zendeskでチケットが作成されたら、SendGridでコンタクトリストに新規コンタクトを追加する
試してみる
■概要
Zendeskで受けた問い合わせ顧客の情報を、手作業でSendGridのコンタクトリストへ登録する作業に手間を感じていませんか。
このような手作業での情報登録は、時間がかかるだけでなく、入力ミスや登録漏れといったヒューマンエラーの原因にもなりかねません。
このワークフローを活用すれば、ZendeskとSendGridの連携を自動化でき、チケットが作成されると同時に、顧客情報をコンタクトリストへ自動で追加するため、これらの課題をスムーズに解消できます。
■このテンプレートをおすすめする方
・Zendeskで受けた問い合わせ情報をSendGridのリストへ手動で登録している方
・ZendeskとSendGridを連携させ、顧客へのアプローチを効率化したいと考えている方
・顧客情報の転記作業における入力ミスや登録漏れなどの課題を解消したい方
■注意事項
・Zendesk、SendGridのそれぞれとYoomを連携してください。
・【Zendesk】はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
kintoneのレコードが指定のステータスに更新されたら、SendGridでメールを送信する
試してみる
■概要
「kintoneのレコードが指定のステータスに更新されたら、SendGridでメールを送信する」業務ワークフローは、kintone上のステータス変更をトリガーにSendGridを連携し、自動でメール配信を実現します。
担当者の手間を省き、問い合わせや進捗連絡を迅速化。
■このテンプレートをおすすめする方
・kintoneでステータス管理をしているが、更新ごとに手動でメール送信するのが面倒な方
・進捗連絡を迅速化したい営業やサポート担当者の方
・メール配信のタイミングを自動化して、抜け漏れを防ぎたいチームリーダーの方
・Yoomでkintone sendgrid連携を手軽に始めたいシステム管理者の方
■注意事項
・kintone、SendGridのそれぞれとYoomを連携してください。
フォームの回答をもとに、見積書を自動作成してSendGridで送付する
試してみる
フォームから送信されたファイルをOCRで読み取り、SendGridからメールを送信する
試してみる
■概要
「フォームから送信されたファイルをOCRで読み取り、SendGridからメールを送信する」ワークフローは、ユーザーがフォームにアップロードしたファイルを自動で解析し、必要な情報を抽出してメール送信を行う流れです。
OCR機能を用いることで、画像やPDFからテキスト情報を正確に読み取り、SendGridを介してメールを送信できるため、業務のスピードアップと精度向上が図れます。
■このテンプレートをおすすめする方
・フォームを通じて多量のファイルを収集し、手作業で内容確認やメール送信を行っている担当者の方
・OCR機能を活用して、紙ベースの資料や画像ファイルから効率的にデータを抽出したい方
・SendGridを利用して自動化されたメール配信プロセスを構築し、業務効率を向上させたい企業のIT担当者
・フォーム連携とメール送信のワークフローを一元管理し、エラーを減らしたいと考えている方
■注意事項
・SendGridとYoomを連携してください。
・OCRまたは音声を文字起こしするAIオペレーションはチームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリやAI機能（オペレーション）を使用することができます。
受信したメールの差出人をSendGridのコンタクトリストに追加し、Gmailを送付する
試してみる
受信したメールの宛先をSendGridのコンタクトリストに追加し、Gmailを送付するフローです。
フォームが送信されたら、SendGridでファイル付きのメールを送信する
試してみる
■概要
フォームからの問い合わせや資料請求に対し、都度ファイル付きのメールを手作業で作成・送信する業務に手間を感じていませんか？件数が増えると対応が追い付かず、送信ミスが発生する可能性もあります。このワークフローは、フォームが送信されると同時にSendGridから指定のファイルを添付したメールを自動で送信するため、こうした課題を解消します。SendGridを用いたメール配信のautomationをノーコードで構築し、迅速で確実な顧客対応を実現しましょう。
■このテンプレートをおすすめする方
・SendGridを活用したメール配信業務のautomationを検討している方
・フォームからの資料請求や問い合わせ対応を手作業で行っているマーケティング担当者の方
・手動でのメール送信によるミスをなくし、顧客対応の速度を向上させたい方
■注意事項
・SendGrid、Google DriveのそれぞれとYoomを連携してください。
・ダウンロード可能なファイル容量は最大300MBまでです。アプリの仕様によっては300MB未満になる可能性があるので、ご注意ください。
・トリガー、各オペレーションでの取り扱い可能なファイル容量の詳細は「ファイルの容量制限について」をご参照ください。
https://intercom.help/yoom/ja/articles/9413924
指定日時にMicrosoft Excelのデータを取得し、AIで文章を生成してSendGridでメールを送信する
試してみる
■概要
「指定日時にMicrosoft Excelのデータを取得し、AIで文章を生成してSendGridでメールを送信する」ワークフローは、定められた日時に最新のデータを取得できます。
文章作成からメール送信まで自動化することで、作業の手間を減らせます。
■このテンプレートをおすすめする方
・Microsoft Excelで毎日または定期的にデータ管理をしている方
・Microsoft Excelファイルの最新データから、スピーディにレポートやまとめ文章を自動生成したい方
・メール通知を効率的に活用し、業務の迅速な情報共有を目指している方
・SendGridを業務のメール配信ツールとして利用されている企業や担当者
・Microsoft Excelデータから文章を作り、毎回手動でメール送信する作業を省力化したい方
・レポート作成や経営会議向け情報提供など、短時間で的確なアウトプットを必要としている方
・定期的な情報配信・報告業務を自動化し、人的ミスや作業遅延を防ぎたい方
■注意事項
・Microsoft ExcelとSendGridのそれぞれとYoomを連携してください。
・Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
・「同じ処理を繰り返す」オペレーション間の操作は、チームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
まとめ
WebflowとSendGridの連携を自動化することで、これまで手作業で行っていたWebflowのフォーム情報をSendGridへ転記する作業の手間を削減し、登録漏れなどのヒューマンエラーを防ぐことができます。
これにより、Webサイトから獲得したリード情報をリアルタイムでマーケティングリストに反映させ、タイムリーな情報提供やナーチャリングが可能です。
顧客エンゲージメントの向上に直結し、担当者はリスト管理業務から解放され、より戦略的なマーケティング施策の立案といったコア業務に集中できる環境が整います。
今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひ登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください！
よくあるご質問
Q：この連携はYoomの無料プランで利用できますか？
A：
WebflowとSendGridはフリープランから利用できるアプリです。設定方法を解説した連携を継続利用する場合、毎月100件以内のコンタクト作成であれば料金はかかりません。Yoomでは、オペレーションの実行をタスクとしてカウントしており、無料プランでは毎月100タスクまで利用可能です。
またYoomでは2週間の無料トライアルもあり、期間中は制限のあるアプリなども使用できます。その後のタスク数などに応じてプランを考えると良いでしょう。
Q：連携が成功したことをSlackなどで知る方法はありますか？
A：
はい、あります！フローボットのプロセス画面でプラスマークをクリックして、Slackなどの新規のオペレーションを追加することで連携成功の通知を受け取ることが可能です。詳しくは以下のヘルプページをご覧ください。
Q：連携エラーで通知が失敗したらどうなりますか？
A：
フローボットがエラーになると、Yoomに登録する際に設定したメールアドレスに通知が送られます。通知先は、メールの他にSlackやChatworkも設定できます。
通知内容にはエラーになったオペレーションも記載されているので、エラーの発生個所がすぐにわかります。
再実行は自動で行われないため、エラー修正後手動で再実行してください。
