Convert for Webflow

You can add any of these cloneables to your Webflow website to increase sign-ups.

Add this code to the </body> section in your project settings:

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js" ></script>

<script>
const delay = 3; // pop-up delay in seconds
const popupId = "pop-up-wrapper"; // pop-up Id name

$(document).ready(function() {
if (!Cookies.get('alert')) {
   setTimeout(function() {
document.getElementById(popupId).style.display = "flex";
  Cookies.set('alert', true, { expires: 1 });
  }, delay*1000);
}
});
</script>

Change the delay (3 seconds) to however long you want the pop-up to wait until it appears.

Next, copy and paste the Pop-Up symbol into your Webflow project on any page (make sure you copy the Pop-Up Wrapper).

Style the card however you want, adding in your own text and email form if needed.

Change the display of the Pop-Up Wrapper div to none in the Layout section of the div styling.

Finally, turn the Pop-Up Wrapper into a symbol, and add the symbol to any page you want the pop-up to appear.

You can then test your pop-up, rechecking in incognito to reset cookies.