問い合わせフォームの月額費用、払い続けていませんか？

「ContactForm7では管理が大変」「フォームSaaSの月額が高い」——そう感じている方に向けて、自分のサーバーで動くお問い合わせ管理システムのソースコードを紹介します。

月額費用はゼロ。データは自分のサーバーに保存。そして、

ホームページのHTMLに2行貼るだけで、どんなサイトにもお問い合わせフォームが表示されます。

埋め込みはたった2行

<div id="contact-widget"></div>
<script src="https://あなたのドメイン/contact-system/widget/widget.js"
        data-key="発行されたウィジェットキー"></script>

この2行を置いた場所に、お問い合わせフォームが即座に表示されます。WordPressでも静的サイトでも動作します。

フォームの項目

  • お名前（必須）
  • メールアドレス（必須）
  • 電話番号（任意）
  • 件名（任意）
  • メッセージ（必須）

送信されるとオーナーに通知メールが届きます。 自動返信メールの設定も管理画面から行えます。

管理画面でできること

  • ダッシュボード — 今日の受信数・未読件数・今月合計を一目で確認
  • お問い合わせ一覧 — 未読・既読・返信済みをワンクリックで管理。削除も可能
  • 自動返信設定 — 送信者への返信メールの件名・本文を管理画面から編集
  • フォーム設定 — フォームのタイトルをカスタマイズ可能
  • 店舗情報 — メールアドレス・パスワードをいつでも変更可能

セットアップは5〜15分で完了

データベースの設定は一切不要です。

  1. フォルダをアップロードする — Xserverのファイルマネージャーからドラッグ＆ドロップ
  2. install.phpをブラウザで開く — ボタンを押すだけでDBが自動作成
  3. 会社名・メール・パスワードを入力する — ウィジェットキーが発行される
  4. HTMLに2行貼る — 完了

どんなサイトでも使える

サイトの種類

設置方法

WordPress

固定ページをHTMLモードにして2行貼り付け

Wix・Jimdo

HTMLコードブロックに貼り付け

静的HTML

bodyタグ内の好きな場所に貼り付け

フォームのカラーは data-color="#16a34a" で変更できます。

動作環境

  • PHP 7.4以上（SQLite拡張：ほぼ全サーバーで標準搭載）
  • Xserver・さくらインターネット・ロリポップ・ConoHa Wing 等
  • データベースサーバーの契約不要
  • SQLインジェクション・CSRF対策済み

購入・ダウンロード

ソースコード一式をnoteで販売しています。購入後すぐにZIPファイルをダウンロードできます。

→ noteの商品ページはこちら

まとめ

  • HTMLに2行貼るだけ。どんなサイトにもお問い合わせフォームを設置できる
  • 月額ゼロ・DB設定不要・セットアップ5〜15分
  • 未読・既読・返信済みのステータス管理で見落とし防止
  • 自動返信メール・通知メール機能付き
  • ソースコードを自由にカスタマイズ可能