Popupsmart Logo
Popup Campaign BuilderElements & Editor

How to Add a Product Feed to Your Popup

Learn how to use the Product Feed element in Popupsmart to display products from a Google-compatible product feed directly inside your popup campaigns.

The Product Feed element allows you to display products from a Google-compatible product feed directly inside your Popupsmart campaign.

It works with ecommerce platforms that can generate a Google Product Feed, including Magento, PrestaShop, and custom-built stores.

With this element, you can:

  • Display products dynamically in your popup
  • Promote selected products or your catalog
  • Send visitors to product pages
  • Track product button clicks

Popupsmart editor with the Google Product Feed panel open on the left and a live popup preview on the right showing two feed products with prices and Buy now buttons

How to add the Product Feed element

Open your popup campaign

Create a new popup campaign or open an existing one.

Then, go to the Customize step.

Add the Product Feed element

Click Add a new element in the popup editor.

Select Product Feed from the available elements. Its settings will appear in the editor panel.

Popupsmart Add a new element panel with the Content Elements section expanded and a red arrow pointing to the Product Feed element

Enter your Google Product Feed URL

Paste your feed URL into the Google Product Feed URL field.

Example:

https://yourstore.com/feed.xml

Popupsmart will use this URL to retrieve and display your products.

Google Product Feed settings panel with a red arrow pointing to the Google Product Feed URL field, followed by the Product Source dropdown and Button settings

Important

The feed URL must be publicly accessible and should not require a login, password, or authentication.

Product Source settings

Use the Product Source section to choose which products will appear in your popup.

  • Show all feed products — Uses products from the complete feed.
  • Show all products — Displays all available products when enabled.

Button settings

Use the Button section to customize the call-to-action for each product.

Button Text

Enter the text displayed on the product button.

Examples:

  • Buy now
  • Shop now
  • View product
  • See details

Action

Select Go To Product to send visitors to the product page included in your feed.

Count as Interaction

Enable Count as Interaction to record product button clicks as campaign interactions.

Product template settings

Choose how products will appear in your popup:

Product template selector in the Popupsmart editor showing three layout options — Slide, Card, and Grid — with Slide currently selected

TemplateDescription
SlideDisplays products in a slider.
CardDisplays products as individual cards.
GridDisplays multiple products in a grid.

Select the layout that best fits your popup design.

Product feed requirements

Make sure that:

  • The feed URL is publicly accessible
  • The feed uses a Google-compatible format
  • Product titles, prices, images, and links are valid
  • Product image and page URLs are accessible
  • The feed contains active product entries

Common product feed attributes include:

AttributePurpose
idUnique identifier for the product.
titleProduct name shown in the popup.
descriptionProduct description.
linkURL of the product page.
image_linkURL of the product image.
priceProduct price.
availabilityStock status of the product.

Preview and publish your campaign

Before publishing your campaign:

  • Preview the popup on desktop and mobile
  • Check product images, titles, and prices
  • Test the product buttons
  • Confirm that each button opens the correct product page

Once everything looks correct, save and publish your campaign.

Related Guide

Want to display products from a Shopify store instead? Explore "Which Elements Can I Add to My Popup?" to see all available elements, including the Shopify Product element.

If you need help setting up the Product Feed element, please feel free to contact us!

How is this guide?