How to Get Started with Popupsmart's Shopify App
Learn how to get started with popupsmart's shopify app. Step-by-step guide with screenshots.
Popupsmart's Shopify Embed App is designed to help you launch your first popup in minutes. No coding, no complex setup.
Follow the steps below to get up and running quickly.
1. Install the App
Go to the Popupsmart app listing: https://apps.shopify.com/popupsmart
Click Install.
Approve the required permissions.
That's it.
What happens after installation
- A Popupsmart account is automatically created for you.
- It's connected to your logged-in Shopify account.
- Your store's fonts and colors are imported automatically.
No manual setup required.
2. Overview Page
After installation, you'll land on the Overview page.
Here you can:
- Create a new campaign
- View existing campaigns
- Check your current plan
- Access help options
- See usage details
To create your first popup, click Create first campaign.
3. Choose Your Campaign Goal
When creating a campaign, the first step is selecting your goal.
You'll see options like:
- Grow My Email List
- Show Announcement
- Increase Sales Conversions
- Gamify User Experience
- Stop Cart Abandonment
- Product Recommendations
Choose the goal that matches what you want to achieve.
4. Choose a Sub-Goal (Use Case)
After selecting a goal, you'll choose a more specific use case.
For example:
- Collect emails with coupon
- Increase sales with countdown
- Spin to win popup
- Offer coupon to finish order
Each sub-goal is optimized for a specific outcome.
Select the one that fits your campaign idea and click Continue.
5. Customize the Design
You'll now enter the Design step.
Here you can:
Template & Style
- Shuffle templates
- Switch between available layouts
- Adjust basic styling
Popup Type
Choose how the popup appears:
| Type | Description |
|---|---|
| Light | Standard popup — the most common choice for general campaigns. |
| Fullscreen | Covers the entire screen — ideal for high-impact announcements. |
| Floating | Non-intrusive scrolling banner — great for subtle promotions. |
Position & Overlay
- Set where the popup appears on the screen
- Enable or disable background overlay
Teaser
- Show or hide the teaser button
Edit Text
- Click on text elements to update headlines and descriptions
Keep it simple. The Embed App is designed for fast customization.
6. Customize Shopify Product Elements (If Included in the popup)
If your popup includes Shopify products, you can control how products are displayed.
| Source | Description |
|---|---|
| Cart Products | Automatically shows products currently in the visitor's cart. |
| Collection Products | Pulls products from a selected Shopify collection. |
| Manual Selection | Choose specific products manually. |
| Product Feed URL | Use a product feed if needed. |
You can also choose layout style: Slide, Card, or Grid.
7. Save and Continue
Once you're done with design:
Click Save & Next to Segment
Review your settings
Continue to publish
8. Publish Your Campaign
When everything looks good, click Publish.
Your popup is now live on your store.
Need more customization?
If you want to add or remove elements, create multi-step forms, apply advanced styling, or use advanced targeting options — you'll need the Advanced Editor.
Inside the design screen, click the pencil icon located on the middle-right side of the screen to open it.
That's It
You can go from installation to a live popup in just a few minutes.
Start simple, launch fast, and optimize later if needed.
If you need help, the support team is always available from inside the app.
How is this guide?