Create emails showcasing products from your online store using the product block in the drag and drop email editor—no copying needed. Create branded emails displaying your products exactly as they appear on your website!
-
Product recommendations displays a dynamic list of products from your online store to create personalized recommendations.
- Data feed displays custom product lists that update automatically at send time. This feature is designed for our advanced customers.
Before you start
- The product block is only available to users using one of our compatible plugins or API.
- You can connect only one online store per account to the Brevo eCommerce dashboard. If you have several plugins installed, the product block won't work.
- To learn more about how to design an email in the Drag & Drop email editor, check our dedicated articles.
What is a product block?
When designing your email using the Drag & Drop email editor, use the product block to automatically pull product information—like images, names, and prices—directly from your online store into your email designs.
The product block can pull the following information about your products:
|
By default, the product's image and button are automatically linked to the product's page URL.
📦 Insert and fill in your product block
To insert a product block into your email design:
- Create an email campaign or template and access the drag and drop email editor from the Design step.
- From the Content > Blocks section in the left panel, drag and drop the Product content block.
- Click the Product block you've just dragged and dropped to open its settings.
- Click Add product in the left panel. A modal opens to select products.
- Search and select the products you want to display in your email design. You can select up to 9 products.
- Click Add product.
Congratulations! 🎉 Now that your products' information is displayed in your email design, you can choose how you want to display and design it ⬇️.
🎨 Edit and design your product block
After inserting your product block into your email design, you may want to change how your products are displayed. For example, you can change the display order of your products, choose which information you want to display, or change the call-to-action of your products.
Click the product block to access its settings in the left panel and edit it. You will be able to:
- Change the display order of your products
- Add or delete a product from the list
- Choose and rearrange your products' information
- Change your product block's overall design
Change the display order of your products
To rearrange the order in which your products are displayed in your product block, drag a product and move it to the desired position using the drag icon :
Add or delete a product from the list
The product block content can be edited at any moment during the design of your email. From the Product list section in the left panel, you can:
-
Delete a product
Click the trash icon next to the product name you want to delete. -
Add a product
Click Add product to open the list of available products from your online store. Select the ones you want to add to your email.
Choose and rearrange the products' information order
Depending on the product and the purpose of your email, you may not want to show all the information about your product or change the order in which it is displayed.
You can either perform these changes for all your products or individually:
From the Content section in the left panel, you can:
-
Delete product information
Toggle off the product information you do not want to display in your product block. -
Change the display order of your product information
Drag the product information and drop it to the desired position using the drag icon.
-
Change the call-to-action (CTA) text
In the text field under Button, enter the text you want to show on the button that your recipients can click to access the product on your online store.
If you want to make changes to only one of your products' information in the product block, you can simply make the changes directly from the canvas. For example, you can choose another image for a specific product, change its description, or edit the call-to-action text individually.
Change your product block's overall design
Change the overall appearance of your product block from its settings in the left panel:
Choose how products appear within your product block. You can choose between List and Grid:
Products are displayed one below the other in a vertical list, ideal for showing detailed information, such as descriptions or specs.
- Image position: Choose where your product image appears within each tile.
- Block alignment: choose where your text should be aligned within each tile.
Products are displayed as tiles, arranged in rows and columns — similar to a photo gallery or product catalog.
- Items per row: Choose how many products to display per row (maximum 5).
- Block alignment: choose where your text should be aligned within each tile.
Change your product block background color, or add a background image to visually separate the product block or align it with your brand.
Add spacing or margin to your product block to improve readability and create breathing room around your content.
Apply conditions to the display of your product block to show it only to the right audience or devices. For example, display the product block only on computers or to a specific group of recipients.
➡️ To learn more about content visibility, check our dedicated articles Show or hide content in your emails (Content visibility).
⏭️ What's next?
- Create and send product recommendations with product feeds
- Product purchase - Send an order confirmation email after a purchase
- About data feeds in Brevo
🤔 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.
If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo Agency partner.