Skip to main content
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.
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 o Snyk para escanear cualquier código personalizado que planees usar, y aplicar ciertas mejores prácticas para ayudar a reducir el impacto potencial.
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í.

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.
  4. Haz clic en Customize para abrir el editor de páginas.
  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.

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