> For the complete documentation index, see [llms.txt](https://hub.equipme.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hub.equipme.io/documentation/administration/company-profile/notifications/using-content-blocks-in-the-email-editor.md).

# Using Content Blocks in the Email Editor

After you’ve added a structure to your template, you need to fill it with content.  The email editor provides a variety of **content blocks** that you can drag into the columns of each structure.  This lesson introduces the available block types and explains how to add and edit them.

### What are content blocks?

Content blocks are the essential building blocks of every template.  They allow you to insert and manipulate different types of content within a structure.  Each column in a structure can hold only one content block at a time, but you can stack blocks vertically by adding another structure below the current one.

<figure><img src="/files/qIrvcKVyc1C0gL3tVeJL" alt=""><figcaption></figcaption></figure>

### Types of content blocks

In the **Content** tab of the editor you will find a **Basic** section listing all block types available in Equipme.  These include:

* **Text** – Add and format text.  When you click on a text block in your template, a toolbar appears with options such as bold, italic, font size, alignment and lists.  You can also set default fonts and colours globally in the **Settings** tab.
* **Image** – Insert pictures into your template.  Drag an **Image** block into a column and either drag your own image into the placeholder or click it to upload an image from your device.  Images are stored in the file manager so you can reuse them in other templates.
* **GIF** – Upload an animated GIF to add movement to your design.  Animated elements can help draw attention to important sections.
* **Button** – Create call‑to‑action buttons.  After adding a button block, you can customise its text, choose a link that will open when users click it, and adjust the style (for example, alignment or padding).
* **Divider** – Insert a horizontal line to separate sections of your template.  Dividers are useful for organising content visually.
* **Spacer** – Add blank space between blocks.  Spacers help control the vertical spacing in your layout.
* **Social** – Quickly insert icons linking to your social media profiles.  The Social block comes with default icons (e.g., Facebook, X/Twitter, LinkedIn, Instagram) and allows you to assign a URL and alt text for each icon.
* **Video** – Embed a video thumbnail that links to an external video (for example, YouTube or Vimeo).  When recipients click on the thumbnail, the video opens in their browser.
* **HTML** – Insert custom HTML code if you need functionality or formatting that isn’t covered by the other blocks.

### Adding content blocks

There are two ways to place a block into a structure:

1. **Drag and drop** – Simply drag the desired block from the left panel into the blue area of a column.  When you release the mouse, the block will appear in that column.
2. **Use the plus icon** – Inside each empty column you’ll see a blue plus symbol.  Clicking it opens a modal window where you can choose the type of content you want to insert.

Once placed, the block will be highlighted (for example, with a green border).  You can click the block to access its specific editing options.

### Editing content blocks

* **Text** – Click inside a text block to start typing and use the inline toolbar for formatting.  You can also adjust paragraph alignment, bullet points and hyperlinks.
* **Images and GIFs** – After placing an image or GIF, click it to open the file manager.  You can replace the image, edit its size or alignment, and add alternative text for accessibility.  If you need to edit the image itself (crop or add overlays), the editor includes a built‑in image editor accessible via the **Edit** button.
* **Buttons** – Select the button block to customise its label, choose a link destination, and adjust its appearance (colour, alignment, margins, etc.).  Make sure every button has a clear call to action.
* **Social icons** – Click the Social block to assign URLs and alt text to each icon and choose a different icon set if desired.

Other blocks such as Dividers, Spacers, Video and HTML have straightforward settings—click the block and use the left panel to adjust its height, spacing or code.

### Best practices

* **Keep it simple** – Use clear headings, images and buttons to guide readers through your message.
* **Use spacers** – Add space between elements to prevent your email from looking cluttered.
* **Test links** – Make sure all buttons and social icons link to the correct pages.
* **Optimise images** – Use appropriately sized images (600 px wide or less) to ensure fast loading and proper display on all devices.

With these content blocks, you can build rich, engaging email templates without writing any code.  Combine different block types to create layouts that suit your message and brand.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hub.equipme.io/documentation/administration/company-profile/notifications/using-content-blocks-in-the-email-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.