How to programmatically refresh the page on your Webflow site
Other use-cases using Memberscript #15
https://www.memberstack.com/blog/how-to-refresh-the-page-after-a-form-is-filled-out
Memberscripts needed
https://www.memberstack.com/scripts/refresh-page-after-set-duration-on-click
Tutorial
Cloneable
Why/Use Cases –
- Updating page content if a refresh is required.
- Clearing form fields once a form has been submitted.
- Providing users with feedback that their action has succeeded.
Programmatically refreshing a page in Webflow
This guide will help you easily trigger a page refresh if your use case requires it to advance users’ flows on your website.
To programmatically refresh a page on your Webflow site, we’re going to use MemberScript #15 – Refresh Page After Set Duration on Click. Follow the link to get the code you’ll need to add to your page and watch a video tutorial on how to set everything up.
Setting it up
This is a super quick and easy one – all you need to do is add the following attribute to the element that triggers the page refresh when interacted with:
· ms-code-refresh=”500”
The value’s in milliseconds and you can set it to whatever you feel is right for you.
Making it work
Now that you’ve got everything set up in Webflow, all you need to do is add the MemberScript #15 custom code to your page, before the closing body tag.
Conclusion
That’s everything, you can now go ahead and test the refresh on your live site.
If you want to use our demo project to get you started, just click the button below to add it to your Webflow site.
Our demo can help you programmatically refresh pages on Webflow sites.
Take me to Cloneable!
Written by
Ovidiu
Contributor