How do I display e-commerce products in my MailBlue emails?

When using the Shopify or WooCommerce Deep Data integration, you can send various product recommendations to different contact segments. This can be done using the products block. All you have to do is add the 'Product Catalog' content block to your email and choose a collection of items you want to display.

Things you need to know before you start:

• This version of the product content block is available with the WooCommerce and Shopify Deep Data integration.
• You need to have collections configured in Shopify/WooCommerce before using this block.
• You can use multiple product blocks in one email.
• The product block can be used in both campaigns (all types) and automation emails.
• The product block is not available in the classic designer.
  
  

Table of Contents

How does the 'Product Catalog' content block work?

How can I configure the 'Product Catalog' content block? 

Frequently Asked Questions (FAQ)

How does the 'Product Catalog' content block work?

After placing the 'Product Catalog' content block in your campaign, we will present you with a temporary placeholder featuring four sample products. The temporary placeholder includes an image, product name, price, description, and a view button for each sample product.

You can configure the look and feel of the block using the 'Options' tab in the right menu. For example, you can choose to display one to four products from each collection in your linked store. You can also sort these products by best-selling, recently added, and cost (from high to low and low to high). The temporary placeholder will adjust to the configurations in the email designer.

Once the email is sent to contacts, we retrieve product information and images from your store and add them to your communication. Contacts who open the email will see your products and product information instead of the temporary placeholder. If they click the 'View' button for any of the products, they will be directed to the store where they can make a purchase.

Test sends of the email work similarly. With each test send of the email, your products are displayed so you can see how the final version will look before sending it to your list.

Keep in mind that the images and information displayed in the products block come directly from your store. If you want to change the name, description, price, or image of a product, you need to do this in your store.

How can I configure the 'Product Catalog' content block? 

1. Click on the 'Product Catalog' content block in the email designer and drag it to your email. The block will display a temporary placeholder for four products. Each product in the temporary placeholder includes the following:
   
   
   • Image
   • Product name
   • Price
   • Product description
   • a 'View'-button
     
     
     
     
2. Click on the content block to open the configuration options in the right menu.
3. Select the connected store and collection, then sort according to your preference using the three dropdown menus listed under 'Products' in the 'Options' tab. Note that a maximum of 100 collections will be displayed in alphabetical order.
4. Choose how many items you want to display using the 'Items per row' dropdown list  You can select up to four items.     
5. It is possible to individually customize components such as 'Image', 'Name', 'Price', 'Description', and 'Button'. To hide or remove one of these items from the email, click on the switch to turn them on or off:
   
   
   
   Please note: to customize the appearance of a component, expand the dropdown menu by clicking the arrow next to this component. The available formatting options vary by component.
                  
6. You can also customize the appearance of the content block itself. Consider the padding, border, and background color:
   
   
                                                                                      

And that's it! You can continue to modify the campaign with the other included content blocks. When you're done, click 'Save and Close' to temporarily close the campaign or 'Next' to view the campaign overview page.

When the email is sent, the products from your collection will be displayed. 

Frequently Asked Questions (FAQ)

What happens if the collection I selected for the products block no longer exists?

The following warning will be displayed at the top of the email designer to let you know that one or more of your product blocks have an issue that needs to be resolved:

“There is an issue with one or more of the product blocks in this email. The blocks do not appear in sent emails. Check and resolve any issues so that the blocks appear in sent emails."

Additionally, the product block will alert you that the collection driving the block is no longer available.

The blocks do not appear in sent emails. To resolve the issue, you need to upgrade your account to a Plus or Professional subscription by clicking on the 'Upgrade Account' button, or you can remove the blocks from the email by clicking on the 'Remove Product Block' button.