Ir al contenido principal

Accede al editor de código

Aprende a acceder y editar el código de tu Sitio Web, Producto y Páginas de Destino.

El editor de código (también conocido como editor de código personalizado), disponible solo en el plan Pro de Kajabi, te permite ver y editar los archivos de plantilla Liquid detrás de tus páginas. El código de las plantillas de Kajabi está escrito en Liquid. Con acceso al editor de código, Modify code aparece en el menú de más opciones (...) de tus páginas y plantillas. De esta forma también puedes abrir el archivo de una Página del sitio web directamente desde la lista de páginas.

Notas:

  • Todos los planes de Kajabi te permiten agregar código personalizado a tus sitios. El editor de código es una función avanzada que permite más personalización que las funciones estándar de código personalizado de Kajabi.

  • Si actualizas tu plantilla, los cambios que hiciste en el editor de código se sobrescriben. Las personalizaciones hechas en el creador de temas se conservan. Aprende a actualizar una plantilla.

Abre el editor de código de una plantilla de sitio web

Para editar el código de tus Páginas Estándar de Sitio Web:

  1. Desde el Dashboard, abre la pestaña Website.

  2. En Design, ubica la plantilla que deseas editar.

  3. Haz clic en la flecha hacia abajo de tu plantilla activa, o abre el menú de más opciones (...) de una plantilla guardada.

  4. Selecciona Modify code.

Designlivetemp


Abre el editor de código de una plantilla de Curso

  1. Desde el Dashboard, abre la pestaña Products y luego Courses.

  2. Selecciona el Curso que deseas editar.

  3. Haz clic en Customize.

  4. Ubica la plantilla de tu Curso.

  5. Abre su menú de más opciones (...).

  6. Selecciona Modify code.

Couresproductmodify

Muestra todas las lecciones en el temario de un Curso

De forma predeterminada, el temario solo muestra las primeras 10 lecciones por módulo antes de mostrar un enlace Show More. Si quieres mostrar todas las lecciones, edita product_syllabus.liquid en la carpeta Snippets.

Nota: Esto solo aplica si la configuración Syllabus Type de la sección del temario está en Posts. Con la configuración predeterminada Categories, el temario solo muestra los módulos, por lo que no hay un límite de lecciones que editar.

  1. Busca el bucle de lecciones y cambia el límite para mostrar todas las lecciones de un módulo:

    {% for post in category.posts limit:10 %}
  2. Actualiza el enlace Show More para que coincida. Si cambiaste el límite a un número personalizado, usa ese mismo número aquí. Si eliminaste el límite por completo, borra todo este bloque {% if %}; de lo contrario, el enlace se mostrará u ocultará en el punto equivocado:

    {% if category.posts.size >= 10 %}
  3. Si también quieres cambiar cuántos módulos aparecen por página (no lecciones), edita esto por separado:

{% paginate product.categories by 10 %}

Advertencia: La propia configuración del tema de Kajabi advierte que eliminar el límite de lecciones puede causar un error de Liquid en productos con una gran cantidad de lecciones. Previsualiza la página antes de guardar si tu Curso tiene mucho contenido.


Abre el editor de código de una página de Upsell

  1. Desde el Dashboard, haz clic en la pestaña Sales y luego en Pricing.

  2. Haz clic en la pestaña Upsells.

  3. Haz clic en el Upsell que deseas editar.

  4. Abre el menú de más opciones (...) junto a Customize.

  5. Selecciona Edit code.


Abre el editor de código de una plantilla de Página de Destino

  1. Desde el Dashboard, abre Website.

  2. Haz clic en Landing Pages.

  3. Ubica la página que deseas editar.

  4. Abre su menú de más opciones (...).

  5. Selecciona Modify code.

Modify_Code.png

Nota: Modify code no está disponible mientras una Página de Destino tiene una prueba A/B en curso.


Edita el código de la plantilla

Consulta la documentación de plantillas de Kajabi para ver una descripción general de cada directorio de plantilla.

  1. Abre el editor de código de tu plantilla siguiendo los pasos anteriores.

  2. Selecciona un directorio.

  3. Selecciona un archivo.

  4. Modifica tu código.

  5. Haz clic en Save.

  6. Opcional: Haz clic en Preview.

Nota: El equipo de soporte de Kajabi no puede ayudarte a crear o modificar código personalizado. Si no tienes experiencia editando código, considera contratar a un profesional.

¿Ha quedado contestada tu pregunta?