フォームの実装やセキュリティが不安
入力チェック、送信処理、スパム対策、バックエンド、メールサーバーなど、フォーム実装に必要な要素が多く、どこから手をつけていいかわからない。
Vanilla Form
予算ゼロでも、サイトになじむ問い合わせフォームを作成
HTMLはわかるけどフォームの実装には不安があり、予算も限られている。 そんな状況でも問い合わせフォームを使いたい時はGoogleフォームをカスタムしてサイトに設置しましょう。 "Vanilla Form"はGoogleフォームを送信先にしたHTMLフォームをかんたんに作成できます。
Problem
サイトにお問い合わせフォームを作りたいけど…
フォーム専用サービスに予算をかけられない
費用はかけられないが、問い合わせ導線の品質は落としたくない。
Googleフォームはサイトになじまない
Googleフォームを埋め込むとデザインやUXの統一感が崩れ、ページ全体の印象がちぐはぐになってしまう。
Solution
Vanilla Formで解決！
コーディング・インフラ設定不要
バックエンドやメールサーバー不要。PHPの使えないレンタルサーバーでもご利用いただけます。
予算ゼロで導入
Googleフォームを使っているため、フォーム専用サービス等の契約や費用が不要です。
サイトに合わせて調整できる
Googleフォームっぽさを抑えながら、見た目や動きをサイトに合わせて調整できます。
Flow
導入は3ステップ
- 1
Step 1
Googleフォームを作ってURLを取得
Googleフォーム側でフォームを作成し、共有URL（または埋め込みコード）を準備します。
- 2
Step 2
Vanilla FormでHTMLコードを生成
URLまたは埋め込みコードを読み込んで、サイトに合わせて調整したHTMLコードを作成します。
- 3
Step 3
HTMLに貼り付けて、サーバーにアップロード
生成したHTMLをページに反映し、利用中のサーバーへアップロードして公開します。
Feature
機能紹介
URL/埋め込みコードからすぐ開始
共有URLまたはiframeコードを読み込むだけで、フォーム項目を取得して編集を始められます。
項目の表示・必須・文言を調整
ラベル表示、必須、プレースホルダー、項目名などを画面上で調整してそのまま出力できます。
送信後の動作を用途で切り替え
ページ内完了表示・ダイアログ・サンクスページ移動を選べるので、導線に合わせて使い分けできます。
GA4/GTMイベント設定に対応
送信成功時の解析イベントもまとめて設定できます。GA4（gtag）/ GTM（dataLayer）/ 両方から選べます。
ポリシー同意導線もまとめて設定
リンク有無とURL・文言を動作設定から指定でき、フォーム下部に反映されます。
簡易スパム対策
honeypot と最短送信待機時間をオプションで追加できます。
出力スタイルを利用先に合わせて選択
設置先に合わせて出力スタイルを選べます。デフォルト・スタイルなし・Bootstrap・Tailwindに対応しています。
FAQ
よくある質問
入力した内容は保存されますか？
フォームの読み込み時に一部サーバー側で処理しますが、入力したURLや設定内容は保存しません。
GoogleフォームのURLだけでも使えますか？
はい。共有URL・viewform URL・埋め込み用iframeコードのいずれからでも読み込めます。
WordPressでも使えますか？
使えます。プラグイン不要で、生成したHTMLをWordPressのカスタムHTMLブロックに貼り付けるだけで利用できます。
送信先はどこになりますか？
出力されたフォームの送信先はGoogleフォーム（formResponse）です。PHPやメールサーバーを追加しなくても運用できます。
送信後の動作は変更できますか？
はい。その場で完了表示、ダイアログ表示、サンクスページへ移動の3種類から選択できます。
問い合わせがあった時に通知されますか？
通知はGoogleフォーム側で設定できます。フォームの通知設定や、連携先スプレッドシートの通知ルールを使うことで、メール通知で運用できます。
複数人で問い合わせ内容を共有することはできますか？
できます。回答はGoogleフォーム/スプレッドシートで管理されるため、編集権限を付与すれば複数人で確認・対応できます。
必須項目やラベル名は調整できますか？
はい。読み込んだ項目ごとに、表示/非表示、必須、ラベル、プレースホルダーを調整してからHTMLを生成できます。
スパム対策はできますか？
簡易スパム対策としてhoneypotと最短送信待機時間を追加できます。ただしGoogleフォームへ直接送信する構成のため、TurnstileやreCAPTCHAのような本格的なbot対策の代わりにはなりません。
Vanilla Form Builderを今すぐ使う
GoogleフォームのURLまたは埋め込みコードを読み込むだけで、サイトに合わせたフォームHTMLを作れます。
Builderを開く