Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Kyle Cash / Last Updated December 12, 2022

How to Get WordPress Conditional Redirect on Form Submit

Want to show visitors different content based on their form submission? This guide will show you how to set up WordPress conditional redirect on form submit.

How to Get WordPress Conditional Redirect on Form Submit

Approximate read time: 4.5 minutes

Did you know 74% of customers feel frustrated when content isn’t personalized?

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

You get better results and more customers by customizing what your customer sees based on their interests.

Using conditional form redirects to personalize what a customer sees after using a form is an excellent way to use this strategy.

And we’ll show you how to do it in this guide with a simple plugin on your WordPress website.

👉 Want a simple redirect after form submit?: How to Redirect After Form Submit in WordPress [3 Steps!]

What is conditional redirect on form submission?

A conditional form redirect allows you to take website visitors to different pages based on their form answers.

Whether it’s products, contact forms, or login redirects, it’s a great way to improve the user experience.

Imagine you own a bakery.

One customer chooses cakes, and another chooses donuts. You don’t want one big page for them to scan through. That doesn’t keep visitors on your site.

Instead, you redirect them.

Cake lovers get to bask in all your cake glory. And donut fanatics stare in awe at your amazing glazed donuts. 

Everyone only sees what they want. And that’s important for personalization and a better user experience.

So, now you know the what and the why. It’s time to get to the how.

How to set up automatic redirect in WordPress

With Formidable Forms, you can easily create any form you want using its simple drag-and-drop form builder.

You may think you need a redirection plugin for this, but a form builder WordPress plugin can handle this easily. In addition to many form-building features, you can use its conditional form redirect feature to set up your form to redirect users where you want.

 Get Formidable Forms now!

So, there are four steps to follow:

  1. Create your form
  2. Create your landing pages
  3. Set up your form redirect settings
  4. Display your form

    For our example, we’ll use the scenario of an online clothing store.

    Formidable Forms pro plans

    Step 1: Create your form

    So, go to your WordPress dashboard and click Formidable → Forms to get started.

    Click Add New at the top, then Blank Form to start a new form. Give it a name, then click Create

    Using Formidable’s drag-and-drop builder, you can easily add any field you want to the form.

    Formidable Forms drag and drop builder

    So, we’ll add a dropdown with six options:

    • Baby clothing
    • Boy’s clothing
    • Girl’s clothing
    • Men’s clothing
    • Women’s clothing
    • Shoes & Accessories

    The different values in this field allow a simpler form redirect option. 

    • Baby
    • Boys
    • Girls
    • Mens
    • Womens
    • Accessories
    Conditional Form Redirect after Form Submit example form

    You can even take this a step further and add a checkbox for existing customers. 

    Next, add conditional logic. So, an email and password field will show if customers check the box.

    Conditional logic can hide fields until they're required

    Using this, you can offer your loyal customers free shipping or exclusive discounts!

    We’ll leave this off for now and have customers sign in later to keep things simple.

    So, feel free to customize your form to fit your business needs, then click Update to save your changes.

    Step 2: Create your landing pages

    Now that you’ve set up your form, you’ll need landing pages for each category.

    You can design your page however you want, but you want to consider the URL slugs carefully.

    This makes avoids confusion when creating your redirects. So, for our example, we’ll set up six pages for non-customers with “new-” in the URL. Returning customers will use “returning-”. 

    So, to make things easy with our form, our new customer URL slugs look like this:

    • mysite.com/new-baby/
    • mysite.com/new-boys/
    • mysite.com/new-girls/
    • mysite.com/new-mens/
    • mysite.com/new-womens/
    • mysite.com/new-accessories/

    And our returning customer URLs will look like this:

    • mysite.com/returning-baby/
    • mysite.com/returning-boys/
    • mysite.com/returning-girls/
    • mysite.com/returning-mens/
    • mysite.com/returning-womens/
    • mysite.com/returning-accessories/

    You can customize your URLs however you like, but following a similar pattern will make it much easier for you.

    Step 3: Set up your form redirect settings

    In our form, the ID for the dropdown selection is 56, and our returning customer box is 57.

    Get the Form ID in the top right of the form panel

    Be sure to check what your Form ID is so you can set everything up properly.

    Next, we can use these to set up our redirect easily. First, go to your form and click the Settings tab.

    Under General, go to the On Submit section and set the dropdown to Redirect to URL. We’ll add part of our URL and some conditional statements in the URL field.

    Ultimately, our URL will look like this:

    https://mysite.com/[if 57 equals=""]new-[/if 57][if 57 equals="I am a returning customer"]returning-[/if 57][56 show="value"]

    Set your redirect URL

    Don’t worry if this is confusing at first. With our tutorials and videos, you can master conditional statements.

    All we’re doing is setting up a custom redirect to a URL, depending on what the customer chooses.

    The URL creation follows these steps:

    1. It’s entering the domain name
    2. Next, it checks if the returning customer box is ticked. If it isn’t, it adds “new-” to your URL. If it is, it adds “returning-”
    3. Last, it takes the value of the category the customer selected and adds it to the URL

    So if a customer chooses they want to see women’s clothing and they’re a returning customer, the form will direct them to:

    https://mysite.com/returning-womens

    Pretty cool, right?

    Step 4: Display your form

    Now that everything is created, we just need to display it on your website so people can fill it out!

    So, head to the post/page where you want to show your form. Then, add a new WordPress block, and search for Formidable. Next, select the block and choose your form from the dropdown menu.

    Formidable Forms WordPress block

    Last, update your post/page, and your form is live!

    Wrapping up

    Whether it’s a contact form submission or for products, using a redirect on your form can be a valuable strategy.

    This post taught you how to create and customize your form redirects with Formidable Forms. As you saw, it’s incredibly easy to do amazing things with Formidable. 

    And Formidable comes with tons of features and integrations to make it even more powerful. Including if you want to use WooCommerce redirect after checkout.

     Get Formidable Forms now!

    If you’re a website owner and want to learn more about WordPress forms, check out the best plugins for tracking visitors to improve customer flow!

    Read more about what you can do with conditional logic!

    • How to Create a Conditional Logic Quiz in WordPress How to Create a Conditional Logic Quiz in WordPress (aka Chained Quiz!)
      Read More
      create-interactive-forms How to Create Interactive Forms That Convert: 3 Easy Steps
      Read More
      How to Restrict Access to WordPress Content to Specific Users How to Restrict WordPress Content to Specific Users
      Read More

    Using WordPress and want to get Formidable Forms for free?

    Get Formidable Forms Lite Now

    This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

    Comments

    1. luis says

      May 9, 2019 at 3:56 am

      Hi there,

      This only works whith the Pro version?

      Because I'm trying to run it in a Lite version and is not working.

      Thanks

      Reply
      • Nathanael Jones says

        May 9, 2019 at 5:39 am

        Hi Luis,
        Yes, this is a Pro only feature I'm afraid and will not work with Formidable Lite.

        Reply
    2. Andy says

      June 2, 2021 at 2:26 am

      Hello I tried this for my website.

      First i have a dropdown with different options, after that i have a slider with different amount options. Each combinations needs to be redirect to a other URL

      The dropdown menu has al different URL / Branded-content or conversion-package as example. After that each price have a page under that slug. So what i want is that when a visitor choose conversion package with 7500 on the slider it goes to mydomainname.com/plan-a-campaign/conversion-package/7500 or to
      mydomainname.com/plan-a-campaign/branded-content/5000 when the visitor choose this option.

      This is what i have for the moment but it always goes to the slug branded content

      mydomainname.com/plan-a-campaign/[if 7 equals="Branded Content”]branded-content/[/if 7][if 7 equals=“Brand Awareness”]brand-awareness[/if 7][if 7 equals=“Conversion”]conversion-package[/if 7][if 10 equals="5000"]5000-2[/if 10][if 10 equals="7500"]7500-2[/if 10]

      Is there a option to use if else?

      Reply
      • Nathanael Jones says

        June 2, 2021 at 4:26 am

        Hi Andy,

        Can you please open a ticket in our helpdesk with this question? https://formidableforms.com/new-topic/

        Thank you!

        Reply
    3. Uday Ankoliya says

      September 30, 2022 at 3:47 am

      Is that possible after submit the form
      I want to show that form again with blank field i don't want to show success message or not need to redirect just show that form again with blank field.

      Reply
      • srwells says

        October 3, 2022 at 11:43 am

        You can enter a form shortcode in the success message box to display a form instead of a message.

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Get Email Updates

    Popular Resources

      • How to Create a Searchable Database on a WordPress Site
      • Create a WordPress Custom Calculator: Easy, Powerful Results
      • How to Create a Fitness Tracker in WordPress
      • Formidable Views: The Best WordPress Custom Application Plugin
      • How To Require Email To Download Files in WordPress
      • How to Create Conditional Drop Down Lists in WordPress Forms
      • The Best Gravity Forms Alternative: Formidable Forms vs Gravity Forms
      • How to Make a Quiz in WordPress
      • WPForms Alternative: Formidable Forms vs. WPForms Compared

    Take on bigger projects Right Now

    Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

    Get the most advanced WordPress form plugin and the only form builder with integrated Views.

    Get Formidable Forms Now

    Resources

    • Community
    • Affiliates
    • Contact
    • Free Online Form Builder

    Top Features

    • Application Builder
    • Calculator Forms
    • Surveys & Polls
    • Quiz Maker
    • Form Templates
    • Application Templates
    • Directories
    • Donation Plugin

    Company

    • About Us
    • Giving Back
    • Careers
    • Newsletter
    • WP Tasty
    • Nutrifox

    Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
    Privacy Policy | Terms of Service | Sitemap

    Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews