Convert for Webflow

A library of cloneables and tactics to get more customers, leads, and sales through your Webflow website.

Page Template Cloneables

Resources Page Template
Page Template

Resources Page Template

To increase email sign-ups

Optimised page template

More InfoClone
Glossary Page Template
Page Template

Glossary Page Template

To increase email sign-ups

Optimised page template

More InfoClone
Calculator Page Template
Page Template

Calculator Page Template

To increase email sign-ups

Optimised page template

More InfoClone
How It Works Page Template
Page Template

How It Works Page Template

To increase email sign-ups

Optimised page template

More InfoClone
Get Started Page Template
Page Template

Get Started Page Template

To increase email sign-ups

Optimised page template

More InfoClone

Pop-Up Cloneables

Dark Bottom Corner Pop-Up
Pop-Ups

Dark Bottom Corner Pop-Up

To increase email sign-ups

Optimised page template

More InfoClone
Large Image Pop-Up
Pop-Ups

Large Image Pop-Up

To increase email sign-ups

Optimised page template

More InfoClone
Bottom Corner Pop-Up
Pop-Ups

Bottom Corner Pop-Up

To increase email sign-ups

Optimised page template

More InfoClone
Gradient Pop-Up
Pop-Ups

Gradient Pop-Up

To increase email sign-ups

Optimised page template

More InfoClone
Simple Pop-Up
Pop-Ups

Simple Pop-Up

To increase email sign-ups

Optimised page template

More InfoClone

How to use pop-ups

Prefer video? Follow along step by step with the quick video tutorial: https://youtu.be/uSgSoEQD1vs

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.

Ready to learn more?

I've worked with countless businesses around the world. Maybe you'll be next.

Get in Touch