How to Create a Webflow popup with Popupsmart

Webflow logo
popupsmart favicon

Webflow is a website builder focusing on eye-catching designs and ease of use. With the help of the drag-and-drop solutions of Webflow, you can create responsive websites without any coding experience. In other words, it is a tool that enables you to succeed in every facet of web building.

Would you like to use a Webflow popup to boost your sales, get more leads, and improve conversions? You can use Popupsmart, a new generation popup builder that is simple to use.

You don't need to be a designer to create conversion-driven popup campaigns for your business because Popupsmart’s popup editor is also simple to use.

Create Your First popup

How to Add a Popup to Webflow

Follow these steps and create popups for your Webflow website with Popupsmart quickly:

1. Register to Popupsmart first and sign in to your account.

register popupsmart

2. Click on the "Embed Code" to get your unique embed code.

embed code

3. A modal will appear and display your Popupsmart embed code. Copy this code to the clipboard.

copy new code

4. Then, log in to your Webflow website admin panel. On your Webflow Dashboard, choose the site to which you want to add your embed code and click “Project Settings” from the Webflow icon on the top left side.

project settings section on webflow

5. On the “Project Settings” page, click the “Custom Code.”

clicking the custom code part on webflow

6. Scroll down and paste your embed code in the “Footer Code” part. Your embed code will be entered before the </body> tag. Then, click on the “Save Changes” button.

footer code part on webflow

7. Now that you’ve entered your Popupsmart embed code to Webflow, you can go to the Popupsmart dashboard and the “Websites” part from your profile.

websites popupsmart

8. Click on “New website” to add your Webflow website.

new website popupsmart

9. Enter your website’s URL in the “Add a new website” section and click on the “Save” button when you are done.

adding webflow site

10. After saving your Webflow website, your website will be verified.

verified webflow site
🔔 Important: If you see your website unverified, click the "Unverified" button, and from the opening modal, click “Verify website,” then return to your dashboard and click “Refresh.”

For further details about the verification of your website, see How to Verify Your Website.

11. Go to the dashboard and click the “New Campaign” button.

new campaign

12. Create your popup campaign and adjust it as much as you like. Then, click on the “Save” and “Publish” buttons.

publishing webflow popup

Now you can display your eye-catching popup campaigns on your Webflow website appropriately!

Your campaign is published successfully once you have done designing your popup.

Webflow Popup FAQ

Do I need coding or designing skills to add popup via Popupsmart?

No, to use Popupsmart and create engaging Webflow popups, you don’t need design or coding skills.

You can use the many ready-made templates provided by Popupsmart to boost conversion and engagement.

Can I grow my website with a Webflow popup?

Popupsmart offers all the tools required for users to successfully complete their campaign objectives, from cutting-edge, eye-catching designs to sophisticated targeting choices. So, certainly, you can grow your website and boost visitor engagement using a Webflow popup.

Can I add a newsletter popup to my Webflow website via Popupsmart?

When you sign up for a Popupsmart account, you can build a Webflow newsletter popup by choosing a suitable template among many ready-to-use templates.

That way, you can grow your email list and increase your Webflow website’s user interaction by converting newsletter popups!

How to add a Youtube video popup to Webflow via Popupsmart?

Register for a free Popupsmart account and log in to continue. You can choose from various templates, including the video popup template, or start with a blank popup template to add video elements. Once you’ve made the necessary adjustments and your video popup looks remarkable, it will be prepared to convert!

30% off coupon discount promotional popup designjoin premium account popup designget a second phone line phone call popup design