Monday , March 4 2024
Home > Magezon Extensions > Blue Form Builder Tutorials > How to redirect customers after form submission in Blue Form Builder

How to redirect customers after form submission in Blue Form Builder

Redirect customers after form submission

Want to redirect customers to another page on your Magento 2 website after form submission? With Blue Form Builder, this is extremely simple. In this article, we will show you 2 ways to redirect users to your wanted page after they submit a form.

Video tutorial

*Note: Before starting, you first need to install Blue Form Builder. Then, have a form created. (You can look at 5 steps to create a Magento 2 contact form as an example). Also, make sure that you know the page URL you want to redirect customers to.

Redirect all customers on submission

To redirect every customer after they submit the form, you can follow these steps:

  1. Open your wanted form in the backend. Then open Settings > Advanced.
Blue Form Builder _ Redirect all customers on submission
  • Enter the page URL you want to navigate users to in Redirect on Submit field. Use “/” to let them stay on the same page after form submission.
  • Decide after how many seconds that customers will be redirected in Redirect X seconds after form submit field.

Remember to save your settings after finishing.

Note: This function of redirecting customers after submission is related to the Footer Content in success message (Open Settings > Success Message)

Blue Form Builder _ Footer content in success message

Only when you fill out Redirect on Submit and  Redirect X seconds after form submit fields will the footer content appear in success message on frontend.

If you enter [redirect_time] variable in Footer Content, it will be replaced with the value filled in Redirect X seconds after form submit with redirect countdown.

If you enter [redirect_link] variable, it will be replaced with the link filled in Redirect on Submit.

Blue Form Builder _ Redirect in success message

Redirect customers based on their input

For this function, you need to install Smart Conditional Logic plugin that will then be integrated with Blue Form Builder.

By using this plugin, you can redirect certain customers based on what they fill out. Let’s look at how to do it:

  • Open Plugin tab, then open Conditional Form Fields. Click “ADD NEW LOGIC” to start setting up the logic.
Blue Form Builder _ Open Smart Conditional Logic plugin

The logic we want to take as example is that: the form has “What are you having issues with?” field with 4 options. If users choose “Computer” option, they will be navigated to the page “http://blueformbuilder.m2.magezon.com/computer-issues” after form submission.

Blue Form Builder _ Set the logic

You have to set both the condition and action for the logic.

  • First, set the condition by clicking on “ADD CONDITION ROW”. In the first box, choose the wanted field from a drop-down list (in this example, we choose “What are you having issues with?” field). In the second box, choose the condition (we select “is equal to”). Then enter the value for the conditional field in the final box (we enter “Computer”). The condition will be like this:
Blue Form Builder _ Redirect customers based on input _ Set conditions
  • Second, set the action by clicking “ADD ACTION ROW”. Choose action “redirect to” in the first box. Enter the page URL you want to redirect users to in the second box, like this:
Blue Form Builder _ Redirect customers based on input _ Set action

Now you’ve finished setting up the logic. Remember to save the logic. You can test how it works by trying submitting the form.

Conclusion

In this article, we’ve looked at 2 ways to redirect customers to another page after a successful submission. You can configure in the form settings to apply to any customers who submit the form successfully. Or use our Smart Conditional Logic plugin to redirect certain users based on their form input. So why not try by yourself and let us know your opinion?

Try FREE Blue Form Builder demo today

Create whatever type of Magento form in any style you want just in minutes. Just by drag & drop.

About Trang Vu

Trang Vu
Min is a content marketer with more than 2-year experience in Magento. She has great patience and high concentration ability to deal with every pressure at work.

Check Also

Limit the number of Blue Form Builder form submissions

How to Limit the Number of Blue Form Builder Form Submissions

Normally, your website’s forms are available all the time so that users can access and …

Leave a Reply