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

# Insertar código personalizado en una página con Premier

> Agrega código personalizado a tus páginas creadas con la plantilla legada de Premier sin necesitar acceso al Editor de código.

Agrega código personalizado a tus páginas creadas con la plantilla legada de Premier para incluir agendadores, videos o personalizar la apariencia de una sección.

## Descripción general

El bloque de Custom Code en Premier te permite insertar código sin requerir acceso al Editor de código. Esta guía te muestra cómo agregar una Sección de Custom Code y personalizar su apariencia.

<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>
  **Importante:** Agregar código personalizado a tu sitio puede exponerte a vulnerabilidades y posibles ataques de malware. Te recomendamos usar herramientas de detección de vulnerabilidades como [VirusTotal](https://www.virustotal.com/gui/home/url) o [Snyk](https://snyk.io/) para escanear cualquier código personalizado que planees usar, y aplicar ciertas [mejores prácticas](/es/articles/website/domains/code-based-customizations) para ayudar a reducir el impacto potencial.
</Warning>

<Note>
  **Nota:** Este artículo se refiere a las Plantillas Legadas de Premier, que pueden estar desactualizadas. Si usas las Plantillas de Kajabi Pages, consulta la guía actualizada [aquí](/es/articles/website/pages/add-custom-code-to-pages).
</Note>

***

## Agregar una Sección de Custom Code

Insertar código personalizado se puede usar para incluir agendadores o videos, o para personalizar la apariencia de una sección de tu página.

1. Abre la pestaña **Website** desde el Dashboard.
2. Haz clic en **Pages**.
3. Selecciona la página que deseas personalizar o [crea una nueva página](/es/articles/website/pages/how-to-create-a-new-page-with-premier).
4. Haz clic en **Customize** para abrir el [editor de páginas](/es/articles/website/pages/how-to-get-to-the-page-editor).
5. Haz clic en **+ Add Section** en el panel lateral.
6. Haz clic en la sección **Custom Content** y haz clic en **Add**.
7. Tu nueva Sección de Custom Content se agregará al final de la página.
8. En la Sección de Custom Content, desplázate hasta el final del editor y haz clic en **Add Content**.
9. Selecciona **Custom Code**.
10. Pega tu código personalizado copiado o ingresa código personalizado en el campo **Code**.
11. Haz clic en **Save** para guardar tus cambios.

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

***

## Personaliza tu bloque de código personalizado

El bloque de Custom Code se puede usar para insertar o agregar código personalizado con diversos fines, entre ellos:

* Agregar código personalizado (como [insertar un calendario](/es/articles/website/pages/how-to-install-an-add-to-calendar-button-to-your-page) en tu página) sin necesitar acceso al Editor de código de tu sitio
* Crear espacios en blanco en tu página para diseñar layouts de landing page hermosos y únicos
* Probar este bloque para ver cómo puedes diseñar landing pages únicas que se ajusten a tu negocio

***

## Apariencia del bloque

### Alineación

Ajusta la alineación del bloque dentro de tu Sección de Custom Content:

* Izquierda
* Centrado
* Derecha

### Ancho del contenedor

Cambia el tamaño de tu bloque de Custom Code seleccionando el ancho de contenedor que desees.

### Colocar este bloque en su propia fila

Separa tus bloques de contenido dentro de tu Sección de Custom Content activando esta configuración.