Skip to content
Email

Add a product module to your marketing email (BETA)

Last updated: July 19, 2021

In Beta

Applies to:

Marketing Hub  Professional, Enterprise

If you've created a product library in your HubSpot account, you can promote your products by embedding them directly in your marketing emails. 

 

Requirements

  • You'll must create a product library before you can insert individual products into your emails.
  • Only products created directly within HubSpot are fully supported in marketing emails. You cannot directly edit products synced from a third party integration such as Shopify or WooCommerce in HubSpot.
  • Only users with Manage product library permissions in your HubSpot account can create, edit, or view products in the product library. Other users can still add products into emails, but they won't be able to modify the product's details, such as its default URL.

Insert and edit a product module in an email

  • In your HubSpot account, navigate to Marketing > Email.
  • In the top right, click Create email.
  • In the dialog box, click Regular.
  • Click the Drag and drop tab, then choose an email template.
  • Click and drag the Product module from the Content tab in the left pane directly into the email editor.

add-product-module-to-dnd-email

  • In the left sidebar, edit the details, styling, and layout of your products:
    • Under Products, hover over a product and click the edit icon.
      • Click the Product account dropdown menu and select an account.
      • Click the Product dropdown menu and select a specific product you want to feature.
      • Under Product page URL, select the page that you want your recipients to go to after they click the product image or CTA:
        • Default URL: users will go to the standard details page in your store.
        • Custom URL: users will go to a custom one-off URL for your product.
      • You can optionally click to toggle the Padding switch on/off to enable and configure padding around the product.
    • Click Return to Products.
    • To add another product, click +Add above the product you just configured, or you can clone the original product by hovering over it and clicking the clone icon.
    • Customize the orientation and arrangement of your listed products:
      • Click the Layout dropdown menu and select an option to change the orientation of your listed products.
      • If you chose a Vertical layout, you can enter the number of products you want to display on each row.
      • To show or hide specific fields of each product, select or clear the checkboxes next to the corresponding option.
    • Edit the styles of each product's ImageProduct nameDescriptionPrice, and Button by clicking the associated section.

product-module-styling-and-layout

    • To adjust the padding around the product module itself, you can click to toggle the Padding switch on/off to enable and edit the associated padding.
  • After you're done editing the details and design of your products, click Done at the top of the left sidebar. Continue designing the rest of your email, or click Review and send in the top right.

 

  •