Displaying a specified page after submitting a web form

When a web form created with Boost! Injector is submitted, "Done!" is shown and the form returns to a new input screen. "Navigate to the specified URL after event processing" in Boost! Submit does not work in web forms, so to show a page such as a submission complete page, specify the destination URL using Boost! events.

See the steps

Boost! Injector ＋ Boost! events ＋

STEPS

Steps

Prepare a JavaScript file

Prepare a JavaScript file with a process that enters the destination URL in bst.reloadURL. In this example, the URL of the submission complete page is entered in bst.reloadURL within the events that occur when the web form is displayed (bst.create.load and bst.edit.load).

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

bst.reloadURL is valid as long as it is entered before the submission completes. To change the destination using values of the submitted record, enter it in the bst.create.submit.success event or the bst.edit.submit.success event.

Configure the plugin

On the web form editor, enter the URL of the prepared JavaScript file in "Custom JS URL" and save.

Submit the web form

When the web form is submitted, the specified page is shown without "Done!".

Web forms opened from the Boost! Echo screen do not navigate to the specified page.