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:

“These scripts, CSS styles, and plugins are designed to work best with minimal interference from themes or other plugins. If conflicts arise, adjustments may be needed.
Please note that they must be used as is.”

Let me know if you’d like any further refinements!

Wp Scriptly