How to add Popupsmart to Shopify in 2026 with the app

Q: How do I install the app?

Open apps.shopify.com/popupsmart . Install . Approve permissions. A Popupsmart account is created and tied to the logged-in store. Fonts and colours import, per the vendor. Land on Overview . Create first campaign .

The 2026 path is the Shopify app, not theme.liquid. Install, pick a campaign goal, publish. theme.liquid still works if you already run the web app on a custom theme.

Vendor source: How to get started with Popupsmart's Shopify app, dated 2 March 2026. Listing on 23 August 2026: 4.8 / 5 from 50 reviews, free plan available. In-app plans include a $19/month Starter that popupsmart.com/pricing does not show. Details: Popupsmart pricing.

How do I install the app?

Open apps.shopify.com/popupsmart. Install. Approve permissions.
A Popupsmart account is created and tied to the logged-in store. Fonts and colours import, per the vendor.
Land on Overview. Create first campaign.

What do I pick after install?

Goals listed in that guide: Grow My Email List, Show Announcement, Increase Sales Conversions, Gamify User Experience, Stop Cart Abandonment, Product Recommendations. Then a sub-goal (coupon, countdown, spin-to-win, checkout offer).

Design step: shuffle templates, Light / Fullscreen / Floating, position, overlay, teaser, click-to-edit text. If the template has products: Cart Products, Collection, Manual, or a product-feed URL; layout Slide / Card / Grid.

Save & Next to Segment, then Publish.

Need multi-step forms or custom CSS? Pencil icon on the right of the design screen opens the Advanced Editor (the same builder as the web app).

When would I still paste into theme.liquid?

If the store is not using the embed app (older install, or you want one Popupsmart account across a Shopify store and a non-Shopify site). Then:

Copy Embed Code from the Popupsmart web app.
Shopify admin → Online Store → Themes → Edit code.
theme.liquid, paste once before </body>, Save.

theme.liquid page of Shopify and pasting the code on the system on blue background

Popupsmart → Account → Websites → New website → verify.

Entering the URL on Popupsmart dashboard on blue background

Prefer the app. A double install (app + snippet) is a way to get two overlays.

Connect Klaviyo after: How to integrate Popupsmart with Klaviyo. Overview: Popupsmart.

Written and reviewed by

Emel Dalabasmaz

SEO Executive at Flatart

Emel Dalabasmaz graduated in Advertising and Public Relations from Anadolu University. She began in social media and carried that grounding — content, brand communication and performance — into SEO. For more than ten years she has worked on growth for brands across a range of industries, pairing a communications perspective with data and technical analysis to build a digital presence that holds up over time.

Education: Advertising and Public Relations, Anadolu University
Writes about: Popup builders, Conversion rate optimization, On-site messaging, SaaS pricing research, SEO, Technical SEO, Content strategy, Digital marketing