> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/cdp-365-user-guide-en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/email-template/live-preview.md).

# Live Preview

In the live preview Area, you can point-and-click any area you’ve added blocks so that you can edit the wording of your campaigns. This can mean changing an image, a tagline, the placeholder value for the fields, and more. When you click on the block, the menu on the left will update so that you can make your changes.

## Column Blocks

#### Add a Column block

You can click to start adding column blocks OR click the ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FJpZsXbVpe7JlpfsrqkOl%2Fimage.png?alt=media\&token=f4cf1369-c8b2-4d1c-8816-3314ce95994c)button (on the right of the screen), drag and drop column block

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FbeLbImJ6PuJQBh4NvvJ2%2Fimage.png?alt=media&amp;token=995a13f1-973a-486c-9e55-dc1bc865cefa" alt=""><figcaption></figcaption></figure>

#### Standards&#x20;

Column blocks include Column, Text, Image, Button, Optin fields, Yes/No, Count down, Video, Spacer, Divider, Icon, HTML, Slide show, Group, Rating&#x20;

#### Saved Blocks

* Saved blocks allow you to quickly re-use your same designed custom blocks when creating new campaigns.
* When blocks are saved, they will live in the home sidebar panel of the campaign builder’s Design view.
* Create Saved Block:&#x20;

  * In the **Design** view of the campaign builder, hover over and select the **Save** icon ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FlTHeVbYQgnFCswh6DzNC%2Fimage.png?alt=media\&token=786db424-2bbf-43e1-8fb7-1890d35913eb) for any block in your campaign you would like to re-use later on&#x20;

  <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FJJZ6oLxSJYfxnzWOl0HZ%2Fimage.png?alt=media&amp;token=b73c2f1e-8538-4ff9-8831-16c0867bbd04" alt=""><figcaption></figcaption></figure>

  * In the popup modal that appears, give your new block a custom **Name** and add a note to describe it (optional). Click **OK** to finish.

  <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FlworbIPKc0J0thfxEBu5%2Fimage.png?alt=media&amp;token=8a71bf37-e2d8-44a8-aac5-916b10fc1602" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can see more about the Setting of [Standards block](/cdp-365-user-guide-en/marketing-hub/media-template/settings/blocks-and-settings.md)
{% endhint %}

#### Move a column block

You can move a block by hovering, clicking ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FvUaBsWpT6w7WuI8eeByU%2Fimage.png?alt=media\&token=ed369431-08ff-48f0-899a-a792911a35c8), holding the mouse, and moving the block to the desired position

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F4XIrkyZRfLnkwvSN5HJk%2Flive%20preview%20-%20email.gif?alt=media&amp;token=a21d6d01-cfde-4211-86b0-91c4ecb4faf2" alt=""><figcaption></figcaption></figure>

#### Make a copy of a column block

You can move a block by hovering and clicking ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FpERk6E7UmlvTPBO0IFzC%2Fimage.png?alt=media\&token=c2ca6661-5a90-4cfc-ad71-7259b9a32d94)

#### Remove a column block

You can move a block by flowing the steps:

1. Hovering and clicking ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F6eBiD0b8wbHW6KZKqLn3%2Fimage.png?alt=media\&token=da48afa4-7fc7-4175-b3d9-81e5f94e5db2)
2. Clicking **OK** on the confirmation popup

#### Setting of a column block

You can configure a block by hovering, clicking ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2Fd1ii4ii5ORDUZvLsXCgD%2Fimage.png?alt=media\&token=efa40446-b4bb-4d8e-bdac-ce778b9fa8b8) and adjusting the setting on the right of the screen. See more about [the setting of a column block](/cdp-365-user-guide-en/marketing-hub/media-template/settings.md)


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/email-template/live-preview.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
