Categories
active arrowAffiliate Program
active arrowAccount
active arrowGetting Started
active arrowCampaign Builder
active arrowAdvanced Design Customization
active arrowEmail Campaign Customization
active arrowSegment & Targeting
active arrowAnalytics
active arrowShopify
active arrowEmail Marketing and CRM Integrations
active arrowHow to Get Started with Popupsmart’s Shopify App?
active arrowWhat is Popupsmart’s Shopify Element and How to Use it?
active arrowHow to Use Shopify Audience Targeting?
active arrowHow to Send Collected Popupsmart Leads to Shopify?
active arrowHow to Measure Revenue Generated by Popupsmart App in Your Shopify Store?
active arrowHow to Create Shopify-Based Email Automation
active arrowHow to Use Product Cards in the Email Automation

What is Popupsmart’s Shopify Element and How to Use it?

If you have a Shopify store and want to showcase products or collections directly inside your popup, Popupsmart’s Shopify element makes this easy. You can highlight a special collection, promote specific products, or even display items from a visitor’s cart—dynamically and without extra setup.

How to Set It Up

1. Create your popup campaign and go to the Customize step.

adding a new element on the builder

2. Click Add a new element.

shopify element edit option

3. Select the Shopify element and click on it to edit it.

shopify element selected on popupsmart builder

Choose Your Product Source

You can display products in your popup using one of the following options:

1. Cart Products

Products are automatically fetched from the visitor’s cart.

  • No additional setup is required.
  • Note: When Cart Products are selected, the only available button action is Go to Cart Page.
Shopify element card products selected as product source

2. Enter Product Feed URL

Paste your product feed URL (for example, a products.json feed) to pull products directly from your Shopify store.

Shopify element product feed URL selected as product source

3. Collection Products

Select one of your Shopify collections from the dropdown. Products within the selected collection will be displayed automatically.

Shopify element collection products selected as product source

4. Manual Selection

Manually choose individual products to display. You can search for and select specific items based on your needs.

shopify element manual selection selected as product source

Configure Button Text and Actions

You can customize the button text and choose what happens when visitors click the button. Available button actions include:

  • Go to Product Page – Redirects visitors to the selected product’s page.
  • Add to Cart – Adds the product to the cart without redirecting.
  • Add to Cart and Go to Cart Page – Adds the product and redirects visitors to the cart page.

Important:
If you select Cart Products as the product source, the only available button action is Go to Cart Page.

Choose a Layout Template

Select your preferred layout style:

  • Slide
  • Card
  • Grid

Save Your Campaign

Save your campaign and continue customizing your popup in the following steps to align it perfectly with your goals.

Still need a hand? Contact us at [email protected] —we’re happy to help! 😊

‍