Tilda のフォームを Formgong につなぐ

Webhook を設定する

1. Formgong でフォームを開き、フォーム設定、プラットフォームの順に開きます。Tilda を選んで追加します。URL をコピーします。https://formgong.com/in/ にトークンが続きます。URL は一度だけ表示されます。紛失したら新しく作ります。古い URL は止まります。
2. Tilda でサイト設定 → フォーム → Webhook を開きます。URL を貼ります。UTM が必要なら Cookie の送信をオンにします。保存します。Tilda は test=test の確認を送り、ok という語を待ちます。Formgong は ok と答えます。
3. フォームのある各ページを開きます。フォームブロックのコンテンツで Webhook にチェックを入れ、保存して閉じます。ページを公開します。公開するまで Tilda は送信しません。
4. 公開したサイトでフォームを送ります。受信は Formgong の受信箱に入ります。電話へ即時の通知が要るなら、フォーム設定で Telegram をつなぎます。

制限

• Tilda が Webhook を送るのは有料プランだけです。Tilda Free では Webhook を含むデータ受信サービスは使えず、T123 ブロックと Zero Block の独自コードはオフです。
• Formgong Free ではメールは送信ごとに 1 アドレスへ届き、Telegram は即時です。Tilda からの即時メールと Webhook には有料プランが必要です。
• Tilda の URL はプラットフォーム接続であり、外向きの Webhook ではありません。外向きの Webhook（Make、n8n、Slack など）は Free で 1、Pro と Business で 5 のままです。プラットフォーム接続は Free で 3、Pro と Business で 10 です。
• Tilda はおよそ 5 秒以内に応答が必要で、なければ再送します。Formgong は受信を保存した時点で ok と答えます。同じ受信には一つの tranid があるため、再送で二つ目は作れません。Cookie の送信がオンなら、UTM は TILDAUTM Cookie から読みます。

Formgong のテンプレートを Tilda で使う

• プレーン HTML と ajax、モーダルのテンプレートは、T123 ブロックか Zero Block の HTML に貼ると動きます。独自コードが動くのは有料の Tilda プランだけです。Tilda Free ではオフです。
• Tilda Free では、ホストされたフォーム https://formgong.com/f/ にアクセスキーを付けたリンクかボタンを置きます。そのページは iframe に入れられません。Formgong はフレームを拒否します。
• フォームに許可ドメインの一覧がある場合（Pro。空ならすべてのサイト）、Tilda のドメインを追加します。*.tilda.ws は project.tilda.ws のようなサイトを含みます。または独自ドメインを追加します。この確認はページに貼ったテンプレートに適用されます。ブラウザが送信するためです。Webhook の URL はこの一覧を使いません。
• フォームが Cloudflare Turnstile を使うなら、同じホストを Turnstile ウィジェットの設定に追加します。そうしないと Tilda のドメインで確認に失敗することがあります。
• Tailwind のテンプレートは Tilda 上で Tailwind のクラスを失います。Tilda は Tailwind を読み込まないためです。プレーン HTML か、ajax またはモーダルのテンプレートを使います。

うまくいかないとき

Tilda は接続済みと出るのに届かない

そのフォームブロックで Webhook にチェックがないか、チェックのあとページを再公開していません。Tilda のリード欄のエラーログを確認します。

Tilda が URL を保存しない

アドレスは HTTPS で、およそ 5 秒以内に ok と答える必要があります。打ち間違えたトークンや差し替えたトークンは not_found と答えます。プラットフォームで新しい URL を作り、それを貼ります。

同じ受信が二度入る

時間内に ok が来ないと Tilda は再送します。Formgong は tranid ごとに一つ保存します。同じ tranid の二度目は無視します。

UTM がない

サイト設定 → フォーム → Webhook で Cookie の送信をオンにします。Formgong は TILDAUTM Cookie から utm_source、utm_medium、utm_campaign、utm_term、utm_content を読みます。

Tilda Free では何も動かない

Webhook と T123 のコードは Tilda Free では動きません。ページにホストされたフォームへのリンクかボタンを置きます。

それでも止まる

Formgong へ support@formgong.com に書いてください。