Snow Monkey Formsのフォームを入力した時に、変化が少ないので、送信できたかわからないことがあります。
そういった時にサンクスページにリダイレクトする方がUXとしてもよかったりします。
本記事ではSnow Monkey Formsでサンクスページにリダイレクトする方法を記載しました。
目次
Snow Monkey Formsでサンクスページにリダイレクトする方法
やり方は簡単です。
サンクスページの作成
固定記事を新しく作成(/thanks)して、内容を入力します。
文章例
お問い合わせありがとうございます。
内容を確認後、担当者より追ってご連絡いたしますので、しばらくお待ちください。
なお、自動返信メールが送信されておりますので、ご確認くださいませ。
functions.phpにコードを挿入
検証からお問い合わせフォームのID(例:snow-monkey-form-24501)を調べて、下記のコードをfunctions.phpに入れるだけです。
フォームIDとリダイレクト先のUR L(/thanks)は適宜、変更してください。
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
);
以上です。