The Product block allows you to quickly access and incorporate products from your Shopify catalog into your emails and displays. Simply add the block into your content, select the product, and customize the block’s title, image, and layout.
Note: This functionality is only available for accounts integrated with Shopify at this time.
Product Blocks in Email
Add a new product block
- Navigate to your Campaigns or Flows to either select an existing email you’d like to edit, or create a new email.
- Once you’re in the email editor, drag and drop the Product block from your Content menu on the right.
- Search and select the product you’d like to feature, and click Save.
Add multiple products
To add more than one product to your block:
- Click your product block to select it.
- Click + Add New Product on the right side menu.
- Search for and select the product you’d like to add, then press Save.
Customize the product block
The product block auto-populates with the selected Shopify product’s title, price, and primary image by default. The entire image and title area will direct the recipient to the associated product page in a new tab when clicked.
You can further tailor your product block using the right side menu. Customize settings such as:
- Number of products per row
- Horizontal and vertical gaps
- Product Details visibility
- Image height
- Font appearance
Test your product block
Select Preview to review the email’s design in both desktop and mobile views. Click the Send Test Email button to ensure the content displays as expected in your inbox.
Product Blocks in Displays
Add the product block
To add a product block to your display:
- Head to Displays.
- Select an existing display that you’d like to edit, or create a new display.
- Once you’re in the editor, hover over the elements on your display and click the blue plus sign to add a new element. Select the Product element from the menu.
- Search for and select the Shopify product you’d like to feature from the menu on the right.
Customize the product block
- Once you’ve added your product block, you can uncheck the boxes of any content that you do not want shown on your display.
- To edit individual components of the product block, such as the button or the text, click directly on the component you want to edit and make all your changes to the settings on the right. Save.
