Webフォームの送信後に指定したページを表示する方法

Boost! Injectorで作成したWebフォームは、送信が完了すると「Done!」を表示して、新しい入力画面に戻ります。Boost! Submitの「イベント処理後に指定したURLへ遷移する」は、Webフォームでは動作しないため、送信完了ページなどを表示したい場合は、Boost!イベントを使って遷移先のURLを指定します。

手順を確認する

Boost! Injector ＋ Boost!イベント＋

STEPS

手順

JavaScriptファイルを用意する

bst.reloadURLに、遷移先のURLを入力する処理を書いたJavaScriptファイルを用意します。この例では、Webフォームの表示時に発生するイベント（bst.create.load・bst.edit.load）の中で、bst.reloadURLに送信完了ページのURLを入力しています。

(() => {
	"use strict";
	bst.event.on(['bst.create.load', 'bst.edit.load'], (event) => {
		bst.reloadURL = 'https://example.com/thanks.html';
		return event;
	});
})();

bst.reloadURLは、送信が完了するまでに入力されていれば有効です。送信したレコードの値を使って遷移先を変える場合は、bst.create.submit.successイベントやbst.edit.submit.successイベントで入力します。

プラグインを設定する

Webフォームの作成画面で、「カスタマイズ用JSの参照先URL」に、用意したJavaScriptファイルのURLを入力し、保存します。

Webフォームを送信する

Webフォームを送信すると、「Done!」は表示されずに、指定したページが表示されます。

Boost! Echoの画面から開いたWebフォームでは、指定したページへの遷移は行われません。