---
title: "Build content modules for products"
slug: "email-drag-and-drop-editor-building-content-modules-for-products-in-an-email"
description: "Build content modules for products"
tags: ["drag and drop content", "email content module"]
updated: 2026-07-10T14:56:44Z
published: 2026-07-10T14:56:44Z
canonical: "academy.insiderone.com/email-drag-and-drop-editor-building-content-modules-for-products-in-an-email"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Build content modules for products

Content modules can have several blocks and elements.

![New Drag & Drop 40(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/New%20Drag%20&%20Drop%2040%281%29.png)

Usually, such modules consist of a product snippet, a brief description, a price, and a CTA button.

## Build a product content module

1. Drop a 2-column structure into your template. 2. In any column, click the “image” icon in the structure to add a product snippet.

![New Drag & Drop 41(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/New%20Drag%20&%20Drop%2041%281%29.png)

3. Upload the necessary image. 4. Edit this snippet if necessary. 5. Drag a text block into the second column. 6. Enter your text and set the necessary design style if it differs from the text style you set in the **General Settings** tab. 7. Drag the **button** block and drop it under your text. 8. Set its style. You can apply a hover effect to this button. You can find the manual in [**Adding CTA buttons**](https://academy.insiderone.com/docs/email-drag-and-drop-editor-adding-call-to-action-buttons-to-an-email).

## Copy your designed modules

1. Drop the 2-column structure into your template. 2. Copy the container with details in the module you built.

![New Drag & Drop 42(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/New%20Drag%20&%20Drop%2042%281%29.png)

3. Now, simply move it to a new structure.

![New Drag & Drop 43(1)](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/New%20Drag%20&%20Drop%2043%281%29.png)

4. Edit the information in it and add new images.