お問合せフォーム作成

WordPressの問い合わせフォームは『Contact Form』というプラグインを使うのが一般的ですが
今回は簡単に実装でき、無料で利用できる『Googleフォーム』をWordPressに埋め込む方法をご紹介♪
個人でWordPressを運営している方なら、無料プランで問題ありません。

『GoogleFoam』登録

お問い合わせフォームツール『Googleフォーム』登録、作成、導入方法についてご紹介していきます♪
お問い合わせフォーム、アンケートや投票などを簡単に作成して共有し、回答をリアルタイムで分析できます。


STEP1
『フォームに移動』クリック

Googleアカウントをお持ちでない場合は、『登録』からお願いいたします。


STEP2
『新しいフォームを作成』クリック

空白』をクリックし、新しいフォームを作成


STEP3
『無題のフォーム』カスタマイズ

氏名』(入力必須)『メールアドレス』(入力必須)『件名』『メッセージ本文』(入力必須)項目で作成します。
他項目なども追加可能です。


STEP4
『氏名』作成

左上『無題の質問』(項目名)に『氏名』入力、右上『ラジオボタン』(表示形式)は『記述式』を選択し、左下『必須』チェックマークを『オン』にします。
右横の「+」ボタンをクリックすると、次の質問事項を作成できるようになります。


STEP5
『メールアドレス』作成

氏名』と同じ手順で『メールアドレス』項目を作成。


STEP6
『件名』作成

同じ手順で『件名』項目を作成。
※『必須』をオンにしなければ、任意項目となります。


STEP7
『メッセージ本文』作成

同じ手順で『メッセージ』項目を作成。
メッセージでは、記述式ではなく『段落』を選択することで、長文入力が可能になります。


STEP8
『無題のフォーム』タイトルを変更

無題のフォームから『お問合せ / Contact』など、お問合せフォームのタイトル変更後、右上の『送信』ボタンクリック。


STEP9
『フォームを送信』画面にて『HTMLを埋め込む』コードをコピー

Googleフォームを使用する場合、WordPressの固定ページHTMLのコードを埋め込む必要となります。
「コピー」をクリックし、メモ帳などに一度貼り付け。


STEP10
『自動返信機能』設定

①上のタブ『設定』クリック
②『メールアドレスを収集する』をオン
③『回答者のコピーを回答者に送信』を”常に表示”
上記の設定で自動返信機能の設定が完了。
『Contact Form 7』(プラグイン)のように自動返信の内容をカスタマイズできなくなってます。


STEP11
お問い合わせを『メール通知』

お問合せがあった時にメールで通知するように設定していきます。
右側にある「︙」ボタンクリック


STEP12
『新しい回答についてのメール通知を受け取る』選択

新規でお問い合わせがあった際に、Gmailに通知がきます。


STEP13
『GoogleFoam』の登録完了

上記工程で登録完了しましたので、次は、『WordPressへの導入』をご紹介します♪


『WordPress』設置

先程作成しました『お問い合わせフォーム』を『WordPressの固定ページ』に反映させていきます。
ブロックエディタを使っている場合…≫


STEP1
固定ページ『新規追加』クリック

ダッシュボード』から『固定ページ』⇒『新規追加』クリック


STEP2
『GoogleFoam』追加

①『タイトルを追加』タイトルを入力
例)お問合せフォーム・Contactなど…
②『ブロックを選択するには「/」入力』にカーソルを合わし、左上の「+」ボタンクリック
③『カスタムHTML』ブロックを追加

④先程登録した『GoogleFoam』のHTMLの埋め込みコードを貼り付け
⑤『更新』→『プレビュー』


STEP3
プレビュー画面

プレビュー画面で確認後、問題なければ『公開』をクリックして設置完了です。

STEP4
『WordPress』へ設置完了

まとめ

上記工程で『Google foam』の登録、『WordPress』への設置完了です♪
関連記事、出来次第いろいろご紹介していきます!