Webflow Joe

F'in Sweet Webflow Hacks

RESULT
Show a custom success message with form submission info

Success!

This has .success-text class applied to it

Back to article

Welcome to the redirect page. Make sure you do these two things on your redirect

Set the .success-text class

Following Part 4 directions on the article page, we're going to apply the .success-text class to the text string we want to apply the success text to.

Make sure you're recognizing cookies in the body

Now that we're on a new page, we have to tell this new page about the cookies that we're working with. Add this code to the <body< of your success page to initialize the successText cookie on the page.

<script>

const successText = Cookies.get('successText');

$('.success-text').text(`Awesome! Can't wait to talk about your ${successText} project!`);

</script>

Interested in more f'in sweet Webflow hacks?

Get an alert when we post a new one.
We have 20 posts scheduled to send throughout the next 3 months.

Nice! We'll let you know when a new hack is available.
Something went wrong while submitting the form. Please email us directly at projects@finsweet.com

Want Finsweet to build your Webflow site?

We're Webflow Experts!