Nota:
Este artículo se refiere a la plantilla de Curso Premier. Instalar y activar una plantilla diferente incluirá funciones distintas en el Editor del Curso. Aprende a instalar y activar una nueva plantilla para un Curso.
Este artículo se refiere a la plantilla de Curso Premier. Instalar y activar una plantilla diferente incluirá funciones distintas en el Editor del Curso. Aprende a instalar y activar una nueva plantilla para un Curso.
¿Qué es Premier?
El editor de Premier te permite personalizar secciones y bloques de contenido en todas las páginas de tu curso. Hay múltiples opciones de experiencia de usuario, incluyendo el progreso del curso, ventas cruzadas, visibilidad del Instructor, visibilidad de Módulos o Lecciones, y mucho más. Aprovecha al máximo la apariencia y usa imágenes de fondo a nivel de producto con Premier.Instalar Premier
Instalar Premier te permite diseñar páginas del Curso, pero no serán visibles para los clientes. Diseña y actualiza el Curso entre bastidores hasta que estés listo para hacerlo visible a los clientes.- Abre la pestaña Products desde tu Dashboard.
- Selecciona el Curso que deseas diseñar.
- Haz clic en la pestaña Customize.
- Selecciona Install Template.
- Selecciona la Premier Template para previsualizarla.
- Haz clic en Install Template.
Personalizar las páginas del Curso
Después de instalar la plantilla, navega por las distintas páginas del Curso desde el menú desplegable superior en el editor de páginas:
Aprende a personalizar la página de lección del Curso con la plantilla Premier.
Una vez que hayas terminado de personalizar y diseñar el Curso, estarás listo para activarlo. Aprende a activar una plantilla.
Personalizar con Premier
Personaliza el Curso con el sistema de edición con un clic de Kajabi. Simplemente ubica la sección que deseas personalizar y realiza los cambios deseados en el panel de control lateral. O selecciona las distintas secciones desde el panel de control lateral para editar las diversas partes que conforman la página del Curso. Con la plantilla Premier, puedes personalizar las diversas Secciones de tu página y la Configuración de página.Secciones de Premier
Encabezado
Personaliza la apariencia del encabezado del Curso con un logo y un menú de usuario. Y con el editor de Encabezado, elige agregar un anuncio o una llamada a la acción en primer plano de la página:
Barra de búsqueda
Elige ocultar o incluir un enlace de búsqueda en el menú del encabezado y personaliza el idioma y la apariencia del enlace de búsqueda:
Hero
Personaliza la sección hero de la página del Curso para cambiar la apariencia de la sección superior de la página. Elige mostrar u ocultar la sección Hero y configura su apariencia incluyendo bloques adicionales:- Información del producto
- Botón de inicio
- Llamada a la acción
- Texto
Aprende a personalizar las secciones Hero con Premier.
Cuerpo de bienvenida
Personaliza la sección de Cuerpo de bienvenida para elegir ocultar o incluir un cuerpo de bienvenida justo encima del contenido del Curso. Configura la alineación del texto y agrega bloques adicionales para diseñar el cuerpo de bienvenida:- Llamada a la acción
- Código
- Progreso del curso
- Imagen
- Información del producto
- Botón de inicio
- Texto
- Video
Programa del Curso
El Programa del Curso es el esquema de los Módulos y Lecciones de tu Curso. Personaliza la sección de Programa para mostrar u ocultar el programa, mostrarlo por Módulos o por Lecciones, truncar la cantidad de Módulos o Lecciones que se muestran en una sola página, y cambiar el idioma del texto de Módulos, Próximamente y Mostrar más:
Widget de comunidad
Si has creado un Producto de Comunidad de Kajabi en el mismo sitio que el Curso, tendrás la opción de agregar un Widget de comunidad a la plantilla del Curso para incrustar un Círculo de comunidad en el Curso:
Antes de agregar un Widget de comunidad, deberás vincular un Grupo de acceso de comunidad en la Configuración del Curso (y asegurarte de que el Grupo de acceso esté agregado a las Ofertas del Curso). Aprende a incrustar un Círculo de comunidad en un Curso.
Barra lateral del Curso
Personaliza la Barra lateral del Curso eligiendo mostrar u ocultar la barra lateral e incluyendo cualquier combinación de bloques para optimizar la experiencia del cliente con la página. Bloques de la Barra lateral del Curso:- Progreso del curso: Muestra las lecciones completadas con una imagen de la Miniatura del Curso
El color de la barra de progreso se controla mediante el color primario configurado en la Configuración de página. Ajusta la Anulación de color de acento para cambiar el color de la barra de progreso de forma independiente al color de acento de la página.
- Venta cruzada: Promociona otra Oferta directamente desde el Curso para animar a los clientes existentes a comprar. Personaliza la apariencia de la Oferta dentro del bloque de Venta cruzada en la Barra lateral:
- Bloque personalizado: Agrega un bloque personalizado en la Barra lateral para incorporar otra Oferta, mostrar una promoción, comunicar un anuncio, y más. El bloque personalizado es totalmente personalizable. Con el bloque personalizado puedes elegir incluir una imagen, texto y/o agregar una Llamada a la acción:
- Imagen: Agrega una imagen a la Barra lateral del Curso y elige incluir una Acción de imagen o dejarla en blanco para simplemente comunicar un mensaje a los clientes:
- Instructor: Incluye información del instructor para el Curso agregando una o más secciones de Instructor a la página del Curso.
Pie de página
Personaliza la sección de Pie de página de la página del Curso. Elige mostrar u ocultar el Pie de página, incluir el Copyright, agregar un Logo, mostrar un Menú y/o agregar Íconos sociales:
Agregar Íconos sociales al Pie de página
- En el encabezado de Íconos sociales, marca la casilla Show Social Icons.
- Luego, ingresa la URL completa de tus cuentas de redes sociales.
- Personaliza la apariencia de los íconos sociales.
- Haz clic en Save para guardar los cambios:
Configuración de página de Premier
La configuración de página de la plantilla agiliza la construcción y el diseño de todo el Curso al generar una configuración de página que se aplica a todas las páginas del Curso. Con Premier, esto actualizará tu favicon, tipografía, esquema de color y configuración general en:- Página principal del Curso
- Página de anuncios
- Página de módulo
- Página de lección
- Página de comentarios
- Página de búsqueda
Favicon: un pequeño ícono en la pestaña o ventana de un sitio web en un navegador.
Probablemente estés familiarizado con el favicon de los sitios que visitas con frecuencia, como el favicon azul de Kajabi en esta misma página:
Aunque agregar un favicon es sencillo, es una manera más de transmitir profesionalismo y reforzar una marca.
El tamaño ideal de archivo de imagen para favicons es 32x32 PNG.
Sin embargo, si subes una imagen más grande, Kajabi te ayudará a redimensionarla.
Nota: Ten en cuenta que el favicon puede tardar un tiempo en actualizarse.
Color Scheme es el esquema de color general en todas las páginas del Curso.
Message Colors son los colores del texto cuando aparecen diferentes mensajes para los clientes:
- Éxito
- Información
- Advertencia
- Peligro
- La barra vertical te permite seleccionar el tono.
- El cuadro te permite ajustar el brillo y la saturación.
- La barra horizontal te permite seleccionar la opacidad del color.
Personalizar la lección del Curso
- Abre la pestaña Products desde tu Dashboard.
- Selecciona el Curso.
- Haz clic en Customize.
- Abre la carpeta Installed Templates.
- Selecciona la Plantilla que deseas personalizar.
- Haz clic en Customize.
- Ve a la página Lesson en el editor haciendo clic en el menú desplegable de la barra superior.
- Selecciona Lesson en el menú desplegable:
Editor de Lección del Curso
La página de diseño de la Lección es muy similar a la página de diseño del Curso, con algunas adiciones:
- Breadcrumbs se pueden mostrar para actuar como un rastro que lleva de regreso a la página principal del Curso.
- Lesson Player se puede usar para personalizar el diseño y color del reproductor de video, el idioma, el diseño de paginación del reproductor y la función de avance automático. Aprende sobre la función de avance automático del reproductor de lección.
- Lesson Body te permite configurar la apariencia del cuerpo de tu Lección para ajustar la alineación del texto, el botón de Marcar como completado, permitir la descarga de la Lección y del Video, incluir una Llamada a la acción (CTA) y agregar Código personalizado. Nota: Si eliges eliminar el botón de Marcar como completado, el progreso del producto solo se podrá rastrear mediante el progreso de un Video o una Evaluación subidos a la Lección.
- Lesson Comments se pueden configurar para personalizar el color del texto y del botón en la sección de comentarios de la Lección del Curso.
- Lesson Sidebar te permite agregar imágenes estáticas o con enlace, información del instructor en todas las Lecciones, permitir la descarga de la Lección y del Video, y más.