Ir al contenido principal

Agregar videos a páginas

Suban, inserten o programen videos en Kajabi Pages o en la plantilla heredada Premier.

Un bloque de video coloca su video en una página para que los visitantes puedan verlo sin salir de su sitio. Suban un video a Kajabi, inserten uno de YouTube, Vimeo o Wistia, o programen un Event Video que cambia antes, durante y después de un evento.

Esta guía cubre las páginas creadas con Website Builder y Kajabi Pages. Si sus páginas usan la plantilla heredada Premier, vayan a las secciones sobre la plantilla heredada Premier al final de este artículo.


Subir un video a un bloque de video

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Abran el editor de páginas de su página. Aprendan a abrir el editor de páginas.

  3. Hagan clic en la sección que quieren editar o creen una nueva sección.

  4. En la barra lateral, hagan clic en Add Content.

  5. Seleccionen Video.

  6. Encuentren el nuevo bloque de video al final de la sección.

  7. En el panel lateral, hagan clic en Video Actions y luego seleccionen Upload a New File o Select a Recent File.

  8. Hagan clic en Save para guardar sus cambios.

Nota: Para eliminar el video, eliminen el bloque de su página. Aprendan a eliminar un bloque.


Personalizar un bloque de video

Ajusten el ancho del bloque dentro de la sección, elijan su video y su miniatura, configuren los controles del reproductor y cambien la apariencia del bloque.

Seleccionar el video y la miniatura

  1. En el panel lateral, hagan clic en Video Actions.

  2. Seleccionen Upload a New File o Select a Recent File para elegir el video.

Lean Formatos de video compatibles con Kajabi para conocer los formatos aceptados.

Para elegir la imagen que los visitantes ven antes de que se reproduzca el video, suban una miniatura con Upload a New File o Select a Recent File. Las miniaturas pueden ser archivos GIF, JPG o PNG.

Nota: Si no agregan una miniatura, la imagen predeterminada de marcador de posición se mantiene como la miniatura del video.

Configurar los controles del reproductor de video

Elijan qué controles tendrán sus visitantes al ver su video:

  • Marquen o desmarquen Show Controls On Load para mostrar los controles del reproductor cuando la reproducción automática está desactivada

  • Marquen o desmarquen Autoplay para reproducir un video silenciado cuando se carga la página

  • Marquen Loop Video para repetir el video cada vez que termina

  • Marquen Play Button para mostrar un botón de reproducción cuando la reproducción automática está desactivada, o la insignia de volumen cuando está activada

  • Marquen Allow Full Screen para que los visitantes puedan verlo en pantalla completa

  • Marquen Show Small Play Button para mostrar un pequeño botón de reproducción en la esquina inferior izquierda del video

  • Marquen Show Playbar para mostrar una barra de reproducción

Ejemplo con todos los controles del reproductor de video activados:

5531A63A-B469-416B-8382-E59DA477FA01.png

Consejo: De forma predeterminada, el color primario de su página define el color de los controles del reproductor. Cámbienlo modificando Player accent color en el editor de la barra lateral del bloque de video.


Insertar un video de YouTube, Vimeo o Wistia

Insertar un video toma un video de una plataforma de alojamiento externa como YouTube, Vimeo o Wistia y lo publica en su página. Los visitantes lo ven en su página sin salir de su sitio.

Agregar un bloque Video Embed

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Abran el editor de páginas de su página. Aprendan a abrir el editor de páginas.

  3. Hagan clic en la sección que quieren editar o creen una nueva sección.

  4. En la barra lateral, hagan clic en Add Content.

  5. Seleccionen Video Embed.

  6. Encuentren el nuevo bloque Video Embed al final de la sección.

Pegar el código de inserción del video

  1. Abran el editor de páginas que contiene el bloque Video Embed.

  2. Hagan clic en el bloque Video Embed para abrir el editor de la barra lateral.

  3. En la barra lateral, peguen el código de inserción en el campo Embed Code.

  4. Hagan clic en Save para guardar sus cambios.


Agregar un Event Video

Un Event Video es un video que aparece en una fecha y hora determinadas. Se usa con mayor frecuencia para promocionar y lanzar webinars pregrabados.

Un Event Video genera cuatro bloques que se muestran según un horario: antes del evento, al inicio del evento, durante el evento y después de este. Mientras editan, ven los cuatro para poder revisar la secuencia. Los visitantes solo ven el bloque que corresponde a la hora actual.

Vean cómo se ve una secuencia de Event Video para los visitantes

Consejo: Para probar su propia secuencia, agreguen un bloque Event Video a su página y creen un nuevo evento en su pestaña Marketing con una hora de inicio cercana a la actual. Luego hagan clic en Preview para ver cómo se reproduce la secuencia.

Agregar un bloque Event Countdown

Primero creen un evento en su pestaña Marketing, porque el Event Video necesita un evento al cual seguir. Aprendan cómo funcionan los eventos en Kajabi.

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Abran el editor de páginas de su página. Aprendan a abrir el editor de páginas.

  3. Hagan clic en la sección que quieren editar o creen una nueva sección.

  4. En la barra lateral, hagan clic en Add Content.

  5. Seleccionen Event Countdown.

  6. Encuentren el nuevo Event Countdown al final de la sección.

Agregar el Event Video a la cuenta regresiva

  1. En la barra lateral de Event Countdown, hagan clic en Add Content.

  2. Seleccionen Event Video.

  3. Hagan clic en Edit en el nuevo reproductor de video, o usen el menú During Event para subir un video.

  4. Hagan clic en Save para guardar sus cambios.

Personalizar un Event Video

Elijan el evento y luego personalicen cada etapa de la secuencia. El ancho del bloque, el fondo, el diseño, las animaciones y Time Reveal funcionan como se describe en Ajustar el ancho del bloque, el fondo, el diseño y las animaciones más abajo.

Elegir el evento

Solo pueden seleccionar un evento que ya exista en su pestaña Marketing.

  1. En el editor del bloque de evento, abran el menú desplegable Event.

  2. Hagan clic en Edit your Events debajo del menú desplegable.

64C83BFB-4073-4FDC-BBD0-E999ED0A18C0_4_5005_c.jpeg

Personalizar el botón de llamada a la acción

Agreguen y personalicen la acción y la apariencia de un botón de llamada a la acción. Sus cambios se aplican a los botones de los bloques Before Event y After Event. Configuren el mensaje de cada botón en la propia configuración de ese bloque.

Personalizar la cuenta regresiva Before Event

Editen el texto (para que se ajuste a su idioma y su marca), el tamaño de fuente y el color de los números y las etiquetas. Hagan clic en Color Wheel para elegir un color de la paleta de su sitio.

Para usar un color personalizado, hagan clic en la rueda de color y luego ingresen su código de color RGB o usen los controles deslizantes:

  • El cuadro ajusta el brillo y la saturación

  • La barra horizontal de arcoíris selecciona el tono

  • La barra horizontal de degradado selecciona la opacidad

Personalizar el mensaje At Event Start

Personalicen lo que ven los visitantes cuando comienza el evento:

  • Event start heading

  • Event Start Button Text

0B582F5D-E4FB-48C7-AB6A-9B528152089C.png

Configurar el video During Event

Suban el video que se reproduce durante el evento, seleccionen una imagen de miniatura, personalicen el color del reproductor y elijan los controles del reproductor:

  • Show Controls On Load: muestra los controles del reproductor cuando se carga el video

  • Play button: muestra un botón de reproducción grande en el centro del video cuando se carga

  • Allow Full Screen: permite que los visitantes amplíen el video a pantalla completa

  • Show Small Play Button: muestra un pequeño botón de reproducción en la esquina inferior izquierda del video

  • Show Playbar: muestra una línea de tiempo visual del video

  • Video Settings: muestra opciones como el control de calidad y la velocidad de reproducción

Personalizar el mensaje After Event

Personalicen los mensajes que ven los visitantes cuando termina el Event Video:

  • After Event Heading: personaliza el texto del encabezado

  • After Event Button Text: personaliza el texto del botón

  • After Event Button Action: elige qué sucede cuando los visitantes hacen clic en el botón

Configurar After Event Button Action

Al igual que con la llamada a la acción, pueden elegir:

  • Llevar a los visitantes a una landing page personalizada

  • Llevar a una venta en una página de pago

  • Animar a los visitantes a descargar un archivo

  • Llevar a cualquier página web con un enlace URL

  • Abrir una ventana emergente de suscripción de dos pasos (Two-Step Opt-in Popup)

  • Enlazar a una sección de la página

Retrasar la cuenta regresiva con Countdown Offset

Countdown Offset retrasa el final de la cuenta regresiva según el tiempo que configuren. Por ejemplo, si un evento comienza a las 10:00 a. m. y configuran el desfase en 3 minutos, el temporizador de cuenta regresiva termina a las 10:03 a. m. Los registrados pueden unirse antes de que el evento comience oficialmente, como lo muestra el temporizador.

Consejo: Dejen Offset en blanco para que el temporizador de cuenta regresiva termine a la hora de su evento.


Ajustar el ancho del bloque, el fondo, el diseño y las animaciones

Estas opciones funcionan igual en los bloques Video, Video Embed y Event Video:


Agregar video con la plantilla heredada Premier

Nota: Premier es una plantilla heredada y puede estar desactualizada. Las secciones anteriores cubren las páginas creadas con Website Builder y Kajabi Pages.

En Premier, el video se agrega como una sección desde la barra lateral del editor de páginas. Las secciones siguientes explican cómo agregar un video, insertar un video y agregar un Multi-Video Launch a una página de Premier.

Agregar una sección de video con Premier

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Seleccionen la página que quieren personalizar o creen una nueva página.

  3. Hagan clic en Customize para abrir el editor de plantillas.

  4. Hagan clic en + Add Section en la barra lateral.

  5. Seleccionen Video.

  6. Hagan clic en Add.

  7. Encuentren la nueva sección al final de la página.

  8. Hagan clic en Save para guardar sus cambios.

Seleccionar el video de una sección de video de Premier

  1. Abran la sección de video.

  2. En la barra lateral, hagan clic en Video Actions.

  3. Seleccionen Upload a New File o Select a Recent File.

Lean Formatos de video compatibles con Kajabi para conocer los formatos aceptados.

Seleccionar la miniatura de una sección de video de Premier

Suban una imagen de miniatura para mostrarla como marcador de posición de su video. Si no suben una, la imagen que se muestra con la sección se mantiene como miniatura.

Personalizar el encabezado y el subencabezado de la sección de video

Editen el mensaje que se muestra encima del video.

Activar Autoplay en una sección de video de Premier

Activen Autoplay para que el video empiece a reproducirse cuando se carga la página.

Mostrar una llamada a la acción al final del video

Agreguen una llamada a la acción cuando termine su video. Personalicen el mensaje de la CTA, el color de fondo y el color del texto. Marquen Show CTA Message At Video End para activarla.

Agregar más llamadas a la acción al final del video

Seleccionen Add Video End CTA para incluir llamadas a la acción adicionales. La configuración avanzada les permite personalizar el texto, la acción, la apariencia y la configuración de Time Reveal de la CTA.

Cambiar la apariencia de la sección de video de Premier

Cambien el color de fondo y del texto, ajusten el espaciado de la sección y personalicen el color del reproductor de video.


Insertar un video con Premier

Agreguen una sección Video Embed a una página de Premier y luego peguen el código de inserción de YouTube, Vimeo o Wistia.

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Seleccionen la página que quieren personalizar o creen una nueva página.

  3. Abran el editor de páginas de su página. Aprendan a abrir el editor de páginas.

  4. Hagan clic en + Add Section en la barra lateral.

  5. Seleccionen Video Embed.

  6. Encuentren la nueva sección Video Embed al final de la página.

  7. Hagan clic en Save para guardar sus cambios.

Copiar el código de inserción del video para una página de Premier

Este ejemplo copia el código de inserción de un video alojado en YouTube:

  1. Abran el video que quieren insertar.

  2. Hagan clic en Share.

  3. Hagan clic en Embed.

  4. Hagan clic en Copy.

Pegar el código de inserción del video en una página de Premier

  1. Hagan clic en su sección Video Embed para abrir el editor.

  2. En la barra lateral, peguen el código de inserción en el campo Embed Code.

  3. Hagan clic en Save para guardar sus cambios.


Agregar un Multi-Video Launch con Premier

Un Multi-Video Launch muestra varias imágenes interactivas para que puedan diseñar una experiencia de visualización única. Úsenlo para generar expectativa, compartir avances y promocionar sus videos y productos mientras los visitantes exploran su página.

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Seleccionen la página que quieren personalizar o creen una nueva página.

  3. Abran el editor de páginas de su página.

  4. Hagan clic en + Add Section en la barra lateral.

  5. Seleccionen Multi Video Launch.

  6. Encuentren la nueva sección al final de la página.

  7. Hagan clic en Save para guardar sus cambios.

Nota: Un Multi-Video Launch muestra imágenes interactivas que llevan a los visitantes a páginas separadas que contienen sus videos. Configuren a dónde lleva cada imagen con Image Action en el editor de la barra lateral de Multi-Video Launch.

Seleccionar la imagen del Multi-Video Launch

  1. Desde el Dashboard, abran la pestaña Website y luego hagan clic en Pages.

  2. Abran el editor de páginas de su página.

  3. Hagan clic en el bloque Multi Video Launch para abrir su editor.

  4. En la barra lateral, hagan clic en Select Image.

  5. En el menú desplegable, seleccionen Upload a New File o Select a Recent File.

  6. Elijan la imagen que quieren mostrar y luego hagan clic en Save para guardar sus cambios.

Configurar el estado de la imagen del Multi-Video Launch

Configuren la imagen como Clickable, Active o Locked:

  • Clickable: la imagen activa la Image Action que configuraron cuando un visitante hace clic en ella

  • Active: los visitantes no pueden hacer clic en la imagen, pero no aparece en gris

  • Locked: la imagen aparece en gris y los visitantes no pueden hacer clic en ella

Editar la etiqueta y el título del Multi-Video Launch

  • Label: personaliza el texto que se muestra encima del título

  • Title: personaliza el título que aparece justo encima de la imagen

Configurar la Image Action del Multi-Video Launch

Una Image Action se ejecuta cuando un visitante hace clic en la imagen. Úsenla para:

  • Llevar a los visitantes a una landing page personalizada

  • Llevar a una venta en una página de pago

  • Animar a los visitantes a descargar un archivo

  • Llevar a cualquier página web con un enlace URL

  • Abrir una ventana emergente de suscripción de dos pasos (Two-Step Opt-in Popup)

  • Enlazar a una sección de la página

Elijan Open In New Window para abrir el destino en una ventana nueva cuando los visitantes hagan clic en una imagen en la que se puede hacer clic.

¿Ha quedado contestada tu pregunta?