Bubbleのお問い合わせフォームで自動返信メールを実装する方法

ノーコードツール「Bubble」で作ったお問い合わせフォームに自動返信メールを実装する方法をご紹介。

先日公開した「【Bubble】お問い合わせフォームを作る方法」のつづきです。

前回は、送信ボタンをクリックしたら管理者メールアドレスにお問い合わせ内容が記載されたメールが届くところまで実装しました。今回はその続きで、メール送信者に、自分が入力したお問い合わせ内容が記載された自動返信メールが送られるように実装します。

送信ボタンのWorkflowで２段階のSend emailを設定するのが肝です。自動返信メールのテンプレもあわせて紹介しますのでご参考によろしくどうぞ。

無料で資料をダウンロード

ノーコード開発お役立ち資料3点セット

計100ページ近い大ボリュームでノーコード開発について解説

• ノーコード開発会社の選び方
• EPICsのノーコード受託開発の特徴
• 支援実績・事例集

氏名

法人名

メールアドレス

電話番号

送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

実装イメージ

上はGmailのキャプチャです。お問い合わせフォームを送信した際に赤枠内の自動返信メールが送られてくるのが今回の成果物です。

実装手順

お問い合わせフォームの自動返信メールは以下の手順で実装します。

手順①は前回の記事（「【Bubble】お問い合わせフォームを作る方法」）で実装済みなので、まだの方はそちらを先にご覧になってくださいませ。

それでは本命の手順②を以下で解説します。

送信ボタンのWorkflowのStep2で自動返信メール用のSend emailを設定する

お問い合わせ、誠にありがとうございます。
お客様のお問い合わせ内容を確認の上、担当者より折り返しご連絡させていただきます。

お名前：ここにInsert dynamic dataでInput 氏名's valueをセットする
件名：ここにInsert dynamic dataでInput 件名's valueをセットする
メールアドレス：ここにInsert dynamic dataでInput メールアドレス's valueをセットする
お問い合わせ詳細：ここにInsert dynamic dataでMultiline Input お問い合わせ詳細's valueをセットする

2023年9月20日追記：Bccに管理者メールアドレスなどをセットしてこのSend emailでWorkflowは１つにする、という実装方法もあります。その場合、Step1で管理者メールアドレス宛にSend emailを設定する必要はなくなります。どちらでもお好きな方で実装してみてくださいませ。