お問い合わせプラグイン「Contact Form 7」にサンクスページを導入する方法
  • お問い合わせプラグイン「Contact Form 7」にサンクスページを導入する方法
  • 記事公開:2015/01/15
  • 最終更新:2015/09/17

お問い合わせプラグイン「Contact Form 7」にサンクスページを導入する方法

今回はWordPressのメリットとデメリットをまとめてみました。WordPressに出会った頃にも色々と調べた記憶があるのですが、今回はイチから調べ直しました。改めて調べてみて分かりましたが、WordPressって本当に便利なシステムですね。使わない手は無いと本気で思います。

この記事は約 3 分で読めます。

「Contact Form 7」にサンクスページを導入する方法

「Contact Form 7」にサンクスページを導入する方法をご紹介します。

サンクスページの導入はすごく簡単!
以下の解説を見ていただければ、コピペだけでサンクスページを導入することができます。

手順1:サンクスページを作成する。

まずは、メール送信後に表示させるサンクスページを作成してください。
【投稿】と【固定ページ】のどちらで作成しても構いません。

サンクスページが作成できたら、そのページのURLをコピーしておきましょう。
手順2でサンクスページのURLが必要になります。

手順2:フォームをカスタマイズする。

contact-form-7_thanks-page_001

サンクスページを表示させたいメールフォームの管理画面にアクセスします。

管理画面最下部(上記画像の赤部分)を編集していきましょう。
赤部分に以下のコードをコピペしてください。

on_sent_ok: "window.location.href ='ここにサンクスページのURLを記述';"

【ここにサンクスページのURLを記述】と書かれている部分に、先ほど作成したサンクスページのURLを絶対パスで記述しましょう(絶対パス=http://~URLの全て)。

ここまでの作業が完了したら、【保存】をクリックして変更を保存します。
この時点で、サンクスページの導入は完了です。

動作確認をする。

サンクスページの導入が完了したら、サンクスページが正常に表示されているのか、動作確認を行いましょう。

実際にメールフォームに必要事項を記入して送信してみます。
送信後、正常にサンクスページが表示されれば、導入作業は完了です。

まとめ

「Contact Form 7」にサンクスページを導入する方法をご紹介いたしました。

「Contact Form 7」にサンクスページを導入するのは簡単です。

サンクスページの導入を考えられている方は、このページを参考にして「Contact Form 7」にサンクスページを導入してください。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2015-01-26

    WordPressコメントフォームのデフォルト項目を非表示にする方法

    WordPressコメントフォームのデフォルト項目を非表示にする方法をご紹介します。WordPressでは、コメントフォームにいくつかの項目がデフォルトで表示されています。コメントを増やすためには、できるだけ入力項目を減らすのが効果的。入力項目を非表示にしたい方、参考にしてください。 記事を読む

  • 2015-11-12

    知らないと恥ずかしい!WordPressで自動挿入されるpタグを自動挿入させない方法

    WordPressでpタグを自動挿入させない方法をご紹介します。WordPressのpタグ自動挿入が必要ないとお思いの方は参考にしてください。たった1分程度の作業でpタグ自動挿入を停止させることができます。 記事を読む

  • 2016-08-03

    WordPressのthe_excerpt()に付与されるpタグを削除する方法+α

    WordPressのthe_excerpt()に付与されるpタグを削除する方法をご紹介します。Pタグが付与されていない抜粋を表示させたい方は参考にしてください。Pタグを削除する方法と、もう一つPタグの付与されていない抜粋を表示する方法をご紹介しています。 記事を読む

  • 2015-10-20

    WordPress管理画面のダッシュボードを1カラムにカスタマイズする方法

    WordPress管理画面のダッシュボードを1カラムにカスタマイズする方法をご紹介します。ダッシュボードを1カラムに変更したい方は参考にしてください。たった1分でダッシュボードを1カラムに変更することができます。 記事を読む

  • 2015-01-16

    公開日時を基準に指定日数内の記事にNEWと表示する方法

    公開日時を基準に指定日数内の記事にNEWと表示する方法をご紹介します。新着記事の一覧を表示しているときなど、新しい記事にNEWと表示したいと考えたことはありませんか?WordPressなら公開から指定した期間以内の記事にNEWと簡単に表示することができます。 記事を読む

コメントを残す

(必須)

CAPTCHA