お問い合わせフォーム

目的

構成要素

フォーム項目例

  1. 会社名
  2. 担当者名
  3. メールアドレス
  4. 電話番号
  5. お問い合わせ種別
  6. お問い合わせ内容
  7. プライバシーポリシーへの同意確認

デザイン要素

実装例(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フォームの作成方法

  1. Google アカウントで Google フォーム にアクセス
  2. 新しいフォームを作成
  3. 必要な質問項目を追加
  4. フォームのデザインをカスタマイズ
  5. 「送信」ボタンをクリックし、「埋め込み」タブを選択
  6. 生成された iframe コードをコピーしてウェブサイトに貼り付け