Studioで作成したサイト上のフォームにoutlookでメール自動配信機能を持たせる

# はじめに
現在、STUDIOでHPやLPの作成・運用を行なっています。
フォームの運用・管理に関して、ある程度の自動化をしたいと考えている方も多いのではないでしょうか？
今回は、フォーム送信後に「Zapier」というタスク自動化サービスを用いて、Outlookと連動した自動配信機能を実装する手順をご紹介します。
# STUDIOのフォームをスプレッドシートと連携する
まずは、STUDIOで作成したフォームをスプレッドシートと連携します。
スプレッドシート連携を行うと、フォーム結果が届くたびにリアルタイムで更新されるシートを作成し、フォーム結果をより詳細に管理したり、集計することが可能です。
### 【連携手順】
① プロジェクトダッシュボードにあるフォームタブをクリック。
② 画面右上にある「設定」を選択し、外部連携セクションのスプレッドシートアイコンをクリック。
③ 作成が終了すると、フォーム専用のシートが生成され、以降はフォームの内容が自動的に反映されます。

[スプレッドシート連携については、こちらの記事がわかりやすいです！](https://help.studio.design/ja/articles/4597354-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E7%B5%90%E6%9E%9C%E3%81%AE%E5%A4%96%E9%83%A8%E9%80%A3%E6%90%BA)

なお連携を行なっておくと、このスプレッドシートを用いて複数人で問合せの管理を行なうことができたりと色々便利なのでオススメです。
# Zapierでメールの自動配信タスクを設定する
まずはじめに、「Zapier」とは？
異なるアプリやWebサービス同士を連携させてタスクを自動化するツールで、2012年にアメリカでリリースされて以降、世界中で利用されています。
個別のプログラム開発を必要とせず、比較的簡単に自動化の仕組みを作ることができるサービスです。

Zapierの機能は「Trigger」「Action」「Zap」「Task」という4つの概念で成り立っています。

「Trigger」
Triggerとは、タスク自動化を開始する「条件」のことです。
今回の自動配信メール設定でいうと「フォームに問合せが届いたら（もっと具体的にいうと、連携しているスプレッドシートに新たな行＝問合せが追加されたら）」の部分がTriggerです。

「Action」
Actionは、Triggerによって「自動的に行う動作」のことです。
今回の例でいうと「Outlookの自動配信をおこなう」がActionです。

「Zap」
Zapは、「Trigger＋Action」の事で、「フォームに問合せが届いたら、Outlookの自動配信をおこなう」という一連の流れをZapと呼びます。

「Task」
Zapを作成して自動化が実行されると、それがTaskとして保存されます。

では、実際にZapierで自動配信メール設定を行なっていきます。
# ZAPの作成する
まずは、TOPページの左上にある【Create Zap】をクリックし新しいZapを作成します。
![スクリーンショット 2022-06-03 11.03.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1954118/5dc1cae0-992f-8cdb-b953-52b8779d49dc.png)
### ①トリガーとなるAppを設定する
1. 今回トリガーとなるAppはフォームと連携を行なったスプレッドシートとなるので、「Google sheets」を選択します。
すると、「Trigger Event」の選択画面が出てきますので、「New Spreadsheet Row」を選択し、Continueをクリックします。
![スクリーンショット 2022-06-03 13.48.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1954118/cf107116-35ed-ee41-e123-f6e3bf6a34ec.png)
※今回は新規問合せがあった時に、スプレッドシートの新規”行”として追加されるので、スプレッドシートに新たな”行”が追加された時がトリガーとなります。

3. フォームとの連携で仕様したGoogle Sheets accountをプルダウンから選択し、Continueをクリックする

4. トリガーのセットアップを行う
Set up triggerメニューで、連携を行うスプレッドシートとワークシートを選択し、Continueをクリック。最後にTest triggerをクリックしてセットアップは終了です。

### ②アクションAppを設定する
1. 今回はOutlookを使用して自動配信を行なっていくので、Action AppリストからOutlookを選択します。

2. Action Eventのプルダウンから「Send Email」を選択し、Contineをクリックします。
![スクリーンショット 2022-06-03 15.44.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1954118/bda188d6-71eb-9058-3bad-98f2ac3ccb35.png)


3. Choose account画面の「Microsoft Outlook account」から「Connect a new account」を選択し、自動配信メールの送信元として使用したいアドレスを入力、Zapierとの連携を行いContineをクリックします。

4. Set up action画面から、自動返信内容を作成します。
基本的には、普段メールを作成する容量と同じです！
![スクリーンショット 2022-06-03 19.30.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1954118/23aa1986-cd69-7f6e-827b-c03c8bb8318f.png)

自動返信内容を、申し込み内容に合わせ連動させたい場合（例えば申込者のお名前や、電話番号、メールアドレスなど）は、下のようにスプレッドシートの項目を選択して使用することにより、より柔軟な自動返信を行うことができます。
![スクリーンショット 2022-06-03 19.30.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1954118/e6ab9678-2e3a-db86-7af1-f030563d6d40.png)
5. 最後は、Test action画面で作成した自動返信メールの内容を確認し、 動作テスト・設定完了を行い無事に自動配信メールの受信が確認できたら無事に成功です！
# 最後に
Zapierは英語ツールですが、UIがとても見やすく直感的で設定は難しくないと思います。
STUDIOは連携しているツールも多くすごく便利です。
特にZapierは自動メール配信の他にも色々な事が可能なので、これを機会に色々な自動化を行ってみて頂ければと思います！