> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed custom code to a page with Premier

> Add custom code to your pages built with the legacy Premier template without needing access to the Code Editor.

Add custom code to your pages built with the Premier legacy template to include schedulers, videos, or customize the appearance of a section.

## Overview

The Custom Code Block in Premier allows you to embed code without requiring access to the Code Editor. This guide walks you through adding a Custom Code Section and customizing its appearance.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/s9kc1trmde" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Warning>
  **Important:** Introducing custom code to your site can open you up to vulnerabilities and potential malware attacks. We recommend using vulnerability tools like [VirusTotal](https://www.virustotal.com/gui/home/url) or [Snyk](https://snyk.io/) to scan any custom code that you intend to use and apply certain [best practices](/articles/website/domains/code-based-customizations) to help reduce potential impact.
</Warning>

<Note>
  **Note:** This article refers to the Premier Legacy Templates, which may be outdated. If you are using the Kajabi Pages Templates, refer to the updated guide [here](/articles/website/pages/add-custom-code-to-pages).
</Note>

***

## Add a Custom Code Section

Embedding custom code can be used to include schedulers or videos, or to customize the appearance of a section of your page.

1. Open the **Website** tab from the Dashboard.
2. Click **Pages**.
3. Select the page you wish to customize or [create a new page](/articles/website/pages/how-to-create-a-new-page-with-premier).
4. Click **Customize** to open the [page editor](/articles/website/pages/how-to-get-to-the-page-editor).
5. Click **+ Add Section** from the sidebar.
6. Click the **Custom Content** section and click **Add**.
7. Your newly added Custom Content Section will be added to the bottom of the page.
8. In the Custom Content Section, scroll to the bottom of the editor and click **Add Content**.
9. Select **Custom Code**.
10. Paste your copied custom code or enter custom code into the **Code** field.
11. Click **Save** to keep your changes.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/agmsrzgoqi" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Customize your Custom Code Block

The Custom Code Block can be used to embed or add custom code for a variety of purposes, including:

* Adding custom code (like [embedding a calendar](/articles/website/pages/how-to-install-an-add-to-calendar-button-to-your-page) on your page) without requiring access to the Code Editor of your site
* Creating blank spaces on your page to design beautiful, unique landing page layouts
* Testing out this Block to see how you can design unique landing pages to fit your business

***

## Block appearance

### Alignment

Adjust the alignment of the Block within your Custom Content Section:

* Left
* Centered
* Right

### Container width

Change the size of your Custom Code Block by selecting your desired container width.

### Place this block on its own row

Separate your Content Blocks within your Custom Content Section by toggling on this setting.