Creating a Dynamic Contact Form with FluentForms: Custom Thank You Page and Redirect Setup.

I developed my contact form by setting up required input fields. Utilizing the {fluentform id=”1″} shortcode, I created a dedicated page titled “Contact.”

For the thank you page, I integrated my display_username shortcode at the top, followed by my website_name to close the message. Additionally, I incorporated a redirect shortcode provided by my script.

(Thank-you) Page Content

<!-- wp:paragraph -->
<p>[display_username]</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Thank You for Reaching Out!</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>We appreciate you taking the time to contact us. Your submission has been received, and a member of our team will be in touch with you very soon. If you have any immediate questions or concerns, please don't hesitate to let us know.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Thank you once again for connecting with us. We look forward to speaking with you shortly!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Warm regards,<br>[website_name]</p>
<!-- /wp:paragraph -->

<!-- wp:shortcode -->
[redirect_timer url="https://wpscriptly.com/"]
<!-- /wp:shortcode -->

Lastly, within the settings of fluentform id 1, I navigated to Confirmation Settings and selected “Confirmation Type: To a Page.” I then designated the previously created thank you page.

Now, upon form submission, users are directed to the thank you page, where, after a set duration, they are automatically redirected to the homepage.

Shortcode:

[redirect_timer url="https://wpscriptly.com/"]

Live Demo: https://wpscriptly.com/contact/

Notes:

This basic script, CSS style, and plugin are designed to function optimally assuming minimal interference from your theme or other plugins. If conflicts occur or further customization is needed, additional adjustments may be necessary. Please note that this script, CSS style, or plugin must be used AS IS.

Wp Scriptly