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 'Products' content block to your email and choose a collection of items you want to display.

Here are some things you need to know before you start:

  • This version of the products 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 only available in the drag-and-drop email designer in the classic designer.

How the 'Products' content block works

After placing the 'Products' 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 in a similar way. 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.

 

Add and configure the Products content block

  1. Click on the 'Products' 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 an image, product name, price, product description, and a 'View' button.mceclip0.png
  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' dropdown list under 'Layout'. You can choose to display up to four items.     mceclip2.png
  5. Product image, product name, product price, product description, and button are also listed under 'Layout'. Each item here has its own switch, and everything is set to 'On' by default. This means that each of these items will appear in the 'Products' content block in the email. To hide or remove one of these items from the email, click on the switch to turn it 'Off'.                            mceclip3.png
  6. You can customise the appearance of the content block itself using the configuration options listed under 'Block'. Here you can adjust the background colour, border, margin, and padding.                                                                                         mceclip4.png
  7. By clicking on the product name, price, and description in the content block, you can change the font, font size, font colour, and font style for each product listed in your email.mceclip5.png
  8. By clicking on the 'View' button, you can adjust the text alignment for all product buttons.                     mceclip6.png

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

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 change the collection for the product block or remove the block from the email by clicking on the 'Remove Product Block' button.

 

What happens if the store I selected for a product block is no longer connected to my MailBlue account?

The following warning will be displayed at the top of the campaign design to let you know that one or more of the 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.

The product block will alert you that the Shopify/WooCommerce account driving the block is no longer available:

The blocks are not displayed in sent emails. To resolve this issue, you can click on the 'Connect' button to reconnect your store, or you can remove the block by clicking on the 'Remove Product Block' button.

 

What happens if I have a product block in an email and I downgrade my MailBlue account to a subscription that does not offer product blocks?

The following warning will appear 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.

Any blocks in your email will also alert you that they are no longer available in your subscription:

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.

 

Was this article helpful?
0 out of 0 found this helpful