緩和 - relaxation -

【WordPress】お問い合わせフォームの作り方

  • URLをコピーしました!

当サイトのお問い合わせは「Googleフォーム」を使用しています。

今回は、プラグインを使用せず、お問い合わせフォームを作成する方法をご紹介させていただきます。

目次

お問い合わせフォーム作成手順

STEP
Googleフォームを開く

Googleフォームを開く。

STEP
テンプレートを選択する

「連絡先情報」をクリックする。

STEP
項目を整理する

必要に応じて、項目の削除や、項目名の変更作業を行います。

当サイトのお問い合わせフォームは下記の通りです。

  • フォームタイトル「連絡先情報」を「お問い合わせ」へ変更
  • フォームの説明を入力「contact
  • 必要のない項目を削除
  • 項目名「名前」を「お名前」へ、「コメント」を「メッセージ」へ変更
STEP
プレビューで確認

👁(プレビュー)をクリックし、フォームを確認する。

STEP
テーマをカスタマイズ

🎨(テーマをカスタマイズ)をクリックし、テキストスタイルや色などを変更します。

STEP
フォームを送信

[送信]をクリックし、作成したフォームに応じて「幅」と「高さ」を調整し、HTMLをコピーします。

  • 送信方法を選択:「<>」HTMLを埋め込む
  • 幅と高さを設定:幅「640ピクセル」、高さ「700ピクセル」

お問い合わせフォームの設置

STEP
新規固定ページを追加する

固定ページの[新規固定ページを追加]をクリックする。

STEP
お問い合わせの固定ページを作成する
  1. タイトル:「お問い合わせ
  2. カスタムHTML」ブロックを選択し、コピーしたお問い合わせフォームのHTMLを張り付ける。
  3. [更新]をクリックする。
STEP
スラッグを変更する
  1. 「お問い合わせ」のクイック編集を開く。
  2. スラッグを「contact」へ変更し、更新する。
STEP
SNSリンクを設定する
  1. 「カスタマイズ」から「SNS情報」を開く。
  2. お問い合わせページ ページURLを入力する。

SNSリンクが表示されない場合は、「カスタマイズ」→「ヘッダー」を開き、ヘッダーバー設定の表示設定SNSアイコンリストを表示する」をチェックする。

まとめ

今回は、最もシンプルなお問い合わせフォームの作成と設置方法を解説しました。「Googleフォーム」で作成したお問い合わせフォームを、固定ページに貼り付けるだけです。回答をスプレッドシートで表示させたり、自動返信などの設定も可能です。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

引き算の美学を探究中
座右の銘は「吾唯知足」

コメント

コメントする

目次