【WordPress】コンタクトフォーム：フォーム送信時にサンクスページを表示する①～スタンダード編～

※ 当サイトではアフィリエイト広告を利用しています。

こんにちは、meiです。

サイト構築時にコンタクトフォームを使った場合、サンクスページが表示できないのがちょっと残念だなぁ～と思ったこと、ありませんか？

表示する方法あります！
公式サイトに、フォーム送信後異なるページにリダイレクトさせる方法が紹介されているので、この方法を活用して表示させることができます。

紹介されているコードは以下です。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    setTimeout( () => {
        location = 'http://example.com/';
    }, 3000 ); // Wait for 3 seconds to redirect.
}, false );
</script>

“wpcf7mailsent”イベント発生時（フォーム送信時）にlocationで指定したURLに（３秒後に）リダイレクトされます。

公式サイトの該当ページはこちらです。

次回はこのイベントを活用して、フォーム内で選択した項目に基づいてサンクスページを出しわける方法について説明します。