BigCommerce Popups – How to Set Up a Popup for BigCommerce

Hey all! I’ve been working on growing my email list and improving my lead gen on my BigCommerce site (I run an eco-lifestyle store in Germany :germany:). I’ve heard popups are a game changer, but I’m a bit overwhelmed by the different tools and how to actually set one up.

Anyone have step-by-step guidance on how to set up a popup in BigCommerce? Also curious—what’s worked best for y’all? Exit-intent, newsletter signup, promos?

Thanks in advance :green_heart:

Hi Michelle! :waving_hand: You’re absolutely on the right track—popups on BigCommerce can massively boost conversions if implemented correctly.

Here’s a step-by-step guide using Popupsmart (it’s my tool, but I’ll keep it objective :briefcase:). We’re fully compatible with BigCommerce, and no coding is required. :rocket:


1. After signing in to your Popupsmart account, click “Embed Code” on the left sidebar.

2. Click “Copy to clipboard" to paste the embed code for later.

3. Go to your BigCommerce dashboard and click “Storefront” on the left sidebar.

4. Click “Themes” to reach your theme file. There, you should click on the “Advanced” dropdown.

5. Click “Make a copy” to create another copy of your store to manage.

6. You need to name your copy and click “Save a Copy”.

7. After the copy is created, click on the ellipsis on the theme, where you will click on the “Edit Theme Files” button.

8. You need to click the “Edit theme files” button again to continue.

9. Clicking will navigate you to the file editor, and you will view the HTML of your homepage.

Paste the embed code that you have copied to the clipboard on the Popupsmart dashboard before the tag on the very bottom of the page here.

Then, click “Save File”.

10. Go back to your Themes page and click “Apply” on the ellipsis on the copy of your store.

11. There, you will see a box asking you which theme you want to apply the changes to. Make your choice and click “Continue”.

12. Now, you need to go back to your Popupsmart dashboard and hover over the profile icon on the left bottom where you can click “Websites”.

13. Click “+ New website” on the top right of the page to add your website.

14. Enter your website"s URL and click the “Save” button.

15. Your integration is completed successfully. You can use your website for your popup campaigns seamlessly.

:light_bulb:If you see your BigCommerce 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.

16. To create a popup campaign, you can choose among ready templates or blank templates that you will customize by clicking “+ New Campaign”.

17. There, you can name your campaign and choose your BigCommerce website to create your campaign.

Then, click “Save”.

18. You are free to design your popup on the builder. After completing your design, you need to “Save” and “Publish” on your website.

19. After waiting for a little, you will see that your campaign has been published successfully once you click on the “Publish” button.

That’s how you can integrate BigCommerce and Popupsmart easily. Then, you can create your popup campaign with customizable steps and advanced targeting options.

Feel free to be creative and limitless while you create campaigns with Popupsmart.

Let me know if you want help optimizing for conversions. We support exit-intent, scroll triggers, A/B testing, and more!

Yo Michelle, I’m with you on this. I run a car parts brand and was hella lost at first too :joy:.

I personally went with Elfsight for my BigCommerce popup—also free to start. What I liked:


:hammer_and_wrench: How I Set Up My Elfsight Popup App:

  1. Signed up at Elfsight’s BigCommerce Popup App
  2. Picked a template (they’ve got solid ones for promos & newsletters)
  3. Customized my style, triggers (I used time delay), and added a coupon code
  4. Got the HTML snippet and embedded it into Footer Scripts via BigCommerce Storefront > Footer Scripts

Pros:

  • No dev skills needed
  • Beautiful UI
  • Works well for simple campaigns

Cons:

  • Limited targeting (no exit intent unless you upgrade)
  • No A/B testing in free plan

Still, it’s working fine for me! :raising_hands:
Let me know if you want me to share my template code.

Hey folks! Developer here :technologist: Jumping in with a more technical POV.

I tried both Popupsmart and Picreel while consulting for an e-comm project last month.

:gear: My Developer Verdict:

Feature Popupsmart Picreel
A/B Testing :white_check_mark: :white_check_mark:
Exit-Intent :white_check_mark: :white_check_mark:
Multi-platform :white_check_mark: :white_check_mark:
Custom Code Integration :white_check_mark: :white_check_mark:
Speed :rocket: Fast :warning: Slightly heavier
Interface :brain: Beginner-friendly :warning: Slight learning curve

:link: Picreel Setup Guide: How to Add Picreel to BigCommerce

Personally, I lean toward Popupsmart for its speed, UI, and clear documentation. But both are solid depending on your tech stack and needs.

Jumping in! I run a gourmet snack shop on BigCommerce, and popups helped us grow our email list by 67% in 3 months :party_popper:


:light_bulb: What Worked for Me:

  • Popup Tool: I used Popupsmart (free plan at first)
  • Popup Type: Newsletter Signup w/ 10% discount
  • Trigger: Exit-intent + 7 second delay
  • Targeting: Only new visitors

:fire: BONUS: I A/B tested with & without image backgrounds, and popups with product images had 22% higher CTR.

Nice! I’m kinda nerdy when it comes to testing ROI :money_bag:

I used BigCommerce’s native popup appPopups by POWR — because I didn’t want extra plugins at first.


:test_tube: My Experience with POWR Popups:

  • Free via BigCommerce App Marketplace
  • Decent if you want something quick & basic
  • BUT… lacks exit-intent, advanced targeting, or A/B testing

I eventually switched to Picreel for deeper analytics.

:round_pushpin:Pro Tip: Always match your popup style with your site’s brand colors and use short, punchy CTAs!

As a UX designer, I just wanna say:

:artist_palette: Design Tips for High-Converting Popups:

  • Avoid full-screen takeovers unless it’s a major promo
  • Keep messaging clear and no more than 2 lines
  • Add subtle animations (Popupsmart supports this out-of-box)
  • Use imagery that reflects your brand vibe—this boosts trust

:blue_book: Also, great UX = non-intrusive timing. Don’t annoy your user while they’re still exploring!


¡Hola gente! I’m a digital nomad and manage multiple stores globally.

For multi-store setups, I recommend Popupsmart or Picreel because they:

  • Let you create multiple popup campaigns
  • Manage international targeting rules
  • Translate content easily (Popupsmart even supports auto-language targeting)

Check out Popupsmart’s Language Features here.