Product feeds
A product feed is a list of products Gro picks for each customer when an email sends. Add one to a welcome email, a post purchase flow or a newsletter, and every customer sees products chosen for them, not the same grid for everyone.
Create a feed
Section titled “Create a feed”- Go to Content > Feeds and click New feed.
- Give it a name, using letters, numbers and underscores, like
PicksorPost_purchase. Emails use the name, so it can’t change later. - Choose the type. Products a customer may also like is the first one, with more types on the way.
- Choose how many products it picks, from 1 to 12. Each email can show fewer.
- Narrow it down with filters if you like:
- Price from and to.
- Minimum stock, so nothing sold out appears. Products that keep selling when out of stock always pass.
- Only these collections or leave out these collections.
- Leave out products they’ve already bought, on by default.
Use Preview on the feed to see the products a particular customer would get.
Add a feed to an email
Section titled “Add a feed to an email”The quickest way: in the editor, under Blocks, click or drag Recommended. If you have no feed yet, the section shows a warning until you make one. It adds a section that shows your feed two to a row, up to four products, and hides itself for anyone with nothing to show. Change any of it on the section:
- Repeat: which feed it shows. Keep
itemas the name for each product. - Show up to: how many products this email shows, even if the feed has more.
- Per row: 1, 2 or 3 side by side. The editor shows the grid as it will send.
A Product block inside the section shows each product’s image, title, price and link when the email sends. Pick a product for it only if you want the same one every time.
Want your own design instead of the product block? Build the card from image, text and button blocks and use the merge tags below, like {{ item.title }} and {{ item.price | money }}.
Every product field
Section titled “Every product field”| Merge tag | What it shows |
|---|---|
{{ item.title }} |
The product name |
{{ item.url }} |
The product page on your store |
{{ item.image_url }} |
The product’s main image |
{{ item.price | money }} |
Its lowest price |
{{ item.compare_at_price | money }} |
Its compare at price, when it has one |
{{ item.vendor }} |
The vendor |
{{ item.product_type }} |
The product type |
{{ item.handle }} |
The product handle |
In an HTML block
Section titled “In an HTML block”Loop over the feed with Liquid:
{% for item in feeds.Picks %} <a href="{{ item.url }}"> <img src="{{ item.image_url }}" alt="{{ item.title }}" width="260" /> <p>{{ item.title }} {{ item.price | money }}</p> </a>{% endfor %}Previews, tests and the simulator
Section titled “Previews, tests and the simulator”Products are picked when each email sends. Previews, test sends and the flow simulator show what the customer you pick would get, so you can check a feed before it goes out. Someone with no orders yet still gets products.
Feeds imported from Klaviyo
Section titled “Feeds imported from Klaviyo”When an imported email uses a Klaviyo feed, such as feeds.Purchase_History, Gro makes a feed with the same name so the email keeps working. Klaviyo doesn’t share its feed settings, so the import notes it: open the feed in Content > Feeds and set its filters to match.