Insert a Product block in the Drag & Drop Editor (New)

In this article, we will explain how to insert a Product block in your email campaigns. Adding a Product block to an email is a great way to promote best-selling products, trending products, or special offers.

❗️ Important
The Product block feature is only available in the new Drag & Drop Editor that is still in beta. We can activate it on demand for your account.
The Product block is only available if you're using our Shopify or Shopware plugins.

Before you start

  • The Product block is available to users who have connected their Shopify or Shopware e-commerce store using a Sendinblue plugin. If you have not connected your store to your Sendinblue account, please have a look at our articles to learn how to install the Shopify app or Shopware app.
  • To learn how to design an email campaign in the new Drag & Drop Editor, refer to our series of dedicated articles.

How does a Product block work?

The Product block allows you to easily add products from your Shopify and Shopware stores into your email campaigns created using the new Drag & Drop Editor.

mceclip9.png

The Product block contains:

  • Product image
  • Product title
  • Product description
  • New price and Original price ("Compare At Price" in Shopify)
  • "Visit Product" button

By default, the product's image and button are automatically linked to the product's page URL. 

After you connect your store with Sendinblue, we will push e-commerce data to your account so you can promote your products.

For now, you are only able to manually select a product in each Product block you add. We will soon add the possibility to populate products dynamically, so that you can feature bestsellers, trending products, and product recommendations.

❗️ Important
If you manually select a product in a Product block, the product details will not update automatically if you edit the product details in your store. You will have to delete the old Product block and insert it again to see the latest changes.

Insert a Product block

To insert a product block in an email campaign using the new Drag & Drop Editor:

  1. Drag and drop the Product block into your email design.
    mceclip0.png
  2. In the pop-up window, type the name of the product you want to insert.
    mceclip1.png
  3. After finding the product, select it and click Insert. A formatted product block will be inserted in your newsletter.
    mceclip2.png
  4. If necessary, update the product properties in the left sidebar.
    mceclip3.png

❗️ Important
Currently, Sendinblue only retrieves the data for the main product. It is not yet possible to fetch the information about variants.

Style a Product block

After you insert your Product block and update your product details, you can edit the design of your Product block to match your branding:

  1. To change the font, go to Theme and click Font. Here you can set the font-family, size, line height and font color.
    mceclip0.png
  2. To change the button style, go to Theme and click Button. Here you can define the default style of all the buttons in your email.
    mceclip5.png
  3. To add a background color, go to Design and click Background.
    mceclip1.png

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.