【プログラミング不要】フォームのデータをFrontと自動的に連携する方法

GoogleフォームのデータをFrontに連携する

Googleフォームの回答データも、Frontに自動で連携できます。
Googleアカウントさえあれば無料で使え、さまざまな形式のフォームを作成できるため、手軽に連携を試したい方にもぴったりです。

TypeformのデータをFrontに連携する

Typeformの回答データをFrontに自動的に連携することができます。
Typeformの直感的なフォーム操作とFrontを連携することで、フォームの回答者、管理者ともにフォームの利用やデータ管理の体験が向上するでしょう。

JotformのデータをFrontに連携する

Jotformの回答データをFrontに自動的に連携することができます。
高いカスタム性が特徴のJotformですが、その回答データを余すことなくFrontに連携することで、詳細なデータ管理が実現できそうです。

TallyのデータをFrontに連携する

Tallyの回答データをFrontに自動的に連携することができます。
シンプルなフォームのTallyもAPIを使うことで、Frontにデータ連携することができます。ミニマルなフォームでもデータをしっかり管理したい方におすすめです。

Zoho FormsのデータをFrontに連携する

Zoho Formsの回答データをFrontに自動的に連携することができます。
Zohoサービスを使用している方に取って馴染み深いフォームですが、こちらもFrontと連携して回答データの管理を効率化しましょう。

Frontとフォームの連携フローを作ってみよう

それでは、さっそく実際にFrontとフォームの連携フローを作成してみましょう！
今回はYoomを使用して、ノーコードで設定を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

今回はフォームの回答をもとに、フォームの回答内容をもとにFrontにContactを作成するフローボットを作成していきます！
作成の流れは大きく分けて以下です。

• Frontをマイアプリ連携
• テンプレートをコピーする
• Yoomフォームのトリガー設定およびFrontのアクション設定
• トリガーをONに設定しフロー稼働の準備完了

ステップ1:マイアプリ連携

まず、Yoomのアカウントにログインします。
まだYoomを利用したことがない方は、初めてのYoomをぜひご覧ください。

1.マイアプリをクリックした後、新規接続をクリックします。

2.入力欄からアプリ名で検索できます。

Frontのマイアプリ登録

では、さっそくFrontをマイアプリ登録していきましょう！
入力欄にFrontと入力するとFrontのアイコンが表示されるので、Frontというアイコンをクリックします。

1.ログイン画面が表示されます。
連携したいアカウントでログインしてください。
なお、設定の詳しい手順は、こちらの記事でわかりやすく解説しています！

マイアプリ登録が成功すると、以下の画面が表示されます。
マイアプリの画面にFrontのアイコンが表示されているか確認してください。

ステップ2：テンプレートをコピー

以下のリンクから「試してみる」をクリックしてください。

以下の表示が出たら、テンプレートのコピーが成功です。
コピーしたテンプレートはマイプロジェクトに格納されます

ステップ3:フォームが回答されたら起動するトリガーの設定

まず、一番上の「フォーム」のアイコンをクリックします。

フォームは元から設定されています。
デフォルトでは顧客名などの基本情報を送信できるようになっています。
また、フォームのカスタマイズには一部有料プランの機能も含まれています。
有料プランにはトライアル期間があるので、気になる方はお試しください！
詳しい設定方法については以下のリンク先を参照してください。
‍フォームの基本設定・オプション設定について

下の方にスクロールすると完了ページの設定が表示されます。
共有フォーム利用時のフローボットの起動者設定では、フォームに回答が送信された際に、どのユーザーをフローボットの起動者とするかを選択できます。
この設定で、エラーが発生したときの通知が誰に届くかを管理できます。
通知の送信先にも関わるので、必要なら変更を。なければ「次へ」をクリックしましょう！

フォームの表示設定と詳細設定が表示されます。
取得した値には、以下の画像のようにテストで使用する本文などを設定しておきましょう。
今回は例として以下のように設定しています。
設定が終わったら、「保存する」をクリックするのを忘れないようにしましょう！

ステップ4:FrontでContactを作成する設定

最後に、「Create New Contact」のアイコンをクリックします。

Frontと連携するアカウント情報を設定します。
アクションは「Create New Contact」を選択しましょう。
設定が終わったら「次へ」をクリックします。

各項目を設定していきます。

各項目は以下のように先ほどテスト用に設定した情報が引用できるので、適宜活用しましょう。

HandlesのSourceは、プルダウンから選択できます。
今回はフォームでアドレスを設定しているので、Emailを選択しましょう。

設定が終わったら、「テスト」をクリックしましょう。
画面に「テスト成功」と表示されたら、最後に「保存する」を押せばOKです。

ステップ5:テストと確認

おつかれさまでした！以上で設定はすべて完了です。
設定が終わると、以下のような画面が表示されます。
「トリガーをON」をクリックすると、フローボットが起動します。

以上が、 フォームの回答内容をもとにFrontにContactを作成する方法でした！

Frontを使ったその他の自動化例

今回紹介したフォームとの連携以外でも、Frontで受け取ったメッセージをもとにHubSpotへ自動でコンタクトを作成したり、Slackの投稿内容をFrontに連携して新しいコンタクトを作成することも可能です。
このように、FrontのAPIを使用してさまざまな業務を自動化することができるので、もし気になるものがあればぜひこちらもお試しになってみてください！

終わりに

フォームとFrontの連携は、スムーズな顧客対応に大きく貢献できるかもしれませんね。
<span class="mark-yellow">フォームに回答されたデータを基に、Frontにコンタクトを自動的に作成するフローは、手作業が省け、登録ミスや漏れを防げます。</span>
Yoomフォーム以外にも、GoogleフォームやTypeform、Jotform、Tallyなどさまざまなフォームと連携できるため、頻繁に使用しているツールを利用できますよ！

「導入を検討したい！」「実際に操作してみたい！」という方は、こちらから無料アカウントを作成してみてください。
登録はたったの30秒で完了するので、業務の間にササッと登録できます！

Yoomのテンプレートを活用すれば、プログラミング不要で利用できます。
自動化を導入することで、業務の質や作業スピードを向上できるかもしれません！