Contact Form 7のフォームからの申込み後にサンクスページに切り替わる設定方法。

  • URLをコピーしました!


WordPressで申し込みを受け付ける場合、フォームを設置することができます。
その1つ「Contact Form 7」で申込後にサンクスページにリダイレクトする設定方法をまとめてみました。

目次

自動返信メールだけじゃ足りないかもよ

WordPressでホームページをつくっていれば、申込みの受付フォームを設置することができます。

そのフォームには「ContactForm7」を使っています。
申し込みを受け付けたら自動返信メールがお客様にも、こちら側にも届きそれぞれが受け付けたことがわかります。

わたしはさらにお客さまに届くメールに決済リンクを載せてご希望の決済方法でのお支払いをお願いしています。

Stripe Payment LinksとContactForm7で申込みから決済までを自動化してみた。 – GO for IT 〜 税理士 植村 豪 OFFICIAL BLOG

気づいたときには、申込みと決済のそれぞれのメールが届いているわけです。

ただ、自動返信メールは届いているのですが、申し込みをした直後に申し込みができているかわかりにくくなっていました。

通常は、このように設定できるのですが、そのメッセージがなぜか表示されなくなっていたのです。

そこで、はっきりと申し込みができたことをわかるようにするため、サンクスページに切り替わるように設定しました。

Contact Form7を使っている場合の設定方法を次からお伝えします。

Contact Form7でサンクスページに遷移させるには?

今回の事例はホームページやブログにある申込みフォームから申し込んだら、そのままサンクスページに切り替わるパターンです。

ホームページやブログに申込みフォームを置かずに別ページに申込みフォームを置く方法もあるのですが、

  • リンクをクリック→申込みフォームを表示される
  • 申し込みボタンをクリック→サンクスページに切り替わる

と、2回画面が切り替わることになるので、そこを1回にしています。

次のように設定しました。

サンクスページを用意する

まずはサンクスページそのものを準備する必要があります。

サンクスページは固定ページでつくりましょう。

わたしはブロックエディターを使っているので、以前のWordPressの投稿画面に見慣れた方にはわかりにくいかもしれませんが、設定方法は同じです。


この固定ページのタイトルを後で使います。(ここでは「お申込みありがとうございます!」)


「Contact Form7」からサンクスページに切り替える設定

申込みがあったあとに切り替え先のサンクスページは準備できました。
次にサンクスページに切り替えるための設定をします。

コードを書くなどやり方はありますが、もう1つ申し込み用のページが必要だったり、上手く行かないこともあるので、プラグインを入れるのがいいでしょうね。

プラグイン「Successful Redirection for Contact Form 7」をインストールしましょう。


有効化したら、メニューバーから「お問合せ」→「コンタクトフォーム」と選び、該当のフォームを開くと、「Contactform7 Redirect Settings」というタブができているので、それをクリック。

英語が多いので、Chrome拡張のGoogle翻訳を使って、日本語に。Choose Pageの部分をクリックすると、固定ページがすべて表示されるので、今回切り替えさせたいサンクスページを選びましょう。

と、リダイレクトの設定ができたのを確認して保存。これで設定が完了しました。

試しに申し込みをしてみると、

画面が切り替わって、サンクスページが表示されました。

不安やわかりにくさを取り除く

ネット上にメニューを出しておけば、依頼をしていただける可能性もあるのですが、ちょっとしたことから設定が変わってしまう、うまく操作できないといったこともあります。

動画販売サイトでもテーマ変更やプラグインのバージョンアップの影響で何度かトラブルはありました。

WordPressプラグイン Contact Form 7の自動返信メールが文字化けした場合の対処法 – GO for IT 〜 税理士 植村 豪 OFFICIAL BLOG WordPressでオンラインストア。WooCommerceでリンクエラーになる場合の解決策。  – GO for IT 〜 税理士 植村 豪 OFFICIAL BLOG

これ以外に、クレジットカードのマークが一部表示されなくなったというのも。
(WooCommerceのバージョンアップ?利用できるカードをテキストで記載して解決)

せっかくネットで依頼をいただけるなら、少しでもわかりにくい、不安に思えるようなことは取り除いておきたいもの。
そのために、ときどきはテスト申し込みをやっておきましょう。(…とじぶんにも言い聞かせる)



【編集後記】
昨日はじぶんの月次を確認し、請求書を送り、そのあとはカフェでブログやサイトのカスタマイズなどを。

【昨日の1日1新】
※「1日1新」→詳細はコチラ
gifteeBox

この記事が気に入ったら
いいね または フォローしてね!

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