> 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/media-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 clicking on the block, the menu on the left will update the changes.

## Blocks

### Add a 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

{% hint style="info" %}
Columns always contain other blocks
{% endhint %}

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FG8fxjesh3oY1t6PPSfvF%2Fimage.png?alt=media&amp;token=19bc4427-a597-4f77-89db-34936174f45a" 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.

1. **Create Saved Block**

   * 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.

   <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F9k9YtPgQAKZqaDmtJxHj%2Fimage.png?alt=media&amp;token=86d84075-2cbb-4ca8-9dde-d46187e67fdc" alt=""><figcaption></figcaption></figure>

   * In the popup model that appears, give your new block a custom **Name** and add a note to describe it (optionally). When you’re finished, click **OK**.

   <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2Fvd2Frsgik61CLqkf1P75%2Fimage.png?alt=media&amp;token=9c94212b-9601-40a1-9cfd-5e39dcc3d11e" alt=""><figcaption></figcaption></figure>
2. #### Manage Saved Blocks

   <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FFfzgr6jJUxtrBCEWobIQ%2Fimage.png?alt=media&amp;token=96e3b8b5-596a-48a7-a59e-46039d376ee9" alt=""><figcaption></figcaption></figure>

   <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FqwPQIe4410QKmzhb4IUR%2Fimage.png?alt=media&amp;token=d098f8f5-ecc9-49a0-8fe5-0b09cdb9a71f" alt=""><figcaption></figcaption></figure>

* From the **Design** view locate the **Saved Blocks** section in the sidebar panel and select the **Manage** button
* A popup modal will appear containing all saved blocks in your account. You can sort, search for, and directly manage individual saved blocks
  * ***Edit Name:***

    Select the pencil icon next to the saved block in the manage saved blocks modal to edit the name and notes. When you’re finished click Update Block Details to apply the changes
  * ***Duplicate Saved Block:***
    * Select the copy icon next to the saved block in the manage saved blocks modal to duplicate an existing saved block
    * Once you’ve duplicated a saved block you can customize the copied version and save those changes following the update saved block section above
  * ***Delete Saved Block***:

    * Select the **trash icon** next to the saved block in the manage saved blocks modal to *permanently* delete a saved block
    * You’ll be prompted *once* to confirm the action by selecting the **Confirm Deletion** button

    <figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FLy9XQmtID8GbuqBG8N8b%2Fimage.png?alt=media&amp;token=ce2ae528-69b0-4c90-a354-d929b1ca0839" 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 %}

## Actions&#x20;

### Move a 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%2FBRwX0098ef3RaI8nEaIN%2Flayer%20-%201.gif?alt=media&amp;token=d4316493-7202-4034-a0b1-8dbecb94f841" alt=""><figcaption></figcaption></figure>

### Set index

You can set the index of the columns in the row by clicking ![](https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FpJwc722qEn2gaftkwT0c%2Fimage.png?alt=media\&token=e8a45465-13dd-4541-b275-a9dfc7bf5379) and adjusting the index in the popup

### Make a copy of a 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 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

### Block Setting&#x20;

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)

{% hint style="info" %}
Column Block has red symbol actions, while other Blocks have blue symbol actions
{% endhint %}


---

# 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/media-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.
