STUDIOでWebサイトを作って問い合わせフォームを設置したけど、自動返信メールは設定できないの?
こんな疑問をお持ちの方のために、今回は自動返信メールを設定する方法を紹介します。
STUDIOは簡単に問い合わせフォームを設置できますが、自動返信メールを送信する機能が備わっていません。
自動返信メールを設定したい場合は外部サービスを利用する必要があります。
そこで今回使用するのが、「Zapier」というツールです。
無料で使用することができ、Googleアカウントと連携することでGmailを使って自動返信メールを送信することが可能になります。
Zapierは英語のサイトなので難しく感じるかもしれませんが、画像付きで解説しているのでよかったら参考にしてみてください。
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
それでは、早速解説していきます!
STUDIOとGoogleスプレッドシートを連携させる
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
STUDIOで作ったWebサイトからのお問い合わせに自動返信メールを設定する場合、まずはSTUDIOとGoogleスプレッドシートを連携する必要があります。
まずはその方法から。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-18-14.06.49-1024x349.png)
1. ダッシュボードのフォーム → 設定をクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-18-14.10.06-1024x501.png)
2. 外部連携の部分でスプレッドシートのマークをクリック
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-18-14.10.40-1-885x1024.png)
3. 連携させたいGoogleアカウントを選択。
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
以上でSTUDIOとGoogleスプレッドシートの連携が完了しました!
連携することで、フォームから入った問い合わせ内容を自動でスプレッドシートに反映してくれます。
連携前のデータは、反映されないので初期の段階で設定しておくことをおすすめします。
ZapierとGmailを連携する
次に、ZapierとGmailを連携します。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.13.09-1024x427.png)
1. Zapierのアカウントを作成し、ログインする。
2. MAKE A ZAPをクリック。
①Trigger設定
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.13.56-1024x642.png)
1. Google Sheetsを選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.15.22-1024x526.png)
2. Trigger Eventという項目で、New Spreadsheet Rowを選択 → Continueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.16.59-1024x479.png)
3. Choose accountという項目で、Sign in to Google Sheetsを選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.17.42-934x1024.png)
4. 先ほどSTUDIOと連携させたアカウントを選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.22.14-615x1024.png)
5. 許可をクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.23.37-1024x480.png)
6. Google Sheets accountという項目で、アカウントを選択し、Continueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.26.23-1024x770.png)
7. STUDIOと連携させたシートを選択。
8. データもとにしたいワークシートを選択 → Continueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.29.10-1-1024x742.png)
9. Test triggerをクリック。
スプレッドシートと上手く連携できると、下のような画面が表示されます。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.43.55-1-1024x612.png)
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.45.34-1024x137.png)
10. スプレッドシートのメールアドレスが記載されている列を選択 → Continuをクリック。
![YUKI](https://design-formom.com/wp-content/uploads/2021/02/00DAA173-E6EA-45DE-B132-10BAC3923677-150x150.jpg)
A列しか表示されない場合は、自分の問い合わせフォームからもう一度テスト送信して、フォーム回答の件数を増やしてみてください。スプレッドシートにフォーム回答が1件しかない状態だとA列しか表示されませんでした。原因は不明です・・・
②Action設定
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.46.11-1024x680.png)
- App Eventの項目で、Gmailを選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.47.21-1024x567.png)
2. Action Eventの項目で、Send Emailを選択 → Continueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.48.14-1024x472.png)
3. Sign in to Gmailをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.49.15-1024x497.png)
4. アカウントを選択してContinueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.50.25-1-1024x772.png)
5. Set up action「To」の項目で、スプレッドシートのメールアドレスの部分を選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.51.15-1024x865.png)
6. Set up action「From」の項目で、自動返信メール送信時に送信元に設定したいメールアドレスを選択。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-0.56.29-1024x855.png)
7. 自動返信用のメールの内容を設定します。
「Subject」にメールのタイトル、「Body」にメール本文を入力。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-1.02.15-1024x572.png)
8. 入力が終わったら、Continueをクリック。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-1.03.04-1024x356.png)
9. Test & Continueをクリックし、テストメールを送信します。
![](https://design-formom.com/wp-content/uploads/2021/05/スクリーンショット-2021-05-10-1.05.53-1024x155.png)
10. テストメールが無事に届いたら、Turn on Zapをクリックして設定完了です!
まとめ
無事に設定できましたか?
問い合わせフォームをいくつか作成している場合は、フォーム毎に連携させる必要があります。少し面倒かもしれませんが、自動返信メールが届くことで問い合わせが届いていることを相手の方に認識してもらうことができるので、頑張って設定してみてください。