# Customize Your Email

{% embed url="<https://fast.wistia.net/embed/iframe/lp07zcltqg>" %}

### Blocks

Blocks are like lego pieces. Each one serves as a piece of content. Add a bunch of them together and you can construct a beautiful email!\
Blocks could include an image, a piece of text, a column or a button; these are very basic examples.\
Rechat also provides more advanced blocks.\
\
Blocks are categorized into several categories:

* Basics
* Listings
* Agents
* Articles
* Market Reports

Let's add a basic block to your email.

{% tabs %}
{% tab title="🎯 Example: Adding a Text Block" %}

1. Open the **Basics** category.
2. Find the **Text** block.
3. Drag and drop the text block where you want it to appear on the email.

<div align="left"><img src="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJZySovZjoLVT1XAonI%2F-MJjFAt56K9ZSzSbQXHQ%2F-MJjFV_p0bWqnPMtqPQB%2F2.gif?alt=media&#x26;token=2befd448-efb9-4a73-a23f-0fb10a235721" alt=""></div>
{% endtab %}
{% endtabs %}

### Manipulating added blocks

Once you add a block to your email, you can customize it. Imagine once you add a **Text** block, then afterward you want to change the copy. All you have to do is to click on the content you want to edit.

Some changes can be applied **inline**, right inside the email. Some other attributes can be manipulated using the attributes on the right toolbar.

{% tabs %}
{% tab title="🎯 Inline Example" %}
As you can see in the following figure, changing the copy or formatting of the text is done right inside the email. See the **Attributes Example** to see how some other changes can be applied to contents.&#x20;

<div align="left"><img src="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJZySovZjoLVT1XAonI%2F-MJjFAt56K9ZSzSbQXHQ%2F-MJjFt2VVE2B13qbV1YM%2F4.gif?alt=media&#x26;token=54c4b775-b985-4429-95cd-b0e4360dfe1b" alt=""></div>
{% endtab %}

{% tab title="🎯 Attributes Example" %}
You can see how some other changes, like the padding or background color, could be applied using the right hand toolbar.

<div align="left"><img src="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJZySovZjoLVT1XAonI%2F-MJjGA1y4k3JBEYW2fqq%2F-MJjIJKfMuOThBn-bIHV%2F6.gif?alt=media&#x26;token=8e2b1837-6030-463a-85fc-f43119477694" alt=""></div>
{% endtab %}
{% endtabs %}
