Webflowでフォームが送信されたら、OpenAIで内容を要約してメールで通知する

■概要

Webflowで構築したサイトのフォームから届く長文のお問い合わせについて、内容を把握するために都度全文を確認する作業に手間を感じていませんか。このワークフローは、Webflowのフォームが送信されると、その内容をOpenAIが自動で要約し、指定のメールアドレスへ通知するものです。WebflowとOpenAIを連携させることで、問い合わせ内容の迅速な把握と、スピーディーな一次対応の実現を支援します。

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

• Webflowで作成したフォームからの問い合わせ対応に時間がかかっているWebサイト担当者の方
• WebflowとOpenAIを連携させ、問い合わせ対応の初動を早めたいと考えている方
• フォームから送られる内容の確認と担当者への共有を手作業で行っているチームのリーダーの方

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

• Webflowのフォーム送信後、OpenAIが自動で内容を要約するため、長文を読む時間を短縮し、迅速な状況把握が可能になります
• 要点がまとめられた状態で通知されるため、重要な情報の見落としや確認漏れといったリスクの軽減に繋がります

■フローボットの流れ

1. はじめに、OpenAIとWebflowをYoomと連携します
2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
3. 次に、オペレーションでOpenAIの「テキストの生成（Chat completion）」アクションを設定し、フォームの送信内容を要約するように指示します
4. 最後に、Yoomの「メールを送る」アクションを設定し、OpenAIが生成した要約文を指定のメールアドレスに通知します

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• OpenAIの「テキストの生成（Chat completion）」アクションでは、どのような要約をさせたいか、プロンプト（指示文）を任意の内容で設定してください。また、利用するモデルIDも候補から選択が可能です
• Yoomの「メールを送る」アクションでは、通知先のメールアドレスや件名、本文などを自由に設定できます。本文には前のオペレーションでOpenAIが生成した要約結果を含めるように設定してください

■注意事項

• ‍‍Webflow、OpenAIのそれぞれとYoomを連携してください。
• Webflowから送信されたフォームの内容を取得する方法は下記を参照ください。
  https://intercom.help/yoom/ja/articles/5404443
• ChatGPT（OpenAI）のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。（APIが使用されたときに支払いができる状態）
  https://openai.com/ja-JP/api/pricing/
• ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。