Skip to content
Marketing

Shopping Cart Element in Email Builder

The Shopping Cart Element allows you to display product information, pricing, and checkout links directly within your emails. It’s designed to help you…

2 min read376 words4 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. What is the Shopping Cart Element in Email Builder?
  2. Key Benefits of the Shopping Cart Element
  3. How To Setup the Shopping Cart Element

The Shopping Cart Element allows you to display product information, pricing, and checkout links directly within your emails. It’s designed to help you promote products, recover abandoned carts, and encourage customers to complete purchases all while keeping your email visually appealing and conversion-focused.

TABLE OF CONTENTS

What is the Shopping Cart Element in Email Builder?

The Shopping Cart Element is a drag-and-drop block that enables you to add product details and checkout links inside your email. It’s typically used for abandoned cart reminders, product recommendations, or limited-time promotions.

You can customise each item’s image, name, description, price, and button link giving you full control over how your products are presented in the email layout.

Note: The Shopping Cart Element doesn’t process payments directly. Instead, it links users to your website or store checkout page for completing purchases.

Key Benefits of the Shopping Cart Element

Using the Shopping Cart Element in your email design offers several benefits:

  • Showcase product details and pricing in a clean, structured layout.

  • Add “Buy Now” or “Return to Cart” buttons with direct checkout links.

  • Drive conversions through visually optimized cart reminders.

  • Easily customise colours, spacing, and fonts for on-brand presentation.

  • Fully responsive displays beautifully on both desktop and mobile.

How To Setup the Shopping Cart Element

Follow these steps to add and configure the Shopping Cart Element in your email template:

  1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.

    Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account… What this shows Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account dashboard. What this shows Shows where to go for step 1 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". This screenshot accompanies step 1 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". At this point in the walkthrough you navigate to Marketing → Emails → Templates from your sub-account dashboard. The next step is to open an existing template or click the + New button to create one. Step 1 of 8Image 1 of 4 Where to goNavigate to Marketing → Emails → Templates from your sub-account dashboard.
    Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Shopping Cart ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepOpen an existing template or click the + New button to create one.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard. this image
    2. Open an existing template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Shopping Cart Element under the Elements section.
    5. Drag and drop the Shopping Cart Element into your desired section of the email layout.
    6. Click on the Shopping Cart Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to configure Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on desktop and mobile to ensure products display clearly and links function correctly.

  2. Open an existing template or click the + New button to create one.

    Step 2 of 8: Open an existing template or click the + New button to create one What this shows Step 2 of 8: Open an existing template or click the + New button to create one. What this shows Shows where to go for step 2 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". This screenshot accompanies step 2 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". At this point in the walkthrough you open an existing template or click the + New button to create one. The next step is to in the Email Builder, click the Add Elements (+) icon in the left sidebar. Step 2 of 8Image 2 of 4 Where to goOpen an existing template or click the + New button to create one.
    Buttons and menus referenced + NewMarketing → Emails → TemplatesEmail BuilderAdd Elements (+)Shopping Cart ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing template or click the + New button to create one. this image
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
    4. Locate the Shopping Cart Element under the Elements section.
    5. Drag and drop the Shopping Cart Element into your desired section of the email layout.
    6. Click on the Shopping Cart Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to configure Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on desktop and mobile to ensure products display clearly and links function correctly.

  3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.

    Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left… What this shows Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left sidebar. What this shows Shows where to go for step 3 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". This screenshot accompanies step 3 of 8 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". At this point in the walkthrough you in the Email Builder, click the Add Elements (+) icon in the left sidebar. The next step is to locate the Shopping Cart Element under the Elements section. Step 3 of 8Image 3 of 4 Where to goIn the Email Builder, click the Add Elements (+) icon in the left sidebar.
    Buttons and menus referenced Email BuilderAdd Elements (+)Marketing → Emails → Templates+ NewShopping Cart ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile
    Next stepLocate the Shopping Cart Element under the Elements section.
    All 8 steps in this procedure
    1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
    2. Open an existing template or click the + New button to create one.
    3. In the Email Builder, click the Add Elements (+) icon in the left sidebar. this image
    4. Locate the Shopping Cart Element under the Elements section.
    5. Drag and drop the Shopping Cart Element into your desired section of the email layout.
    6. Click on the Shopping Cart Element to open the Edit tab on the left panel. Here you can:
    7. (Optional) Use the Visibility tab to configure Device-Based Visibility or Conditional Sending rules.
    8. Preview your email on desktop and mobile to ensure products display clearly and links function correctly.

  4. Locate the Shopping Cart Element under the Elements section.

  5. Drag and drop the Shopping Cart Element into your desired section of the email layout.

  6. Click on the Shopping Cart Element to open the Edit tab on the left panel. Here you can:

    • Adjust Layout and Spacing: Control padding, margins, and alignment to create a clean product grid.

      Step 1 of 1: Adjust Layout and Spacing: Control padding, margins, and alignment to… What this shows Step 1 of 1: Adjust Layout and Spacing: Control padding, margins, and alignment to create a clean product grid. What this shows Shows what this covers for step 1 of 1 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". This screenshot accompanies step 1 of 1 in the "How To Setup the Shopping Cart Element" section of "Shopping Cart Element in Email Builder". At this point in the walkthrough you adjust Layout and Spacing: Control padding, margins, and alignment to create a clean product grid. Step 1 of 1Image 4 of 4 What this coversAdjust Layout and Spacing: Control padding, margins, and alignment to create a clean product grid.
      Buttons and menus referenced Marketing → Emails → Templates+ NewEmail BuilderAdd Elements (+)Shopping Cart ElementElementsEditVisibilityDevice-Based VisibilityConditional Sendingdesktopmobile

  7. (Optional) Use the Visibility tab to configure Device-Based Visibility or Conditional Sending rules.

  8. Preview your email on desktop and mobile to ensure products display clearly and links function correctly.

Frequently asked questions

What is the Shopping Cart Element in Email Builder?
The Shopping Cart Element is a drag-and-drop block that enables you to add product details and checkout links inside your email. It’s typically used for abandoned cart reminders , product recommendations , or limited-time promotions . You can customise each item’s image, name, description, price, and button link giving you full control over how your products are presented in the email layout. Note: The Shopping Cart Element doesn’t process payments directly. Instead, it links users to your website or store checkout page for completing purchases.

Was this guide helpful?

Related guides

@Mention or Tag Profile in Posts from Social Planner2 min read · 4 imagesAdd Location Tagging to Social Post1 min read · 9 imagesAdd Pinterest Pins in Social Planner4 min read · 8 imagesSocial Planner - How to Add Multiple Watermarks4 min read · 8 images