Skip to main content

Install Wisepops on Webflow

Wisepops is fully compatible with Webflow. Follow these steps to set up Wisepops on your Webflow site.

Updated over 10 months ago

Wisepops is fully compatible with Webflow, allowing you to easily add pop-ups and other conversion tools to your Webflow site. Follow these step-by-step instructions to set up Wisepops on your Webflow site.

Step 1: Obtain the Wisepops Code

  • Log in to your Wisepops account at https://app.wisepops.com/.

  • Navigate to Settings > Install Wisepops.

  • Copy the provided JavaScript code snippet.

Step 2: Add Wisepops Code to Webflow

  • Log in to your Webflow account at https://webflow.com/.

  • Open your project and click on the gear icon (βš™οΈ) in the left sidebar to access Site Settings.

  • In the left menu, select Custom Code.

  • Scroll down to the Footer Code section.

  • Paste the Wisepops code snippet you copied earlier into this section.

  • Click Save Changes at the bottom of the page.
    ​

Step 3: Publish Your Webflow Site

  • Click the Publish button in the top-right corner of the Webflow Designer.

  • Review the changes and click Publish again to make your updates live.

Step 4: Verify the Integration

Troubleshooting

  • If you don't see your pop-ups appearing, double-check that you've published your Webflow site after adding the Wisepops code.

  • Ensure that you've activated at least one campaign in your Wisepops account.

  • Clear your browser cache and cookies, then reload the page.

For further assistance, please contact Wisepops support at support@wisepops.com.

Did this answer your question?