How to create a product card
How to create a product card
Promote products and generate store traffic
If you have an online store, this feature is for you.
Quickly create high-impact product cards that grab reader attention with just a few clicks. Our mobile responsive modules squeeze essential product information into a compact digital footprint with links back to your store.
- BTW These über cool modules are only available if you're on a paid plan (Standard or Pro).
Here's how.
Adding a module
Open a template, go to the side menu, and click the Modules tab. Then click the Prebuilt Modules tab, and scroll down to the Product cards heading.
There are several options, each offering a different card layout. Choose a module and drag it to the canvas.
Linking to a product
The next step is to link a prebuilt product card to an item in your online store.
Before you start, go to your store and copy the URL for the product you want to profile in the email template. In this example, we pull product information from the Toys R Us website.
- On the canvas, click a product card and then click the Smart Container tab to make it the active layer.
- Go to the side menu and make sure the Data tab is selected.
- Click the Configuration tab.
- Make sure the URL tab is selected.
- Paste the product URL into the field.
- Click the Get values icon.
A few seconds later, the fields in the product card display your product image, name, description, and price.
Reviewing the information
Go to the canvas and carefully check the product information. Sometimes, the product card can't populate a field with the correct data. In these situations, you can manually enter the information.
- In the example below, the product card loaded the product image, description, and name correctly, but the price was wrong.
Adding data manually
To edit or update product card information, click the card on the canvas to make it the active layer. Go to the side menu and click the Appearance tab.
Locate the field (or fields) you want to update and change the information. Any change you make here automatically appears on the product card.
Prices
You can display an old price and a new price. That's optional. If you want to display a single price, fill in the p_price field and leave the p_old_price field blank.
That's it!
Related Articles
How to create Smart Elements & Product Cards
tinyEmail: Smart Elements for Efficient Email Creation This document explains Smart Elements, a feature in tinyEmail that simplifies building emails with repetitive content. What are Smart Elements? Smart Elements are pre-designed email modules in ...Create a New Email Template
Create a New Email Template Build beautiful templates in 3 minutes Fun fact about time allocation. Before tinyEmail, we were spending about 75% of our email marketing time playing around with email design tools and 25% of the time crafting meaningful ...How to Create Anchor Links
How to Create Anchor Links Help readers jump to content Anchor links are a reader-friendly feature that should be part of your email design toolkit. They improve readability and the user experience. Readers can skip the fluff and jump to the content ...How to Create Custom Audience Segments
How to Create Custom Audience Segments Customizing your messages to your audience such that the right group receives the proper communications is critical to your business's success. With tinyEmail's custom segments, you can do just that. Here, we'll ...Create Flyout Forms
Create Flyout Forms Display a subtle CTA in the corner Need a signup form that doesn't hinder the user experience? Take a look at the tinyEmail flyout form. Customizable, mobile responsive, and sticky, the flyoutoption appears in the bottom right ...