[Code] Make Webflow More Secure

Updated May 09, 2023 18:28

Securing content on the front end can be tough so we have come up with a few code snippets to add to your Webflow website that will ensure things run smoothly.

If you haven't already, be sure to follow the instructions in this article on gated content.

Make sure javascript is enabled:

Here is a code snippet that redirects a user to the URL provided if the user has javascript disabled. Change https://www.memberstack.com to the url you want the user to be redirected to. You can view more about this here.

<noscript>
<meta http-equiv="refresh" content="0; url=https://www.memberstack.com" />
</noscript>

Make sure cookies are enabled:

Here is a code snippet to be added to the <head> of your website. Change /please-enable-cookies to whatever you want your “Please enable cookies"
URL to be.

function checkCookiesAndLocalStorage() {
  try {
    // Check if cookies are enabled
    const cookiesEnabled = navigator.cookieEnabled;

    if (cookiesEnabled === false) throw new Error("Cookies Disabled")

    window.localStorage.setItem("isEnabledTest", "test")
    window.localStorage.removeItem("isEnabledTest")
      
  } catch(err) {
    window.location.href = "/please-enable-cookies"
  }
}

checkCookiesAndLocalStorage()

[Code] Make Webflow More Secure

Was this article helpful?

Comments