Agregar videos a tu contenido de HubSpot

Puede subir vídeos a la herramienta de archivos y, a continuación, añadirlos a páginas, correos electrónicos de marketing, entradas de blog y artículos de la base de conocimientos. Cuando utilices el video de HubSpot, también puedes agregar una CTA o un formulario antes o después de que se reproduzca el video.

Antes de comenzar

Antes de comenzar a trabajar con esta característica, asegúrate de que comprendes perfectamente qué pasos hay que dar con antelación, así como las limitaciones de la función y las posibles consecuencias de utilizarla.

Comprender las limitaciones y consideraciones

• Este artículo explica cómo agregar archivos de video subidos a HubSpot a tus páginas, publicaciones, artículos y correos de marketing.

  • Para añadir vídeos desde una URL o un código de inserción, más información sobre cómo insertar medios externos en HubSpot

  • Para añadir vídeos a otros recursos, obtenga más información sobre cómo añadir vídeos a conversaciones, correos electrónicos individuales, plantillas y secuencias.
    

• Los límites de video varían según la suscripción a HubSpot. Más información sobre los límites de suscripción de video y los aumentos de los límites de video. 

• Cada archivo de vídeo también está sujeto a los límites de la herramienta de archivos.

• 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 subidos como archivos .mp4 son compatibles en la mayoría de los navegadores y se reproducirán en el navegador.

• Puedes agregar videos de HubSpot utilizando el módulo de video o el módulo de texto enriquecido en los siguientes lugares:

  • Módulo de video: en CTA, correos electrónicos de marketing de arrastrar y soltar, y áreas de arrastrar y soltar en las páginas.

  • Módulo de texto enriquecido: en páginas, publicaciones de blog y artículos de la base de conocimientos.

• Para aumentar la accesibilidad de tu sitio, se recomienda agregar texto alt a los videos en la herramienta de archivos. Más información sobre la accesibilidad de los sitios web en la documentación para desarrolladores. 

• Para cada video de la herramienta de archivos, puedes activar o desactivar la configuración de características avanzadas:

  • Los archivos de video que se suban tendrán las características avanzadas desactivadas de forma predeterminada. Una vez que estos videos se agreguen al contenido, las características avanzadas se activarán automáticamente.
  • Al agregar archivos de video al contenido, los usuarios verán todos los videos de la biblioteca, aunque las características avanzadas estén desactivadas.
  • Si su cuenta alcanza el límite de funciones avanzadas, la videoteca de la opción aparecerá en gris, lo que impedirá seguir seleccionando vídeos. Puedes agregar capacidad adicional para videos con características avanzadas con el complemento de aumento del límite de video.
  • Para revisar las diferencias entre los videos con características avanzadas activadas y desactivadas, obtén más información sobre la gestión de archivos de video.

Agregar videos a correos electrónicos

El vídeo de HubSpot es compatible con el módulo de vídeo del editor de correo electrónico de arrastrar y soltar . Dado que el vídeo no es compatible con la mayoría de los clientes de correo electrónico, los vídeos añadidos a sus correos electrónicos de marketing aparecerán como una imagen en miniatura con un botón de reproducción de vídeo.

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. 

1. En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.

2. Haz clic en el nombre del correo electrónico.

3. En el editor de la barra lateral, haz clic en el módulo Video y arrástralo a tu correo electrónico.

4. En la sección Tipo de video, selecciona el video de HubSpot. 
   

Nota: agregar más de 10 videos de HubSpot, utilizando el módulo de video, en un correo electrónico puede causar problemas de renderización y envíos fallidos. Se recomienda limitar a 10 o menos videos de HubSpot por correo electrónico.

5. Para seleccionar un vídeo de la herramienta de archivos  , haz clic en Examinar vídeos y selecciona la imagen en miniatura de un vídeo existente.

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

7. Para cambiar el tamaño de tu video, en la barra lateral del editor, escribe un ancho o una altura. 

8. Para personalizar la información de tu video, en la sección Detalles del video, haz clic en Editar. 

   • En el panel derecho, pasa el cursor por encima de la imagen en miniatura y haz clic en Cambiar imagen en miniatura para cambiar la imagen de vista previa del video.

   • Haz clic en el control deslizante y arrástralo hasta un punto específico del video o haz clic en Seleccionar de archivos para agregar una nueva imagen desde tu ordenador.

   • Introduce el texto del título, la descripción y las metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.

   • Haz clic en Guardar.

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.

9. Para editar la apariencia del botón de reproducción de tu video, ve a la pestaña Estilos y haz clic en Opciones de estilo.

   • Para personalizar el botón de reproducción del video, introduce 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. 

10. Para asegurarte de que tu video aparezca en el ancho completo en dispositivos móviles, selecciona la casilla de verificación Mostrar como ancho máximo en dispositivos móviles. Los videos nunca se mostrarán en un ancho mayor que sus dimensiones originales. 

11. Para mover el video a la derecha o a la izquierda, haz clic en el menú desplegable Alineación y selecciona Izquierda, Centro o Derecha.

12. Para agregar espacio a los lados de tu video, haz clic para activar el interruptor Relleno. 

    • Selecciona la casilla de verificació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.

       

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. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.

   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.

   • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.

   • Base de conocimientos: En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.

2. Haz clic en el nombre de tu contenido. 

3. En el editor de contenido, haz clic en el módulo de texto enriquecido.

4. Haz clic en el menú desplegable Insertar y luego selecciona Video > Video de HubSpot.

5. En el panel derecho, seleccione el vídeo que desea insertar:

   • Para insertar un vídeo existente desde la herramienta de archivos , puedes utilizar la barra de búsqueda para buscar el vídeo. Luego 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.

     
     

6. Para personalizar la apariencia de tu vídeo 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 inline alignmental iconos de alineación. Haga clic en el icono fullWidth para que el vídeo se muestre en toda su anchura en los 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

Nota: no puedes agregar una CTA de botón que enlace a una CTA emergente. De lo contrario, el video no se reproducirá. 

7. Para añadir un formulario o una ventana CTA antes o después de la reproducción del vídeo:
   

   • En el editor de contenido, haz clic en tu video y luego haz clic en el edit ícono editar.

   • En el cuadro emergente, haz clic en el menú desplegable CTA o formulario y selecciona Llamado a la acción o Formulario.

   • Para añadir una CTA insertada o una CTA heredada al vídeo: 

     • En Llamada a la acción, haz clic en Seleccionar CTA.

     • Selecciona la pestaña CTA o CTA (Anteriores). 

     • Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. A continuación, crea tu CTA o CTA (anterior) y haz clic en Guardar. 

     • En el panel derecho, selecciona una CTA recién creada o una CTA existente y luego haz clic en Insertar.

   • Para añadir un formulario al vídeo:

     • Haz clic en el menú desplegable Formulario y selecciona un formulario. 

     • Para crear un nuevo formulario o editar uno existente antes de seleccionarlo, haz clic en Crear o editar. Esto abrirá la herramienta de formularios en una nueva pestaña. 

1. • Por opción predeterminada, la superposición aparecerá cuando termine el video. Para personalizar cuándo aparece la superposición y si los visitantes pueden omitir la CTA o el formulario, en la sección Opciones de visualización, haz clic en Editar. 

• • • En el panel derecho, haz clic en el menú desplegable Tiempo de muestra y selecciona una opción de tiempo.
    • Si seleccionaste un tiempo personalizado, puedes especificar el momento haciendo clic en el círculo situado debajo del video y arrastrándolo hasta la posición correcta, o introduciendo un tiempo en el campo Tiempo de muestra seleccionado. 

1. • Para impedir que los visitantes omitan la superposición, haz clic en el menú desplegable Opción de omitir y selecciona No permitir que los visitantes omitan [tipo de recurso]. Por opción predeterminada, los visitantes podrán omitir la superposición. 
      

8. Para personalizar la información de su vídeo en un módulo de texto enriquecido en las páginas:

   • En el editor de contenidos, haga clic en el vídeo y, a continuación, en el icono edit editar.

   • En el cuadro emergente, haz clic en Editar detalles del vídeo.

   • Si tiene una suscripción a Content Hub Pro o Enterprise, para generar u optimizar algunos de los detalles de sus vídeos, haga clic en el icono artificialIntelligenceIcon AI. Obtén más información sobre cómo editar los detalles de tus vídeos con IA.

8. • En la pestaña Optimización, edita los detalles de tu vídeo:

     • Título del vídeo: introduzca un título para su vídeo, que se utilizará en las páginas web, el mapa del sitio XML y al compartir el vídeo.

     • Palabras clave: haz clic en Añadir palabras clave para rellenar hashtags y metadatos cuando compartas tu vídeo y, a continuación, haz clic en Guardar.
     • Descripción SEO: introduzca una descripción SEO para utilizarla en páginas web, sitemap XML y al compartir.
     • Capítulos ( sóloContent Hub Pro o Enterprise ): haga clic para activar el interruptor Capítulos para añadir capítulos y permitir a los espectadores saltar a diferentes partes del vídeo. Más información sobre la gestión de capítulos de vídeo.
     • Miniatura: seleccione el menú desplegable Editar y, a continuación, haga clic en Cambiar marco o Reemplazar miniatura. Más información sobre la gestión de miniaturas en los vídeos.
9. Para personalizar la información de su vídeo en un módulo de texto enriquecido en entradas o artículos:
   • En el editor de contenidos, haga clic en el vídeo y, a continuación, en el icono edit editar.

   • En el cuadro emergente, haz clic en Editar detalles del vídeo.

   • En el panel derecho, pasa el ratón por encima de la imagen en miniatura y haz clic en Cambiar miniatura para cambiar la imagen de vista previa del vídeo.

   • Haz clic en el control deslizante y arrástralo hasta un punto concreto del vídeo o haz clic en Reemplazar imagen para añadir una nueva imagen.

   • Introduce el texto del título, la descripción y las metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.

   • Haz clic en Guardar.

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.

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

El vídeo de HubSpot es compatible con el módulo de vídeo añadido a un área de arrastrar y soltar en un sitio web o página de destino. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.

   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.

2. Haz clic en el nombre de tu contenido. 

3. En la barra lateral izquierda, haz clic en el icono add Agregar.

4. Haz clic para ampliar la sección Multimedia y, a continuación, haz clic en + Mostrar más para ver todos los módulos multimedia.

5. Haz clic en el módulo Video y arrástralo a tu página.
   

6. En el editor de la barra lateral, en el Tipo de video, selecciona video de HubSpot.

7. Selecciona un archivo de video para agregar a tu página:

   • Para seleccionar un vídeo de la herramienta de archivos  , haz clic en Examinar vídeos y selecciona la imagen en miniatura de un vídeo existente.

   • Para cargar un video nuevo, haz clic en Cargar y selecciona un archivo desde tu equipo. 

8. Para establecer el tamaño máximo al que puede escalarse el video, haz clic en el menú desplegable Tamaño máximo y selecciona una opción:

   • 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 valores en píxeles para sus dimensiones en las casillas Anchura máxima y Altura máxima. 

9.  Para personalizar la información de tu vídeo en el módulo de vídeo:
   • En el editor de la barra lateral, haga clic en Editar en la sección Detalles del vídeo .
   • Si tiene una suscripción a Content Hub Pro o Enterprise, para generar u optimizar algunos de los detalles de sus vídeos, haga clic en el icono artificialIntelligenceIcon AI. Obtén más información sobre cómo editar los detalles de tus vídeos con IA.

   • En la pestaña Optimización, edita los detalles de tu vídeo:

     • Título del vídeo: introduzca un título para su vídeo, que se utilizará en las páginas web, el mapa del sitio XML y al compartir el vídeo.

     • Palabras clave: haz clic en Añadir palabras clave para rellenar hashtags y metadatos cuando compartas tu vídeo y, a continuación, haz clic en Guardar.
     • Descripción SEO: introduzca una descripción SEO para utilizarla en páginas web, sitemap XML y al compartir.
     • Capítulos ( sóloContent Hub Pro o Enterprise ): haga clic para activar el interruptor Capítulos para añadir capítulos y permitir a los espectadores saltar a diferentes partes del vídeo. Más información sobre la gestión de capítulos de vídeo.
     • Miniatura: seleccione el menú desplegable Editar y, a continuación, haga clic en Cambiar marco o Reemplazar miniatura. Más información sobre la gestión de miniaturas en los vídeos.

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.

10. Para gestionar los subtítulos de tu video, haz clic en Gestionar subtítulos. Esto te dirigirá a la herramienta de archivos para agregar subtítulos a tu vídeo. Más información sobre cómo agregar subtítulos a tus vídeos. 

11. En la sección CTA o formulario, puedes agregar un formulario o CTA para superponer a tu video: 

    • Haz clic para ampliar la sección CTA o formulario . 

    • Haz clic en el menú desplegable CTA o formulario y selecciona un tipo de superposición. 

    • Para insertar un formulario, haz clic en el menú desplegable Formulario y selecciona un formulario, o haz clic en Crear nuevo para crear un nuevo formulario en la herramienta de formularios. 
      
      

• • Puedes agregar una CTA incrustada o una CTA anterior a tu video. Para insertar una CTA: 

• • • En Llamada a la acción, haz clic en Seleccionar CTA.

    • Selecciona la pestaña CTA o CTA (anteriores). 

    • Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. A continuación, crea tu CTA o CTA (anterior) y haz clic en Guardar. 

    • En el panel derecho, selecciona una CTA recién creada o una CTA existente y luego haz clic en Insertar. 

  • Para personalizar exactamente cuándo aparece la superposición para tu formulario o CTA: 

• • • En la sección Opciones, haz clic en Editar. 

• • • En el panel derecho, haz clic en el menú desplegable Tiempo de muestra y selecciona un tiempo. Si seleccionas un tiempo personalizado, puedes especificar la hora haciendo clic en el círculo situado debajo del video y arrastrándolo hasta la posición correcta, o introduciendo un tiempo en el campo Tiempo de muestra seleccionado. 

• • • Para evitar que los visitantes se salten la superposición, haz clic en el menú desplegable Opción de omitir y selecciona No permitir que los visitantes se salten el formulario/CTA. Por opción predeterminada, los visitantes podrán omitir la superposición. 

      
      

12. Para editar las opciones de reproducción de tu video, haz clic en Avanzado, luego selecciona las casillas de verificación Repetir video, Silenciar por opción predeterminada, Reproducción automática u Ocultar controles. Al utilizar la opción Reproducción automática, se recomienda seleccionar también la opción Silenciar por opción predeterminada para cumplir las restricciones del navegador. Generalmente, los videos con sonido se silenciarán o se bloqueará su reproducción automáticamente. 

    • Google Chrome: los videos de reproducción automática deben estar silenciados. Se permite que los videos visitados con frecuencia por el espectador se reproduzcan automáticamente con sonido. Más información sobre el sistema de calificación de Google.

    • Safari: los videos de reproducción automática deben estar silenciados. Los usuarios pueden elegir bloquear o permitir la reproducción automática sin silenciar para dominios específicos en su configuración. Más información sobre la gestión de los videos de reproducción automática en Safari.

    • Mozilla Firefox: los videos de reproducción automática deben estar silenciados. Los espectadores pueden elegir bloquear o permitir la reproducción automática sin silenciar para dominios específicos en su configuración. Más información sobre la gestión de los videos de reproducción automática en Firefox.

13. Para editar el color de tu botón de reproducción, haz clic en Opciones de estilo y luego introduce un valor hexadecimal o haz clic en el selector de colores y selecciona un color.

Analizar 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. Consulta estas métricas en la página de detalles del contenido, en informes personalizados y en cronologías de contactos.  También puede filtrar las interacciones de los medios en listas y workflows.

Nota: el análisis del rendimiento de los videos sólo está disponible para los videos de HubSpot. Los archivos de vídeo externos insertados con una URL o un código de inserción no generarán análisis en HubSpot.

Vistas de video en el rendimiento de la página 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.

   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.

   • Artículos de blog: En tu cuenta de HubSpot, dirígete a Contenido > Blog.

   • Base de conocimientos: En tu cuenta de HubSpot, ve a Servicio al cliente > Base de conocimientos.

2. Pasa el cursor por encima del nombre de una página, publicación o artículo y haz clic en Rendimiento. 

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

4. Si estás ejecutando una prueba A/B en la página, en la parte superior de la pestaña Rendimiento, haz clic en el menú desplegable Variación y selecciona una variación. Las visualizaciones de video no aparecerán en las páginas sometidas a pruebas A/B sin una variación seleccionada. 

5. Analizar el rendimiento del video: 

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

     
     

   • Retención de video: una medida que qué partes del contenido de tu video se reprodujeron. 

     
     

Vistas de video en un registro de contacto

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

1. En tu cuenta de HubSpot, dirígete a CRM > Contactos.

2. Haz clic en el nombre de un contacto.

3. Para filtrar la actividad del contacto por visualizaciones de video, haz clic en la pestaña Actividades. A continuación, haz clic en Filtrar actividad y selecciona la casilla de comprobación Reproducción de elementos multimedia.

Reproducciones de videos en informes personalizados (solo Marketing Hub Pro y Enterprise)

Utilizando el generador de informes personalizados  , puedes crear informes para analizar las reproducciones de vídeo:

1. En tu cuenta de HubSpot, navega a Informes > Informes.

2. Haz clic en Crear informe y, a continuación, en Generador de informes personalizados.

3. Selecciona Elegir mis propias fuentes de datos.

4. Para usar eventos personalizados como fuente principal de datos, haz clic en el menú desplegable Fuente de datos principales y luego selecciona Elementos multimedia. 

   
   

5. Si quieres usar los elementos multimedia como fuente no principal, puedes seleccionar Elementos multimedia en la sección Marketing.

    

   

6. Continúa construyendo tu informe. 

Reproducciones de video en informes de atribución (solo Marketing y Content Hub Pro o Enterprise)

Por defecto, las reproducciones de vídeo se incluirán en los informes de atribución de ingresos de . Si se ha apagado este ajuste, los usuarios con permisos de acceso a la cuenta pueden volver a encender esta fuente de datos en la configuración:

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.

2. En el menú de la barra lateral izquierda, haz clic en Seguimiento y analíticas > Atribución. Este ajuste sólo aparecerá para los usuarios con permisos de acceso a la cuenta .

3. En la sección Personalizar tipos de interacción, haz clic para activar el interruptor Reproducción de elementos multimedia.

4. Haz clic en Guardar.

5. En el cuadro de diálogo, revisa el cambio y luego haz clic en Guarda e iniciar reprocesamiento.

Tus informes existentes comenzarán a reprocesarse para incluir las reproducciones de video. 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.