お問い合わせフォーム付きホームページを5分で作る方法｜AIで無料作成

事業用のウェブサイトが必要で、しかも、お客様が連絡できる動作するお問い合わせフォームが必要です。ふつうなら、開発者を雇い、ホスティングを契約し、メールを設定して、バックエンドのコードと格闘することになります。けれど、すべてを5分で、無料でできるとしたらどうでしょう。

AIとSiteDropがあれば、できます。具体的な手順を、順を追ってご紹介します。

ステップ1：AIでウェブサイトを生成する（1分）

ChatGPT、Claude、または任意のAIアシスタントを開いて、次のようなプロンプトを使います。

「『QuickFix Plumbing』という地元の水道修理業者向けに、モダンでレスポンシブな1ページのウェブサイトを作ってください。ヒーローセクション、サービス一覧、お客様の声のセクション、そして、お名前、メールアドレス、電話番号、メッセージの項目があるお問い合わせフォームを入れてください。CSSをインラインで書いた、1つのHTMLファイルにしてください。フォームは、同じページにPOSTメソッドで送信されるようにしてください。」

AIが、完全なコードを生成します。それをコピーして、メモ帳などのテキストエディターに貼り付け、index.html という名前で保存します。

ステップ2：SiteDropにアップロードする（30秒）

その index.html ファイルを持って、 SiteDropにアクセスします。ファイルをダッシュボードにドラッグ＆ドロップしてください。数秒で、あなたのウェブサイトが、無料のSSL証明書と共有できるリンク付きで、インターネットに公開されます。

ステップ3：お問い合わせフォームを有効にする（30秒）

ここからが、魔法のような部分です。SiteDropのダッシュボードで、サイトを開き、フォーム機能を有効にします。SiteDropが、ページ上のお問い合わせフォームを自動で検出して、内蔵の受信箱に接続します。

これだけです。お客様が公開されたウェブサイトのフォームに入力すると、メッセージがSiteDropの受信箱に直接届きます。PHPも、SMTPも、メールホスティングも不要です。

ステップ4：独自ドメインを追加する（任意・2分）

サイトを、quickfixplumbing.com のようなプロらしいドメインで公開したいですか？ SiteDropのダッシュボードの中で、ドメインを検索して直接購入できます。自動で接続されるので、DNSレコードを設定する必要はありません。

この方法がうまくいく理由

• バックエンドは不要：フォームの送信は、SiteDropが処理します。サイトは、シンプルな静的なHTMLファイルのままです。
• メールホスティングの料金は不要：Google Workspaceも、独自のメールアドレスも必要ありません。メッセージは、SiteDropの受信箱に届きます。
• 外部のフォームツールは不要：FormspreeもGetformも、他社のウィジェットの埋め込みもありません。あなた自身のフォームが、そのまま動きます。
• 無料で始められます：無料プランで、サイトの公開とメッセージの受信ができます。