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

Webパーツ

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

こんにちは、meiです。

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

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

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

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

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

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

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


タイトルとURLをコピーしました