In this tutorial I'm going to show you how to redirect users to a specific post category, tag, or to a post directly, based on the answers provided in an Elementor Pro form.
Here is an example of what you can achieve.
Ignore all the fields except the "Type of Project" radio select. Select one, then submit, and you will be redirected accordingly.
First, you will want a radio or select field in your Elementor Pro form
Create your form with one of these field in. It can be the only field in your form, that will work just fine.
Then, write your values like this
On the left of the vertical bar, you have the label that your visitors will see when they choose. On the right, you enter the slug of the URL you want your visitor to be redirected to.
Important: You should not have any forward slash "/" there. Just the slug itself.
Now, go in the Advanced tab for this form field, and get the shortcode
In actions after submit, be certain to add "Redirect"
Then, in the Redirect tab, add your site URL, and the shortcode
The Redirect tab will only show up after you added "Redirect" to the "actions after submit".
You will want to have your site URL with the forward slash at the end.
Important: if you want to lead within a CPT that has a prefix, for example, you will need to enter something like this:
https://element.how/cpt-prefix/[field id="field_2709f4"]
Essentially, you want to avoid any forward slash " / " in the value of the select or radio answer.
Finally, enjoy your Elementor Pro form redirection!
I hope you have enjoyed this tutorial!
Cheers!
9 Responses
Is there a way to add conditional logic to route a form to different email addresses based on the response to a field using Elementor's native form builder?
The addon Dynamic.ooo has this feature. That's what you will need... It's a bit too complex to have a code snippet take care of it.
Get a discount for dynamic.ooo here.
This works great but in my email body I only see the slug.
Ex: 1 Star|thank-you
Email message:
What was our overall review: thank-you
I've used a Star emoji, but it doesn't seem to matter if it's text or emoji.
Hey Maxime, is there any chance to make it work with a popup or offcanvas?
Greetings Trevor,
Did you test it in a Off Canvas, and it's not working? I can't see why it would not work there...
Let me know.
Yeah, the thing is that I can just select one OffCanvas, I tried to use your technique for the hamburguer tutorial to grab the link using inspector on my url, but seems not to work 🙁 when I add it as a new URL link
Noup, this doesnt work for off canvas 🙁
That's unfortunate.... more of an Elementor bug though, I won't be able to help with this...
Dont worry bro, Im gonna use a new page instead of off canvas. Thanks anyway!