> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/cdp-365-user-guide/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/quick-start-guide/how-to-display-the-inline-template-on-the-website-using-cdp-365.md).

# How to display the Inline template on the website using CDP 365

## Create Zone

For inline templates, you need to specify the area where the template will be displayed on your website

**NOTE: You can see more details on how to create Zone** [here ](/cdp-365-user-guide/quick-start-guide/how-to-create-a-new-ad-zone.md)

## Create Journey

### 1. Select the menu as follows: "**MARKETING HUB" -> "Customer Journeys"**

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FFDTp7kRWBUXBWrIf9rxG%2Fimage.png?alt=media\&token=6ddc14c2-1d07-47e6-8565-a9c436964127)

### 2. Select **"Web Personalization"** channel, then click<img src="https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2Fg6KwofluWLrBmpLKpsWt%2F12.png?alt=media&amp;token=6e19c0e3-146f-41bb-8673-b5ad6c98501c" alt="" data-size="line">button to create

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FtKhc6FUguAXnMQ5TW7O1%2Fimage.png?alt=media\&token=440acdfb-5023-4296-b2e2-a08d53180efd)

### 3. Select an event at "Action-based Trigger" node

Select an event that you want (**When this event is called on your website, the template will be displayed**). The default will be **"View page"** event.

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FU1y2AcrU2Evi5I9NIAG6%2Fimage.png?alt=media\&token=38be2b1b-0914-4161-9631-2179ea8a7f04)

### 4. You can add some node actions if you want (depending on your needs)

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FdXYgWtZmQ1QXaxMZo0jD%2Fimage.png?alt=media\&token=76e93f45-5b1f-4064-b06e-eac2cc4b519c)

### 5. Add **"Web Embedded"** destination

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FF9fISo8OWk4zl3IDXGoK%2Fimage.png?alt=media\&token=82c01664-c5c5-4430-acb1-cd9d427f8837)

<figure><img src="https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FN3RIRlb3rFeT8JE4wPEc%2Fimage.png?alt=media&amp;token=7602a1e0-2aff-4974-9582-5d45b077e22e" alt=""><figcaption></figcaption></figure>

### 6. Fill in the necessary information

![](https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FMTxNwtj3FpFCZqRYOYdA%2Fimage.png?alt=media\&token=939a83d1-9d96-41eb-9fda-0d04080f7624)

* "Delivery Destination": Select a destination of "Web Personalization" type
* "Display Ad Zone":&#x20;
  * The default will be the Pinning zone (Used for Popup, Floating bar, Fullscreen, Slide-in, Gamified)
  * **If you want to display templates of the type "Inline", you should create a new zone or select the zone you created earlier** [**HERE**](#create-zone)&#x20;

### 7. Select the template type

**Gallery**: Select an "Inline" template. You can use the templates that the system suggests

<figure><img src="https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2Fm9yEFfZlsc3QlixIOtVz%2Fimage.png?alt=media&amp;token=9c120c94-3f2b-4475-a14b-96c82937f225" alt=""><figcaption></figcaption></figure>

**My template:** Select the templates that you designed earlier in the "Media template" app

**NOTE:** **You can see how to set up some use cases using inline templates in the "Media template" app** [**Here**](https://docs.antsomi.com/cdp-365-user-guide-en/use-cases/marketing-hub/how-to-set-up-some-inline-templates)

<figure><img src="https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2FWz80nw9nOYKZE3V9zd8V%2Fimage.png?alt=media&amp;token=7a6a7e2c-0ee0-4f7c-952d-fde899a656c3" alt=""><figcaption></figcaption></figure>

### 8. Click on the "**Save Change"** Button

<figure><img src="https://3576497809-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmECwNqMNUmu6OXHSYgDv%2Fuploads%2F7pjLpw88i3AwhJsCoXkV%2Fimage.png?alt=media&amp;token=fb43ccc2-b08f-45f8-8935-85b1e6b08b3c" alt=""><figcaption></figcaption></figure>