Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Agregar videos al contenido de HubSpot

Última actualización: junio 15, 2021

Requisitos

Marketing Hub  Professional, Enterprise
Service Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise

Con HubSpot Video, puedes cargar videos a tu herramienta de archivos y luego agregarlos a páginas, correos electrónicos de marketing, publicaciones de blog y artículos de la base de conocimientos. 

Puedes insertar HubSpot Videos en el módulo de video en correos electrónicos de marketing con funcionalidad de arrastrar y soltar y arrastrar y soltar áreas en páginas. El HubSpot Video también es compatible con módulos de texto enriquecido en páginas, publicaciones de blog y artículos de la base de conocimientos. 

Para personalizar la interacción de un visitante con HubSpot Video, puedes mostrar una CTA o un formulario antes o después de que se reproduzca el video.

Nota: HubSpot Video está impulsado por Vidyard y es independiente de Vidyard para la integración de HubSpot, que es una característica de pago separada para los clientes de Vidyard. Los videos de tu cuenta de Vidyard no aparecen en la herramienta de archivos en HubSpot.

Antes de comenzar

  • Este artículo cubre cómo agregar archivos de video cargados a HubSpot a tu contenido de HubSpot. Para agregar un video externo desde una URL o un código de incrustación, descubre más información sobre cómo incrustar medios externos en HubSpot.
  • Para usar la característica de HubSpot Video, cada usuario que desee agregar videos a su contenido debe activar HubSpot Video y aceptar los términos de servicio de Vidyard.
  • Las cuentas tienen un límite de 250 videos para contenido alojado en HubSpot. Si integran una cuenta de Vidyard pagada, este límite se determina por el límite de la suscripción de Vidyard.
    • Este límite no se aplica a los videos agregados a tu correo electrónico, plantillas o secuencias individuales.
    • Solo los videos con la opción Permitir la incrustación, el intercambio y el seguimiento activa, en tu herramienta de archivos, cuentan para el límite de 250 videos máximo.
    • Los archivos de video nuevos que se carguen dentro del editor de contenido tendrán la opción Permitir la incrustación, el intercambio y el seguimiento activada automáticamente.
  • Cada navegador admite distintos tipos de archivos y en algunos casos descargará el archivo de video en lugar de reproducirlo en el navegador. Los videos cargados como archivos .mp4 son compatibles en la mayoría de los navegadores y se cargarán y reproducirán en el navegador.
  • Cada video está sujeto a las limitaciones de la herramienta de archivos.

Agrega HubSpot Video a un módulo de video en un correo electrónico

HubSpot Video es compatible en el módulo de video del editor de correo electrónico de arrastrar y soltar. Dado que el video no es compatible con la mayoría de los clientes de correo electrónico, los videos agregados a tus correos electrónicos de marketing aparecerán como una imagen miniatura con un botón de video. Esta imagen miniatura enlaza a una página web donde tu destinatario de correo electrónico puede ver tu video.

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en el nombre del correo electrónico.
  • En el editor de la barra lateral, haz clic en el módulo Video y arrástralo a tu correo electrónico.
  • En la sección Tipo de video, selecciona el video de HubSpot.

add-hubspot-video-to-email-1

    • Para seleccionar un video de tu herramienta de archivos, haz clic en Explorar videos y selecciona la imagen en miniatura de un video existente.
    • Para cargar un video nuevo, haz clic en Cargar y selecciona un archivo desde tu equipo. Luego haz clic en la imagen de miniatura del video.
  • Para cambiar el tamaño de tu video, escribe un ancho o una altura. 
  • Para personalizar la información de tu video, en la sección Detalles del video, haz clic en Editar

Nota: los cambios realizados en los detalles de tu video se aplicarán en cualquier parte del video que sea utilizada en las herramientas de contenido de HubSpot.


    • En el panel derecho, haz clic en Cambiar imagen en miniatura para cambiar la imagen de vista preliminar de tu video.
    • Haz clic en el control deslizante y arrástralo a un punto específico del video o haz clic en Cargar imagen personalizada para agregar una nueva imagen desde tu equipo. En la imagen en miniatura, haz clic en Listo.
    • Introduce un nombre de archivo, título y/o descripción. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
    • Haz clic en Listo.

edit-your-video-details

  • Para editar la apariencia del botón de reproducción del video, haz clic en Opciones de estilo.
    • Para personalizar el botón de reproducción del video, ingresa un valor hexadecimal o haz clic en el selector de color para seleccionar un color.
    • Para personalizar el tamaño del botón de reproducción, ingresa un valor de píxel o haz clic en el control deslizante y arrástralo a una nueva posición. La vista preliminar del botón de reproducción puede tardar unos segundos para actualizar. 
email-video-module-style-options
  • Para asegurarte de que tu video aparezca en el ancho completo en dispositivos móviles, selecciona la casilla de comprobación Mostrar como ancho máximo en dispositivos móviles. Los videos nunca se mostrarán en un ancho mayor que sus dimensiones originales. 
  • Para mover el video a la derecha o a la izquierda, haz clic en el menú desplegable Alineación y selecciona Izquierda, Centrar o Derecha.
  • Para agregar espacio en los lados de tu video, haz clic para activar el interruptor Relleno
    • Selecciona la casilla de comprobación Aplicar a todos los lados para aplicar el mismo relleno a todos los lados del video.
    • Introduce los valores del píxel para el relleno en los campos de texto Superior, Inferior, Izquierdo o Derecho.

add-padding-to-video-module

Agrega HubSpot Video a un módulo de video en una página

HubSpot Video es compatible en el módulo de video agregado a un área de arrastrar y soltar en un sitio web o página de destino. Las páginas de destino creadas con una plantilla de inicio no admiten HubSpot Video, pero puedes incrustar un video externo.

  • En tu cuenta de HubSpot, navega a Marketing > Sitio web > Páginas del sitio web o Páginas de destino.
  • Coloca el cursor sobre la página de destino y haz clic en Editar.
  • En el editor de la barra lateral, haz clic en el módulo Video y arrástralo a tu página.

add-video-to-a-page-1

  • En el editor de contenido, haz clic en el módulo de video.
  • En el editor de la barra lateral, en el Tipo de video, selecciona video de HubSpot.
  • Seleccionar un archivo de video para agregar a tu página:
    • Para seleccionar un video de tu herramienta de archivos, haz clic en Explorar videos y selecciona la imagen en miniatura de un video existente.
    • Para cargar un video nuevo, haz clic en Cargar y selecciona un archivo desde tu equipo. 
  • Selecciona el tamaño máximo de tu video: 
    • Tamaño original: el video no se mostrará más grande que su tamaño original.
    • Ancho completo: el video ocupará todo el ancho del dispositivo en el que se está viendo.
    • Personalizado: el video no excederá un ancho y alto específicos establecidos en el editor de la barra lateral. Introduce los valores del píxel para estas dimensiones en los campos de texto Ancho y Alto
  • En la sección Detalles del video, haz clic en Editar para personalizar la información de tu video. 

Nota: los cambios realizados en los detalles de tu video se aplicarán en cualquier parte del video que sea utilizada en las herramientas de contenido de HubSpot.


    • En el panel derecho, haz clic en Cambiar imagen en miniatura para cambiar la imagen de vista preliminar de tu video.
    • Haz clic en el control deslizante y arrástralo a un punto específico del video o haz clic en Cargar imagen personalizada para agregar una nueva imagen desde tu equipo. En la imagen en miniatura, haz clic en Listo.
    • Introduce un nombre de archivo, título y/o descripción. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
    • Haz clic en Listo.

edit-your-video-details

  • En la sección Superponer, selecciona Formulario o Llamada a la acción para agregar un formulario o CTA superpuesto a tu video.
  • Para editar el color de tu botón de reproducción, haz clic en Opciones de estilo y luego escribe un valor hexadecimal o haz clic en el selector de colores y selecciona un color.

edit-your-play-button-s-color

  • Haz clic en Aplicar cambios

Agregar HubSpot Video a un módulo de texto enriquecido (páginas, publicaciones de blog, artículos de la base de conocimientos)

HubSpot Video es compatible con módulos de texto enriquecido en páginas de sitio web, páginas de destino, publicaciones de blog y artículos de la base de conocimientos. 

  • En tu cuenta de HubSpot, navega a páginas de destino, páginas de sitio web, blog o base de conocimientos electrónico.
  • En el editor de contenido, haz clic en el módulo de texto enriquecido.
  • Haz clic en el menú desplegable Insertar y luego selecciona VideoVideo de HubSpot.
  • En el panel derecho, selecciona un video para insertar:
    • Para insertar un video existente de la herramienta de archivos, haz clic en la imagen de miniatura del video.
    • Para insertar un video nuevo, haz clic en Cargar videos y selecciona un video de tu equipo. Luego haz clic en la imagen de miniatura del video.

add-video-to-content

  • Si no has activado las características de HubSpot Video, aparecerá un cuadro de diálogo. Haz clic en Activar nuevas características para activar el HubSpot Video para tu usuario y acepta los términos de servicio. 
  • Puedes personalizar la apariencia de tu video en la barra de herramientas de texto enriquecido: 
    • Para editar el color del botón de reproducción del video, haz clic en el menú desplegable backgroundColor color del reproductor y selecciona un color. Para introducir un valor hexadecimal o valor de color RGB, navega a la pestaña Avanzado. 
    • Para ajustar la posición de tu video dentro de un bloque de texto, haz clic en los inlinealignmental íconos de alineación.
    • Para cambiar el tamaño de tu video, escribe valores de píxel para el ancho y el alto. 
    • Para editar el relleno alrededor de tu video, haz clic en el menú desplegable Espaciado e introduce valores de píxel alrededor de los bordes del icono de imagen

Agrega un formulario o una CTA a tu video (páginas, publicaciones de blog y artículos de la base de conocimientos únicamente)

Puedes agregar una CTA o un formulario en la parte superior de tu Video de HubSpot. Esta superposición se puede mostrar antes de que tu video comience a reproducirse o después de que finalice. 

Hay algunas limitaciones para las CTA y los formularios que puedes agregar: 

  • Deberás crear una nueva CTA o formulario.
  • Una CTA superpuesta utilizará el estilo del botón y no admite una imagen personalizada.
  • Un formulario superpuesto solo recopila los campos Nombre, Apellido y Correo Electrónico.
  • Los formularios que se superponen no activan notificaciones de formularios. Crearán o actualizarán un contacto si el campo Correo electrónico está incluido o has permitido crear formularios para crear contactos sin una dirección de correo electrónico

Para agregar una superposición a tu video:

  • En el editor de contenido, haz clic en tu video y luego haz clic en Editar.
  • En la sección Transparencia, selecciona Llamado a la acción o Formulario.
  • Haz clic en Crear CTA/formulario.
  • En el panel derecho, haz clic en  Crear nuevo y luego crea tu nuevo contenido de superposición:
    • Crea un botón CTA y luego haz clic en Guardar
    • Personaliza el nombre, el estilo de la fuente, el mensaje de encabezado y el mensaje de agradecimiento en línea. Después de personalizar tu formulario, haz clic en Agregar formulario.
  • Mostrar tiempo: selecciona esta opción para mostrar este contenido justo antes de que tu video comience a reproducirse o justo después de que haya terminado de reproducirse.

add-form-or-cta

Analiza el rendimiento de los videos (solo páginas, publicaciones de blog y artículos de la base de conocimientos)

Nota: las visualizaciones de video actualmente no están disponibles para los videos agregados a los correos electrónicos de marketing. 


Después de agregar un video a tu página de HubSpot, publicación de blog o artículo de conocimiento, puedes analizar el rendimiento del video a través de métricas, como el recuento de vistas y la retención de videos. Ver estas métricas en la página de detalles del contenido, en informes personalizados y en cronologías de contactos. 

Vistas de videos. 

  • Analizar el rendimiento del video: 
    • Vistas de video: el número de veces que tu video se cargó en tu página en el navegador de un visitante.

      video-views-on-performance-page
    • Retención de video: una medida de las partes del contenido de tu video que se reprodujeron.

      video-analytics

Vistas de Video en un registro de contacto

Nota: las actividades de video en la cronología de contactos y los informes personalizados solo están disponibles para HubSpot Video. A los archivos de video externos incrustados con una URL no se les hará seguimiento de la misma manera.

Para ver las vistas de video en un registro de contacto:

  • En tu cuenta de HubSpot, dirígete a Contactos > Contactos.
  • Haz clic en el nombre de un contacto.
  • Para filtrar la actividad del contacto por vistas de video, haz clic en Filtrar actividad.

filter-by-video-views

Visualizaciones de videos en informes personalizados (solo Marketing Hub Enterprise)

Nota: las actividades de video en la cronología de contactos y los informes personalizados solo están disponibles para HubSpot Video. A los archivos de video externos incrustados con una URL no se les hará seguimiento de la misma manera.

En el generador de informes personalizados, puedes seleccionar Video como fuente de datos en un informe personalizado.

Los usuarios con permisos de Acceso de cuenta pueden habilitar esta fuente de datos en tu configuración de Seguimiento y analíticas:

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, haz clic en Seguimiento y analíticas > Atribución.
  • En la sección Tipos de interacción, haz clic para activar el interruptor Video visto.
  • Haz clic en Guardar.