【WordPress】お問い合わせページと送信後のサンクスページを簡単に作る方法！（Contact Form 7 プラグイン）

「Contact Form 7」 プラグインを利用します。「Contact Form 7」プラグインは、WordPress の管理画面から「プラグイン」→「新規追加」でインストールできます。

プラグインを確認して有効化します。

アイコンが山なのが特徴のプラグインです。

プラグインを有効化すると、WordPress のメニューに 「お問い合わせ」 が追加されます。

「お問い合わせ」 → 「新規作成」 をクリックします。

※ 「コンタクトフォーム（お問い合わせフォーム）」 を新規作成します。

お問い合わせの項目を作成する画面を表示します。

• コンタクトフォームの名前を入力します。（公開はされません。）
• 配置したい項目を追加（または削除）します。基本的な項目は配置済なので、そのままでも構いません。

項目の初期値

<label> 氏名
    [text* your-name autocomplete:name] </label>

<label> メールアドレス
    [email* your-email autocomplete:email] </label>

<label> 題名
    [text* your-subject] </label>

<label> メッセージ本文 (任意)
    [textarea your-message] </label>

[submit "送信"]

メールの送信先と、送信するメールの定型フォーマットを設定します。

「メール」 タブをクリックします。

各項目の内容を確認してページ下部の 「保存」 ボタンをクリックして保存します。

記事や、固定ページに投稿フォームを埋め込むための「ショートコード」を確認します。

コンタクトフォームを保存すると、画面上に「ショートコード」 を表示します。ショートコードをコピーして利用します。

お問い合わせフォームを埋め込みたい記事（または固定ページ）に、ショートコードを入力します。

プレビューで表示して確認してください。問題なく表示、動作していれば、お問い合わせページ完成です。

固定ページで、「サンクスページ」を作ります。

「Contact Form 7」 プラグインのフォームの設定で、次のスクリプトを記入します。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'http://xxx/';
}, false );
</script>

ふと赤の 「http://xxx/」 は、サンクスページの URL に変えて記入してください。

保存して完成です。