Use Product Blocks in Emails + Displays

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.

​

Product Blocks in Email

​

Add the product block

• Navigate to your Campaigns or Automations to either select an existing email you’d like to edit, or create a new email.

• Select Edit design to access the email editor.

• Once you’re in the email editor, drag and drop the Product block from your Content menu on the left.

• Search for the product you’d like to feature in the following prompt’s dropdown menu. Once you find the desired product, click Save.

​

Customize the product block

The Product block auto-populates with the selected product’s title 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. To update or override these default settings:

• Click on the Product that you placed in your newsletter. 

• Customize the block’s options, including the selected product, the image, the title/description, the on-click behavior, and other design elements in the left sidebar.

​

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 Convert > All 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.