お問い合わせフォーム
目的
- 行動導線の確保
- 潜在顧客からの問い合わせを受け付け、コンバージョンにつなげる
構成要素
- Googleフォームへのリンクまたは埋め込み
- 問い合わせ種別の選択肢
- 必要な入力フィールド
フォーム項目例
- 会社名
- 担当者名
- メールアドレス
- 電話番号
- お問い合わせ種別
- 資料請求
- デモ依頼
- 見積り依頼
- 技術的な質問
- その他
- お問い合わせ内容
- プライバシーポリシーへの同意確認
デザイン要素
- シンプルで使いやすいフォームレイアウト
- 必須項目の明示
- 送信ボタンの強調表示
- 送信完了メッセージ
実装例(Googleフォームの埋め込み)
<section class="contact">
<div class="container">
<h2>お問い合わせ</h2>
<p>以下のフォームからお気軽にお問い合わせください。担当者が迅速に対応いたします。</p>
<div class="form-container">
<iframe src="https://docs.google.com/forms/d/e/YOUR_FORM_ID/viewform?embedded=true" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
</div>
<div class="contact-info">
<h3>その他の連絡方法</h3>
<p>電話: 03-XXXX-XXXX(平日 9:00-18:00)</p>
<p>メール: info@logkarte.example.com</p>
</div>
</div>
</section>
Googleフォームの作成方法
- Google アカウントで Google フォーム にアクセス
- 新しいフォームを作成
- 必要な質問項目を追加
- フォームのデザインをカスタマイズ
- 「送信」ボタンをクリックし、「埋め込み」タブを選択
- 生成された iframe コードをコピーしてウェブサイトに貼り付け