> For the complete documentation index, see [llms.txt](https://docs.live2.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.live2.ai/section-layouts/create-and-publish.md).

# Create & Publish

### How to create a new Section Layout

On the left sidebar, you will be able to find the 'Section Layouts' tab. Follow these steps to create a new section layout:

#### Step 1

Choose a section from the given options to display your videos on site.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2Fm5MUtcIG9ks3w9Pr11OQ%2Fimage.png?alt=media&amp;token=351bf9a4-8a6d-43e9-8d39-5877df36bc72" alt=""><figcaption></figcaption></figure>

#### Step 2

Now you have to add videos into the selected section layout. Click on ' + Add Videos' button on the top right corner.&#x20;

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2FKP7ZcQb2y4BoXLpnqjo7%2FFrame%202147224133.png?alt=media&amp;token=ae4a3e62-8ef2-4595-8759-a8f70a77372e" alt=""><figcaption></figcaption></figure>

#### Step 3

Select one or multiple videos to add to your section layout. Click 'Add To Section' button to proceed further.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2Fb2fvYU4KtPKte9siknDn%2FFrame%202147224136.png?alt=media&amp;token=bdec1f0e-f8d1-4938-9063-573c24e5e828" alt=""><figcaption></figcaption></figure>

#### Step 4

A draft version of your section layout is now created and ready to be published.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2Fr6YXGkjlVAn7uy33kOHU%2FFrame%202147224138.png?alt=media&amp;token=5df12a50-c78e-470b-adf9-3603ab904efd" alt=""><figcaption></figcaption></figure>

***

### How to Publish a Draft Section

On the left sidebar, you will be able to find the 'Section Layouts' tab. Follow these steps to publish a draft section:

#### Step 1

Select and open a draft section from the 'Section Layout' page.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2FfBoOTYgLBy9FeYtT8fXG%2FFrame%202147224197.png?alt=media&amp;token=39448198-b68d-4bdb-94f0-44d97897a659" alt=""><figcaption></figcaption></figure>

#### Step 2

Click on the 'Publish' button on the top right corner.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2Fr6YXGkjlVAn7uy33kOHU%2FFrame%202147224138.png?alt=media&amp;token=5df12a50-c78e-470b-adf9-3603ab904efd" alt=""><figcaption></figcaption></figure>

#### Step 3

A pop-up window will appear on your screen with a step-by-step guide on how to embed the site section on your website. Ensure that the Live2.ai app is installed on your account.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2FCiYQEYHdVE9lRA9pkBjK%2FFrame%202147224139.png?alt=media&amp;token=f1d4c139-495b-4305-b3f8-cf1ce4a7d843" alt=""><figcaption></figcaption></figure>

#### Step 4

Continue following the pop-up window guide and add a Live2.ai embed section within any of your preferred website pages.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2FjQwK0VL77PHiYUCX8Nga%2FFrame%202147224140.png?alt=media&amp;token=a696c79e-69f9-49fe-901a-f5376fc3b6bf" alt=""><figcaption></figcaption></figure>

#### Step 5&#x20;

Copy the unique Publish ID from the pop-up window and paste it in the embed section within your website. Click on 'Done' button once the section is live.

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2FH2UQcma2LXRhuJs2Q1SZ%2FFrame%202147224141.png?alt=media&amp;token=04457955-8d44-4fbe-80ae-a79c542b1b13" alt=""><figcaption></figcaption></figure>

#### Step 6

Your Section Layout is now Active.&#x20;

<figure><img src="https://2228314116-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIKeumuJ1HB4kt3xN4NlD%2Fuploads%2Fwn0TIaDfuicLJvT7iFK8%2FFrame%202147224142.png?alt=media&amp;token=917d556d-c85a-450e-a3b0-f715a4a644cb" alt=""><figcaption></figcaption></figure>