Agregar videos al contenido de HubSpot
Última actualización: marzo 27, 2023
Con video de HubSpot, 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 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 interacción de un visitante con tu video de HubSpot, puedes mostrar una CTA o un formulario antes o después de que se reproduzca el video. En una cuenta con suscripción de Enterprise puedes mostrar la CTA o el formulario en cualquier momento del video y evitar que los visitantes se lo salten.
Nota: este artículo trata sobre el uso de videos en páginas, publicaciones, artículos y correos electrónicos de marketing. Obtén más información sobre cómo agregar videos a conversaciones, correos electrónicos individuales, plantillas y 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 video de la herramienta de archivos, puedes activar o desactivar funciones avanzadas. Los archivos de video nuevos que se carguen dentro del editor de contenido tendrán características avanzadas activadas automáticamente. A continuación se describen las diferencias entre los videos con las características avanzadas activadas y desactivadas:
- Puedes agregar capacidad adicional para videos con características avanzadas con el complemento de aumento del límite de video.
- Para aumentar la accesibilidad de tu sitio, puedas agregar texto alternativo a los videos en la herramienta de archivos. Más información sobre la accesibilidad del sitio web en nuestra documentación de desarrollador.
Características avanzadas activadas | Características avanzadas desactivadas | ||
Agregar videos al contenido de HubSpot en módulos de video |
✓ |
No disponible |
|
Seguimiento del rendimiento del video en HubSpot |
Disponible para páginas, publicaciones de blog y artículos de la base de conocimientos |
No disponible |
|
Incluir un formulario o CTA con el video |
Disponible para páginas, publicaciones de blog y artículos de la base de conocimientos |
No disponible |
|
Generar un enlace directo al video |
No disponible |
✓ |
|
Límite en la herramienta de archivos |
50 videos |
Videos 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.
-
- 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.
- Introduce un texto de título, una descripción y/o metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
- Haz clic en Guardar.
- 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.

- 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.
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.
-
Ve al contenido en el que quieres agregar el enlace:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
- Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
- Artículos de 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 al cliente > Base de conocimientos.
- 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 Video > Video 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.
- 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
- En el editor de contenido, haz clic en tu video y luego haz clic en el edit icono editar.
- En el cuadro emergente, haz clic en el menú desplegable CTA o formulario y selecciona Llamado a la acción o Formulario.
- Para insertar una CTA:
- Haz clic en Seleccionar CTA.
- Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. Crea la CTA 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 insertar una formulario:
- 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.
- Por opción predeterminada, la superposición aparecerá cuando termine el video. Para cambiar las opciones de presentación de la superposición:
- Si no tienes una suscripción Enterprise , selecciona un tiempo de muestra para tu 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.

-
- Si tienes una suscripción de Enterprise :
- Haz clic en Editar junto a Opciones de presentación en el cuadro emergente.
- Si tienes una suscripción de Enterprise :
-
-
- 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.
-
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.
-
Ve al contenido en el que quieres agregar el enlace:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio 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.
- 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 texto de título, una descripción y/o metaetiquetas. Esto ayudará a los motores de búsqueda a comprender el contenido de tu video.
- Haz clic en Guardar.
- En la sección CTA o formulario, puedes agregar un formulario o CTA superpuesto 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.
- Para insertar una CTA:
- Haz clic en Seleccionar CTA.
- Para crear una nueva CTA, haz clic en Crear nueva en el panel derecho. Crea la CTA 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.
-
- Si no tienes una suscripción de Enterprise, selecciona una tiempo de muestra para la 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.
-
- Si tienes una suscripción de Enterprise :
-
-
- Haz clic en Editar junto a Opciones de presentación en el editor de la barra lateral.
-
-
-
- En el panel derecho, haz clic en el menú desplegable Tiempo de muestra y selecciona un tiempo. Si seleccionas un tiempo personalizado, puedes especificar el tiempo 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.
-
- Para editar las opciones de reproducción del video, haz clic en Avanzadas y luego selecciona las casillas de comprobación Repetir video, Silenciar por opción predeterminada, Reproducción automática y/u Ocultar controles.
- 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.
Agregar subtítulos a los videos
En la herramienta de archivos, puedes agregar subtítulos en varios idiomas a los videos con las características avanzadas activadas. Esto hará que tus videos sean más accesibles para los visitantes que no puedan oír el audio o que hablen un idioma diferente. Deberás tener tus subtítulos preparados en un archivo .vtt antes de comenzar este proceso.
- En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Archivos.
- Haz clic en el nombre del video al que quieras agregar subtítulos.
- En el panel derecho, haz clic para ampliar la sección Subtítulos .
- Haz clic en Cargar subtítulos.
- En el cuadro de diálogo, haz clic en el menú desplegable Idioma de los subtítulos y selecciona un idioma.
- Haz clic en el botón Seleccionar archivo de subtítulos y luego carga tu archivo de subtítulos en HubSpot.
- Haz clic en Guardar.
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 puedes filtrar las interacciones con medios en listas y workflows.
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
-
Ve al contenido en el que quieres agregar el enlace:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
- Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
- Artículos de 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 al cliente > Base de conocimientos.
- 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.
- Retención de video: una medida de las partes del contenido de tu video que se reprodujeron.
- Vistas de video: el número de veces que tu video se cargó en tu página en el navegador de un visitante.
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 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.
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.
- 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.
- Si quieres usar los elementos multimedia como fuente no principal, puedes seleccionar Elementos multimedia de Marketing.
- Continúa desarrollando tu informe.
Reproducciones de video en los informes de atribución (solo Marketing 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 solo aparecerá para 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.
Contenido relacionado
-
Agregar código al HTML del encabezado o pie de página de contenido HubSpot
Puedes agregar fragmentos de código al HTML de encabezado o pie de página para una página o publicación de...
Base de conocimientos -
Crear y personalizar páginas
En HubSpot, puedes crear un sitio web y páginas de destino para tu sitio web. Puedes personalizar el...
Base de conocimientos -
Integrar Google Analytics con el contenido de HubSpot
Cuando integras Google Analytics con HubSpot, tu cuenta de Google Analytics recopila datos sobre los...
Base de conocimientos