webstudio-is / webstudio

Open source website builder and Webflow alternative. An advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
https://webstudio.is
GNU Affero General Public License v3.0
4.58k stars 509 forks source link

Add a redirect option for success state in Webhook Form #3530

Open kof opened 3 months ago

kof commented 3 months ago

As a designer, sometimes I want to show user a completely different page after submitting a Webhook Form instead of displaying an inline success message.

User case studiy: https://discord.com/channels/955905230107738152/1249714434570453073/1249742312745996340

A little more about this specific case:

So the first page is a landing page for people to learn about our wedding venue. It is designed for New Users that dont know about our brand. It has content designed to help them learn about our wedding venue. It has a ton of information with the goal being - get the user to request a brochure by filling out a form. 

The second page is the page that has the form and more content focused on the user at this stage in the customer journey. Once you have read about the brand and decided that you want to download a brochure, your needs change. Thus the information on the second page is less about our brand and more general tips about wedding planning - things you would need to know once you start touring wedding venues. The goal of the redirect is to be able to provide 2X the value for users. But making the process streamlined so that it takes you less clicks to get the information you requested.
kof commented 3 months ago

Maybe even form success/erorr should be events, just like many other events e.g. scroll or click and based on these events user could do a redirect or many other thigs, then its a future interaction story and not a form feature.

kof commented 2 weeks ago

Workaround for now: add html embed inside success box with this code and change to your path

<script>
  location.href = '/whatever'
</script>