Ir al contenido principal

Agregar videos a páginas

Suban, inserten o programen videos en Website Pages, Landing Pages o Funnel Pages.

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.

Nota: Si agregaron un video a páginas con la plantilla heredada Premier, consulten las instrucciones a partir de Agregar un bloque de video a una página con Premier.


Subir un video a un bloque de video

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

  2. Hagan clic en Website Pages o Landing Pages.

  3. Hagan clic en el título de la página para abrirla en el editor de páginas, o hagan clic en el ícono Customize a la derecha.

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

  5. En la barra lateral, hagan clic en Add block.

  6. Seleccionen Video en la lista de bloques. El nuevo bloque de video se agrega al final de la sección.

  7. En el panel lateral, hagan clic en Select video para abrir la Media Library.

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

  9. Hagan clic en Save para guardar sus cambios.

Nota: Para eliminar el video, quiten el bloque de su página. Aprendan a quitar 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, o en Add video si todavía no han subido ningún video.

  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.

Agregar una miniatura es opcional. La miniatura es la imagen que los visitantes ven antes de que se reproduzca el video. Para usar la suya, hagan clic en Select Image debajo del cargador de video y luego seleccionen Upload new file o Select 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. Para agregar una miniatura a un video en una lección de un curso, aprendan a subir videos a las lecciones de un curso.

Configurar los controles del reproductor de video

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

  • Activen Display controls para mostrar los controles del reproductor cuando la reproducción automática está desactivada

  • Activen o desactiven Autoplay para reproducir un video silenciado cuando se carga la página

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

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

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

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

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

  • Activen Video settings para mostrar el control de calidad y la velocidad de reproducción

Consejo: De forma predeterminada, el color primario de la configuración de marca de su sitio 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.

  2. Hagan clic en Website Pages o Landing Pages.

  3. Hagan clic en el título de la página para abrirla en el editor de páginas, o hagan clic en el ícono Customize a la derecha.

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

  5. En la barra lateral, hagan clic en Add block.

  6. Seleccionen Video Embed.

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

Usar YouTube Live en una página

YouTube Live transmite su video a los visitantes en tiempo real. Inserten la transmisión en un bloque Video Embed y los visitantes verán la transmisión en su página sin salir de su sitio. Para agregar un cuadro de chat en vivo junto a la transmisión, aprendan a crear un Funnel de webinar en vivo con un cuadro de chat de YouTube Live.

Verificar su cuenta de YouTube para transmitir en vivo

Antes de salir en vivo, confirmen que la transmisión en vivo está habilitada en su cuenta de YouTube.

  1. Inicien sesión en su cuenta de YouTube.

  2. Vayan a su YouTube Studio.

  3. Hagan clic en Settings en la esquina inferior izquierda.

  4. Seleccionen Channel.

  5. Hagan clic en Feature eligibility.

  6. Confirmen que sus Default features y Features that require phone verification estén habilitadas.

Elegibilidad de funciones de YouTube

Crear su YouTube Live

  1. En YouTube Studio, hagan clic en Create.

  2. Seleccionen Go Live.

  3. En el panel de Live, seleccionen Stream o Webcam.

  4. Ingresen un título, configuren la hora y la fecha, y seleccionen el tipo de público.

  5. Hagan clic en Next para abrir la vista previa de la transmisión.

  6. Para subir una miniatura personalizada o volver a tomarla, pasen el cursor sobre la imagen y seleccionen una opción.

Copiar el código de inserción de YouTube Live

  1. Cuando terminen de completar los detalles de la transmisión en vivo, hagan clic en Share.

  2. Hagan clic en el ícono copy junto al enlace de su video.

  3. Peguen el enlace del video en una nueva pestaña del navegador.

  4. Hagan clic en Share justo debajo del reproductor de video.

  5. Hagan clic en Embed.

  6. Hagan clic en Copy.

  7. Peguen el código de inserción en el bloque de código de su página.

Nota: Deben permitir la inserción para que su video se reproduzca directamente desde su página. Si la inserción está desactivada, se pedirá a los visitantes que abran el video en YouTube.


Quitar los subtítulos de un video

Quiten los subtítulos de un video cuando necesiten reemplazarlos o ya no los quieran. Los subtítulos se guardan como una transcripción en el video.

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

  2. Hagan clic en Website Pages o Landing Pages.

  3. Hagan clic en el título de la página para abrirla en el editor de páginas, o hagan clic en el ícono Customize a la derecha.

  4. Hagan clic en la sección que contiene el video y luego hagan clic en el bloque de video para abrir su editor de la barra lateral.

  5. En la barra lateral, hagan clic en Video actions.

  6. Seleccionen Closed captions.

  7. Seleccionen la pestaña Transcriptions.

  8. En la lista de transcripciones, seleccionen la transcripción que quieren quitar.

  9. Abran el menú de más opciones (...) junto a la lista de transcripciones.

  10. Seleccionen Delete Transcription.

  11. En la confirmación Delete transcript?, hagan clic en Delete transcript.

Advertencia: Eliminar una transcripción no se puede deshacer. Si crearon traducciones o doblajes a partir de la transcripción, deberán volver a generarlos.


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.

  2. Hagan clic en Website Pages o Landing Pages.

  3. Hagan clic en el título de la página para abrirla en el editor de páginas, o hagan clic en el ícono Customize a la derecha.

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

  5. En la barra lateral, hagan clic en Add block.

  6. Seleccionen Event Countdown.

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


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?