Make.comを使用してお問い合わせフォームのデータをプッシュする

Pixpaは、ウェブサイトに美しくカスタマイズ可能なお問い合わせフォームを提供します。これらのフォームをメイクドットコム、スプレッドシートに問い合わせを記録したり、メールを送信したり、チームに通知したり、プロジェクト管理ツールでタスクを作成したりするなどのワークフローを自動化できます。

このガイドでは、Pixpa の連絡フォームからの送信を受信して処理するための Make.com の設定手順を説明します。

ここで扱われる内容：

必要なもの
仕組み
ステップバイステップガイド

必要なもの

始める前に、次のものを用意してください。

アクティブなお問い合わせフォームセクションを備えた Pixpa ウェブサイト。
フォームの回答を収集するために準備された Google スプレッドシートを備えた Google アカウント。
A メイクドットコム自動化ワークフローを作成するには、アカウント (無料または有料) が必要です。

仕組み

Pixpaはフォームデータを送信します – 新しい提出が行われると、Pixpa はその詳細を Make.com の Webhook に送信します。
Make.comはデータを処理します – Make はフォームデータを受け取り、保存用に準備します。新しいフォームが送信されるたびに、接続された Google スプレッドシートに新しい行が追加され、送信されたすべてのフィールドがそこに表示されます。
リアルタイムで実行 – プロセス全体が自動化されているため、新しい送信はシートに即座に表示され、手動の作業は必要ありません。

Google スプレッドシートを作成する

Pixpaウェブサイトのお問い合わせフォームセクションを追加したページを開き、 お問い合わせフォームの編集
下設定（1）タブ、有効にする フォームデータをMake.comにプッシュする （２）トグル。
ソフトウェアの制限をクリック ヘッダー行をコピー (3)ボタンと Save (4) 変更。

それでは、 Googleのアカウント 新しい スプレッドシート.
指定します 識別可能な名前 （５）シートに貼り付けて ヘッダー行 （6）シートの最初の行のデータ。

Make.comでシナリオを作成する

新しいアカウントを作成するメイクドットコム or login すでにアカウントをお持ちの場合は、アカウントに追加してください。

Make.comアカウントで、 シナリオ （1）セクションをクリックして + 新しいシナリオを作成する （2）ボタン。

指定します 識別可能なタイトル （３）シナリオについて
今、 +ボタン (4) を選択 Webhooks （5）オプション

選択 カスタムWebhook （6）オプション

新しいポップアップが開きます。クリックしてください Webhookを作成する （7）ボタン。
特定します Webhookの名前 （8）と Save (9) 変更。

これでWebhookが作成されます。Makeは 固有のWebhook URL. このURLをコピー （10）Pixpaで必要になります。
最後に、 Save （11）ボタン。

Webhookを保存した後、 Webhookモジュールを右クリック (12) をクリックしてください このモジュールのみ実行 （13）オプション

このモジュールを実行するときは、以下の手順に従ってください。

PixpaにWebhookを追加する

Pixpaウェブサイトのお問い合わせフォームセクションに、 固有のWebhook URL とします。
URLを貼り付けたら、 サンプルデータをプッシュする (2)ボタンと Save (3) 変更。

一度ヒットしたら サンプルデータをプッシュする (2) ボタンを押すと、データがMake.comにプッシュされ、Webhookモジュールの動作が正常に完了します。

お願い

Webhookモジュールが正常に起動しない場合は、Make.comでモジュールを右クリックして再度実行してみてください。 「このモジュールのみを実行します。」 次に、Pixpaのお問い合わせフォームの設定に移動し、 「サンプルデータをプッシュ」 ボタンをクリックしてテスト送信を再送信してください。これにより、Makeは受信データを正しく検出して登録できるようになります。

シナリオにGoogleスプレッドシートを追加する

以下を行うには、 +ボタン （１）シナリオに新しいモジュールを追加する。
Enter 追加（2）検索フィールドで選択 行を追加する （3）オプション

ポップアップからクリック 接続を作成する （4）ボタン。
指定します 接続名 （5）と Googleアカウントでサインイン （６）スプレッドシートをリンクする。

サインイン後、 スプレッドシート (7). 利用可能なすべてのシートを検索できます。スプレッドシートが表示されない場合は、「更新」ボタンをクリックしてください。
まず 特定のシート （8）選択したスプレッドシートの下。
ていることを確認してください 表にはヘッダーが含まれています （9）オプションは次のように設定されている Yes.
下 価値観 （10）セクションでは、スプレッドシートの列（名前、メールアドレス、メッセージなど）のリストが表示されます。 これらの各分野、あなたがする必要が 右側のサイドバーから対応するデータを選択します （Webhookから受信したデータを表示します）。フィールド内をクリックして、一致する値を選択するだけです。例：
- 地図 提出日 〜へ 1. 提出日
- 地図名前〜へ 1。名
- 地図 メールアドレス 〜へ 1。 Eメール
関連するフィールドごとにこれを繰り返して、Google スプレッドシートに受信したフォームデータが正確に入力されるようにします。
フィールドをマッピングした後、 Save (11) 変更。