Snow Monkey Forms│送信完了後サンクスページにリダイレクトする方法

Snow Monkey Formsのフォームを入力した時に、変化が少ないので、送信できたかわからないことがあります。

そういった時にサンクスページにリダイレクトする方がUXとしてもよかったりします。

※また計測するためのページとしても使えます。

本記事ではSnow Monkey Formsでサンクスページにリダイレクトする方法を記載しました。

目次

著者

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください!

Snow Monkey Formsでサンクスページにリダイレクトする方法

やり方は簡単です。

サンクスページの作成

固定記事を新しく作成(/thanks)して、内容を入力します。

文章例

お問い合わせありがとうございます。

内容を確認後、担当者より追ってご連絡いたしますので、しばらくお待ちください。

なお、自動返信メールが送信されておりますので、ご確認くださいませ。

functions.phpにコードを挿入

検証からお問い合わせフォームのID(例:snow-monkey-form-24501)を調べて、下記のコードをfunctions.phpに入れるだけです。

フォームIDとリダイレクト先のUR L(/thanks)は適宜、変更してください。

エラーが怖い人はCode Snippetsのプラグインを入れて、そこにコードを挿入しましょう。

add_action(
	'wp_enqueue_scripts',
	function() {
		ob_start();
		?>
		window.addEventListener(
			'load',
			function() {
				var form = document.getElementById( 'snow-monkey-form-24501' ); // フォームIDを設定
				if (form) {
					form.addEventListener(
						'smf.submit',
						function(event) {
							if ('complete' === event.detail.status) {
								window.location.href = 'https://motoki-design.co.jp/thanks/'; // リダイレクト先
							}
						}
					);
				}
			}
		);
		<?php
		$data = ob_get_clean();
		wp_add_inline_script(
			'snow-monkey-forms',
			$data,
			'after'
		);
	},
	11
);

以上です。

  • URLをコピーしました!

サービス

Service

WordPressサイトのカスタマイズのサービスに関心がありましたら、ぜひ詳細をご覧ください。

目次