AI で作ったページの問い合わせフォームに、送信内容が届くようにする方法

ChatGPT に作ってもらったお店のページ。問い合わせフォームに名前とメッセージを入れて送信を押すと、「送信しました」と表示されます。ところが、メールはどこにも届いていません。AI が書いたフォームでは、よくあることです。

届かない理由と、送信内容をメールで受け取る方法、管理画面に保存して見る方法を比べて説明します。料金と上限は、2026 年 10 月 4 日に各サービスの公式ページで確認した内容です。

フォームを送っても届かない理由

フォームには、送信内容を受け取る先が必要です。1 枚の HTML を書く AI には送り先のサーバーがないため、たいていこのあとの 2 つのどちらかになっています。

• <form> に action がない、または action="#" になっている。送信を押してもページが読み込み直されるだけ。
• 送信を止めて、メッセージだけを表示するスクリプトになっている（次のコードのようなもの）。

<form onsubmit="event.preventDefault(); alert('送信しました。追ってご連絡します。')">
  <input type="email" placeholder="例: name@example.com" required>
  <button>送信する</button>
</form>

上のコードのページでは、画面には「送信しました」と出ますが、内容はどこにも送られていません。アドレス欄が file:/// で始まるなら、そのページは自分のパソコンの中のファイルです。ほかの人はフォームを開くことすらできません。

直すには、フォームに受け取り先を設定します。代表的な方法は、次の節の表の 4 つです。

受け取り方の比較

選び方の目安は次のとおりです。

• いまの公開先のまま、送信のたびにメールで受け取りたい: Formspree。
• 回答をスプレッドシートで管理したい: Google フォーム。
• ページがまだ公開されていなくて、公開、送信の保存とメール通知、アクセス数の確認を 1 か所で済ませたい: Convika。

送信のたびにメールで受け取る: Formspree

Formspree は、フォームの送信内容を受け取り、登録したメールアドレスに転送するサービスです。日本語のヘルプ もあります。

無料プランは月 50 件まで。フォームの数は無制限、通知先のメールアドレスは 2 つまで、送信履歴は 30 日分です。

1. Formspree に登録して、フォームを作ります。https://formspree.io/f/abcdwxyz のような送信先の URL が発行されます。
2. AI に「フォームの送信先を https://formspree.io/f/abcdwxyz にして、method は POST、すべての入力欄に name 属性を付けて」と頼みます。name 属性のない入力欄は送信されません。
3. 書き換えたページを、いまの公開先にアップロードし直します。
4. 自分のメールアドレスで試しに送信して、メールが届くことを確かめます。

送信した人には、標準では Formspree が用意した完了画面が表示されます。自分で用意した完了画面に変えるには、有料プランが必要です。

月 50 件を超えた分は、Formspree のアカウントには保存されますが、メールは届かなくなります。有料プランは Personal が月 $15（月 200 件）、Professional が月 $30（月 2,000 件）です。

スプレッドシートで管理する: Google フォーム

Google フォームで作ったフォームを、ページに埋め込む方法です。フォームの編集画面右上のメニューから埋め込み用の HTML をコピーし、ページの入れたい場所に貼ります。回答はフォームの「回答」タブか、連携した Google スプレッドシートにたまります。「回答」タブのメニューから、新しい回答のメール通知をオンにできます。

デザインは Google フォームのままになり、ページの中に別の画面が入ったような見た目になります。スマホで横にはみ出すときの大きさの直し方と、埋め込んだフォームが表示されないときに確かめることは、ガイド Google フォームを HTML ページに埋め込む方法 で説明しています。

Convika で公開して、フォームを追加する 6 つの手順

Convika は、ページの公開とフォームの受付を 1 か所で行います。送信内容は管理画面に保存され、届くたびにメールでも知らせます。同じ画面でページのアクセス数も見られます。

Free プランはカード登録なしで、公開 1 ページまで使え、フォームの回答は月 50 件まで管理画面に表示されます。それを超えた送信も断らずに保存し、Pro にすると見られます。

1. フォームを入れる場所に目印を置く

HTML を取り出す前に、AI に「フォームを <div data-convika-form></div> に置き換えて」と頼みます。

Convika はこの場所にフォームを入れます。目印がなければ、ページの末尾（フッターの上）に入ります。

2. Convika の無料アカウントを作る

app.convika.com で登録します。カード登録はいりません。

3. HTML ファイルをアップロードする

管理画面で「HTMLファイルをアップロードする」を押します。

「ファイルから」のタブで .html ファイル（2 MB まで）をドロップするか、「コードから」のタブにコードを貼り付けて、「プレビューをつくる」を押してください。アップロードに AI クレジットは使いません。

4. フォームを追加する

サイト詳細で「フォームを追加する」を押します。

入力項目を「メールアドレスのみ」「名前とメールアドレス」「名前・メールアドレス・問い合わせ内容」から選び、ボタンの文言と送信後に表示するメッセージを整えて、「ページに追加する」を押してください。

フォームの入った新しいプレビューができます。公開するまで、本番のページは変わりません。

5. プレビューから試しに送る

プレビューを開いて、フォームから送信してみます。プレビューからの送信は確認だけで、保存されません。

手順 1 の目印を入れなかった場合は、AI が書いた元のフォームもページに残っています。「AIで直す」に「元のフォームを削除して、Convika のフォームは残して」と書いて消します。標準のモデルなら 1 クレジットです。

6. 公開して、届いた内容を見る

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。新しい送信は、届くたびにメールで知らせます。

届いた内容は、サイト詳細の「フォーム」欄から「回答を見る」で確認でき、「CSV でダウンロード」「JSON でダウンロード」で書き出せます。送信内容は、フォームを削除するまで残ります。

送信をメールで受け取る、ほかのツールへ送る

送信通知は最初からオンになっていて、新しい送信はアカウントのオーナーにメールで届きます。メールには入力された内容がすべて入っており、返信すると送信者が入力したメールアドレスに届きます。チームのメンバーは、設定画面で「フォームの送信通知」をオンにすると受け取れます。あるフォームの通知だけを止めるときは、そのフォームの送信一覧の画面で切り替えます。

Free プランでメールで知らせるのは月 50 件まで。一覧に出る件数と同じです。それを超えて保存された送信は、メールでは知らせません。Pro には上限がありません。1 つのフォームに 1 分で 5 件、または 1 日で 100 件を超えて届いた分は、1 日 1 回のメールで件数をまとめて知らせます。

Zapier、Make、n8n や自作のプログラムに送信内容を渡すときは、フォームの送信一覧の画面で「送信を URL に転送する（Webhook）」に https の URL を入れ、「テスト送信する」で届くことを確かめます。送信のたびに JSON で POST され、Convika-Signature ヘッダーに、フォームごとのシークレットで作った HMAC-SHA256 の署名が付きます。受け取り側で、Convika から届いたものかを確かめられます。

Claude などの MCP クライアントからフォームを追加する

Claude や Codex など、お使いの MCP クライアントに Convika をつないでいれば、「メールアドレスの登録フォームを追加して、プレビューを見せて」と頼むこともできます。入力項目は頼んだとおりに作られ、送信内容は管理画面の同じ場所に保存されます。

事前登録フォーム付きのページを無料で作る

発売前の商品やサービスの事前登録なら、Convika の Free プランで足ります。月 50 件までの登録を一覧と CSV で見られ、それを超えた登録も保存されます。

AI にページを頼むときは、このあとの 3 つを伝えます。

• 入力欄は 1 つ: メールアドレスだけで十分です。項目が増えるほど、登録は減ります。
• ボタンは結果を書く: 「送信」ではなく「事前登録する」「発売時に知らせてもらう」と指定します。
• 登録後のメッセージで、次に何が起きるかを書く: 例として「登録ありがとうございます。発売日に一度だけメールでお知らせします。」と伝えます。

告知を投稿するときは、投稿先ごとに UTM パラメータを付けたリンクを使うと、どこから登録が来たかがわかります。見方は、ガイド AI で作ったページのアクセス数と流入元を見る方法 で説明しています。

ページの頼み方から登録者の書き出しまでの流れと、Google フォーム・Canva・STUDIO との違いは、ガイド 事前登録フォーム付きのランディングページを、無料で作る方法 にまとめました。

Convika でできないこと

• 送信が集中すると、メールは 1 通にまとまります。 1 つのフォームに 1 分で 5 件、または 1 日で 100 件を超えた分は、1 日 1 回のメールで件数だけを知らせます。入力内容はメールに入りませんが、送信はすべて管理画面に保存されます。
• Free プランの一覧に出る送信は、月 50 件までです。 すべてのフォームの合計で数えます。それを超えた送信も断らずに保存します（1 つのフォームにつき月 1,000 件まで）。保存した送信は、Free のあいだは一覧・書き出し・メール・Webhook に出ず、送信一覧の画面に件数が表示されます。Pro にすると、すぐに一覧と書き出しに出ます。Pro は月 ¥1,800 です。
• 管理画面で選べる入力項目は 3 パターンです。 メールアドレスのみ、名前とメールアドレス、名前・メールアドレス・問い合わせ内容のいずれかで、ファイルの添付はできません。
• 送信した人への自動返信メールは送りません。 送信後のメッセージは、ページの上に表示されます。
• Convika で公開したページでしか使えません。 ほかのサービスで公開しているページのフォームの受け取り先にはできません。

よくある質問

AI で作ったページの問い合わせフォームから、メールを受け取れますか？

受け取れます。いちばん手早いのは Formspree です。発行された URL をフォームの action に設定すれば、送信のたびに登録したメールアドレスへ届きます。無料プランは月 50 件までです。Convika で公開したページなら、送信のたびにメールで届き、管理画面にも保存されます。Free プランで一覧に出るのは月 50 件までで、それを超えた分は Pro にすると見られます。

フォームを送信してもメールが届かないのはなぜですか？

AI がページを書いた時点では、送信内容の送り先がなかったからです。action が空か # になっている、または送信を止めて「送信しました」と表示するだけのスクリプトになっています。Formspree などのフォームサービス、Google フォーム、Convika のように送信内容を保存できる公開先のどれかを、受け取り先として設定します。

ランディングページに事前登録フォームを無料で作れますか？

作れます。AI に書いてもらったページを Convika の Free プランで公開し、「フォームを追加する」で「メールアドレスのみ」を選べば、登録は管理画面に保存され、CSV で書き出せます。Free プランで一覧に出るのは月 50 件までで、それを超えた登録も保存されます。

Convika はフォームの送信をメールで知らせてくれますか？

知らせます。新しい送信は、届くたびにアカウントのオーナーへメールで届き、入力内容がすべて入っています。返信すると、送信者が入力したメールアドレスに届きます。チームのメンバーは設定画面でオンにでき、フォームごとに止めることもできます。Free プランでメールで知らせるのは月 50 件までで、一覧に出る件数と同じです。それを超えて保存された送信は、メールでは知らせません。Pro には上限がありません。フォームごとに、送信内容を署名付きの Webhook で自分の URL へ送ることもできます。

Formspree は無料で使えますか？

月 50 件までは無料です。無料プランでもフォームの数は無制限で、2 つまでのメールアドレスに通知が届き、送信履歴は 30 日分残ります。有料プランは Personal が月 $15（月 200 件）、Professional が月 $30（月 2,000 件）です。

送信者に自動返信メールを送れますか？

Convika では送れません。送信後のメッセージは、ページの上に表示されるだけです。