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: octubre 10, 2022

Requisitos

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

Con HubSpot video, puedes subir videos a la herramienta de archivos y luego agregarlos a las páginas, los correos electrónicos de marketing, las publicaciones del blog y los artículos de la base de conocimientos

Puedes insertar videos de HubSpot 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 video de HubSpot 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 experiencia del visitante con tu vídeo de HubSpot, puedes mostrar un CTA o un formulario antes o después de la reproducción del vídeo. En la cuenta con una suscripción Enterprise puede mostrar la CTA o el formulario en cualquier momento del vídeo y evitar que los visitantes se lo salten

Nota: este artículo trata sobre el uso de vídeos en páginas, entradas, artículos y correos electrónicos de marketing. Obtenga más información sobre cómo añadir vídeos a las conversaciones, a los correos electrónicos individuales, a las plantillas y a los correos electrónicos secuenciales.  

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.
  • 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.
  • Para cada vídeo de la herramienta de archivos, puedes activar o desactivar las funciones avanzadas. Los nuevos archivos de vídeo cargados en el editor de contenidos tendrán activadas automáticamente las funciones avanzadas.  A continuación se describen las diferencias entre los vídeos con las funciones avanzadas activadas y desactivadas: 
  Funciones avanzadas activadas Funciones avanzadas desactivadas  

Añadir vídeos al contenido de HubSpot en los módulos de vídeo 

No disponible

 

Seguimiento del rendimiento del vídeo en HubSpot

Disponible para páginas, entradas de blog y artículos de la base de conocimientos

No disponible

 

Incluir un formulario o CTA con el vídeo

Disponible para páginas, entradas de blog y artículos de la base de conocimientos

No disponible

 

Generar un enlace directo al vídeo

No disponible

 

Límite en la herramienta de archivos

250 vídeos

Vídeos ilimitados

 

Agregar videos a correos electrónicos

El video de HubSpot 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 se enlazará con una página web donde tu destinatario de correo electrónico podrá ver tu video, que se alojará en el dominio principal para versiones web de correos electrónicos. 

  • 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, en la barra lateral del editor, 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

Agregar videos a páginas, publicaciones de blog y artículos de la base de conocimientos

Los videos pueden agregarse a publicaciones de blog, páginas y artículos de la base de conocimientos en módulos de texto enriquecido. Las áreas de arrastrar y soltar de páginas también admiten agregar videos a los módulos de video. 

Insertar un video en un módulo de texto enriquecido en una página, publicación de blog o artículo de la base de conocimiento 

Los videos de HubSpot se pueden agregar a módulos de texto enriquecido junto con texto, imágenes, enlaces u otros contenidos.  

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
    • Base de conocimientos: En tu cuenta de HubSpot, dirígete a Servicio > Base de Conocimiento.
  • Coloca el cursor sobre tu página, publicación o artículo y haz clic en Editar.
  • 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

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. Haz clic en el ícono de ancho completo fullwidth para garantizar que tu video aparezca en el ancho completo de dispositivos móviles.  
  • 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

edit-rich-text-video

También puedes agregar un formulario o un superpuesto de CTA para mostrarlo antes o después de tus video:
  • En el editor de contenido, haz clic en tu video y luego haz clic en el edit icono editar.
  • En el cuadro emergente, haga clic en el menú desplegable CTA o formulario y seleccione Llamada a la acción o Formulario.
  • Para insertar una CTA: 
    • Haga clic en Seleccionar CTA.
    • Para crear un nuevo CTA, haga clic en Crear nuevo en el panel derecho. Cree la CTA y haga clic en Guardar
    • En el panel de la derecha, seleccione una CTA recién creada o una CTA existente, y luego haga clic en Insertar
  •  Para insertar un formulario:
    • Haga clic en el menú desplegable Formulario y seleccione un formulario
    • Para crear un nuevo formulario o editar uno existente antes de seleccionarlo, haga clic en Crear o editar. Esto abrirá la herramienta de formularios en una nueva pestaña. 
  • Por defecto, la sobreimpresión aparecerá después de que el vídeo termine. Para cambiar las opciones de visualización de la superposición:
    • Si no tiene una suscripción Enterprise , seleccione untiempo de visualización de para su superposición. Puedes mostrar tu formulario o CTA antes de que tu video comience a reproducir o a la derecha después de que hayas terminado de reproducir el video. 
set-display-options-for-video
    • Si tienes una suscripción Enterprise
      • Haga clic en Editar junto a Opciones de visualización en el cuadro emergente.

add-overlay-to-video-in-hubspot

      • En el panel derecho, haga clic en el menú desplegable de la hora de visualización y seleccione una hora. Si selecciona una hora personalizada, puede especificar la hora haciendo clic en el círculo que aparece debajo del vídeo y arrastrándolo a la posición correcta, o introduciendo una hora en el campo Hora de visualización seleccionada.  
display-options-for-video
      • Para evitar que los visitantes se salten la superposición, haga clic en el menú desplegable de la opción Saltar y seleccione No permitir que los visitantes se salten el formulario/CTA. Por defecto, los visitantes podrán omitir la superposición. 

Insertar un video en un módulo de video en una página

El video de HubSpot 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 plantillas de inicio no admiten video de HubSpot, pero puedes incrustar un video externo.

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > 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 vídeo, haga clic en Editar para personalizar la información de su vídeo:

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 de CTA o formulario, puedes añadir un formulario o CTA superpuesto a tu vídeo: 
    • Haga clic para ampliar la sección de CTA o formulario
    • Haga clic en el menú desplegable CTA o formulario y seleccione un tipo de superposición
    • Para insertar un formulario, haga clic en el menú desplegable Formulario y seleccione un formulario, o haga clic en Crear nuevo para crear un nuevo formulario en la herramienta de formularios
    • Para insertar una CTA:
      • Haga clic en Seleccionar CTA.
      • Para crear un nuevo CTA, haga clic en Crear nuevo en el panel derecho. Cree la CTA y haga clic en Guardar
      • En el panel de la derecha, seleccione un CTA recién creado o un CTA existente, y haga clic en Insertar
    • Si no tiene una suscripción Enterprise, seleccione una hora de visualización para su superposición. Puedes mostrar tu formulario o CTA antes de que tu video comience a reproducir o a la derecha después de que hayas terminado de reproducir el video.

set-overlay-display-time-in-non-enterprise-hubspot-account

    • Si tienes una suscripción Enterprise :
      • Haga clic en Editar junto a Opciones de visualización en el editor de la barra lateral.

edit-enterprise-account-cta-or-form-options

      • En el panel de la derecha, haga clic en el menú desplegable Mostrar hora y seleccione una hora. Si selecciona una hora personalizada, puede especificar la hora haciendo clic en elcírculo   debajo del vídeo y arrastrándolo a la posición correcta, o introduciendo una hora en el campo Selected display time 

display-options-for-video

      • Para evitar que los visitantes se salten la superposición, haga clic en el menú desplegable de la opción Saltar y seleccione No permitir que los visitantes se salten el formulario/CTA. Por defecto, los visitantes podrán omitir la superposición. 
  •  
  • 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

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

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. Vea estas métricas en la página de detalles del contenido, en los informes personalizados y en las líneas de tiempo de los contactos. También puede filtrar las interacciones de los medios en las listas y los flujos de trabajo

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

Vistas de video en el rendimiento de la página 

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
    • Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
    • Base de conocimientos: En tu cuenta de HubSpot, dirígete a Servicio > Base de Conocimiento.
  • Haz clic en el nombre de una publicación, página o artículo para ver los detalles del Rendimiento.
  • Si hay más de un video de HubSpot en la página, en la parte superior izquierda, haz clic en el menú desplegable Video y selecciona un video
  • 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

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, y luego selecciona la casilla de comprobación Reproducción de medios.

filter-for-media-plays

Videos en informes personalizados (Marketing Hub Pro y Enterprise únicamente)

Usando el generador de informes personalizados, puedes crear informes para analizar las reproducciones de video

  • En tu cuenta de HubSpot, navega a Informes > Informes.
  • En la parte superior derecha, haz clic en Crear informe personalizado.
  • En el menú de la barra lateral izquierda, haz clic en Generador de informes personalizados.
  • Para usar eventos de comportamiento personalizados como fuente principal de datos, haz clic en el menú desplegable Fuente de datos principales y luego selecciona Elementos multimedia

    media-plays-custom-report-builder0
  • Si quieres usar los elementos multimedia como fuente no principal, puedes seleccionar Elementos multimedia de Marketing.
     
    media-secondary-source-custom-report-builder0
  • Continúa desarrollando tu informe

Reproducciones de vídeo en los informes de atribución( sólo enMarketing Hub Enterprise)

Por opción predeterminada, las reproducciones de video se incluirán en los informes de atribución de ingresos. Si se desactivó este valor de configuración, los usuarios con permisos de Acceso a la cuenta podrán volver a activar esta fuente de datos en la configuración:

  • En tu cuenta de HubSpot, haz clic en el settings símbolo de configuración, 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. Esta configuración sólo aparecerá para los usuarios con permisos de acceso a la cuenta.
  • En la sección Tipos de interacción, haz clic para activar el interruptor Reproducción de elementos multimedia.
  • Haz clic en Guardar.
  • En el cuadro de diálogo, revisa el cambio y haz clic en Guarda e iniciar reprocesamiento.

Tus informes existentes comenzarán a reprocesarse para incluir la reproducción de videos. Esto puede tardar hasta dos días, según la cantidad de datos en tu cuenta de HubSpot. HubSpot te enviará una confirmación de correo electrónico una vez que tus informes se hayan terminado de reprocesar.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.