Redirecting and Displaying a Thank you Message
To complete our task, we need to redirect users to a "Thank you" page (/contacts/thanks) after they successfully submit the Contact Us form.
Update the create.liquid file
Add the redirect_to
logic in your create.liquid
file to handle the redirection upon successful form submission.
app/views/pages/contacts/create.liquid
---
method: post
---
{% function contact = 'commands/contacts/create', object: context.params.contact %}
{% if contact.valid %}
{% redirect_to '/contacts/thanks' %}
{% else %}
{% render 'contacts/form', contact: contact %}
{% endif %}
This code will check if the contact creation is valid and, if so, redirect the user to the /contacts/thanks
page. If the validation fails, it will re-render the form with the contact data.
Create a Thank you page
Create a simple "Thank You" page that the user will be redirected to upon successful form submission.
Create a thanks.liquid
file:
app/views/pages/contacts/thanks.liquid
Add content:
app/views/pages/contacts/thanks.liquid
Thank you!
This file will display a simple "Thank you" message when the user is redirected to the /contacts/thanks
URL.
app
└── views
└── pages
└── contacts
├── create.liquid
└── thanks.liquid
Test redirection and database
Now that we have implemented the redirection and the thank you page, let's test to ensure everything works as expected.
Ensure that all modifications have been synced to your platformOS instance.
Test using invalid data
Open your Contact Us form and submit invalid data first. The form should re-render with error messages indicating the validation issues.
Test using valid data
Now, submit the form with valid data. You should be redirected to the /contacts/thanks
page, displaying the "Thank you!" message.
Verify that the data has been correctly stored in the database and confirm the new contact record.