Cómo Configurar un Video en Atomicat
Aprende a subir, configurar, insertar, administrar y analizar videos usando AtomicPlayer dentro de Atomicat. Esta guía cubre todo, desde tu primera carga hasta insertar varios videos en una sola página y revisar las analíticas de video.
¿Qué es AtomicPlayer?
AtomicPlayer es la solución integrada de alojamiento y gestión de videos de Atomicat. Te permite:
- Subir videos directamente a AtomicPlayer
- Insertar videos en cualquier lugar de tus páginas Atomicat
- Configurar autoplay y ajustes de reproducción
- Personalizar la apariencia del reproductor de video
- Ver métricas de rendimiento del video
- Administrar varios videos desde un solo panel
AtomicPlayer está diseñado para videos de ventas alojados, VSLs y páginas enfocadas en conversión. El elemento Video del Constructor de Páginas también admite YouTube, Vimeo y otros reproductores externos cuando no necesitas archivos alojados en Atomicat. Consulta la visión general de AtomicPlayer y el elemento Video para la comparación completa.
Antes de Empezar
Asegúrate de tener:
- Acceso a AtomicPlayer en tu workspace de Atomicat (barra lateral en Herramientas).
- Un archivo de video compatible y un nombre de video único (los duplicados en tu biblioteca están bloqueados).
- Una página lista en el Constructor de Páginas si planeas insertar el video.
- Permiso para publicar la página después de conectar el video.
Subiendo un Video a AtomicPlayer
Antes de usar un video en tu página, súbelo primero a AtomicPlayer.
Paso 1: Abrir AtomicPlayer
Después de iniciar sesión en Atomicat:
- Abre la barra lateral.
- Haz clic en AtomicPlayer (en Herramientas).
Llegas a la página Mis Videos, donde se listan todos los videos subidos.
Paso 2: Crear un Nuevo Video
Haz clic en + New Video en la esquina superior derecha.
Paso 3: Agregar Tu Video
En el modal de carga:
- Ingresa un Video Name (obligatorio; debe ser único en tu biblioteca).
- Navega y selecciona el archivo de video desde tu computadora.
- Inicia la carga y espera a que termine el procesamiento.
Cuando la carga se complete, el video aparece en Mis Videos con una miniatura y duración cuando estén disponibles. Los archivos grandes pueden usar carga reanudable; si una sesión expira, elimina la fila parcial y sube de nuevo. Consulta Subir un video para más detalles.
Administrando Videos
La pantalla Mis Videos lista todos los videos subidos.
Cada fila normalmente muestra:
- Vista previa de la miniatura (cuando se genera)
- Nombre del video
- Duración del video
- Menú de opciones (⋮)
Acciones del menú de opciones
| Acción | Qué hace |
|---|---|
| Analytics | Abre la pestaña Métricas de ese video. |
| Settings | Abre la pantalla de configuración del video. |
| Assign to project | Etiqueta el video para un proyecto para facilitar la organización de páginas, embudos, quizzes, productos, videos y chats MIA por campaña o cliente. |
| Delete | Elimina permanentemente el video (confirma con cuidado). |
Usa la barra de búsqueda para filtrar videos por nombre mientras escribes. También puedes hacer clic en una miniatura para ir directamente a Settings. Consulta Administrar videos.
Agregando un Video de AtomicPlayer a una Página
Una vez subido el video, conéctalo a cualquier página Atomicat.
Paso 1: Abrir el Constructor de Páginas
- Ve a Pages.
- Abre la página que deseas editar.
- Haz clic en Edit para abrir el Constructor de Páginas.
Paso 2: Agregar un Elemento de Video
Arrastra y suelta un elemento Video en el canvas de la página, o agrégalo dentro de la sección o contenedor deseado.
Paso 3: Seleccionar AtomicPlayer
En los ajustes del elemento Video:
- Abre los controles de fuente del video.
- Elige AtomicPlayer (o Use AtomicPlayer, según la versión del constructor).
Aparece un botón Select AtomicPlayer Video.
Paso 4: Seleccionar Tu Video
- Haz clic en Select AtomicPlayer Video.
- En el popup, elige el video subido de tu biblioteca.
- Guarda la página en el constructor.
El video ahora está vinculado a la página. Publica la página para que los visitantes lo vean en la URL en vivo. Consulta Insertar AtomicPlayer en páginas.
Agregando Varios Videos en la Misma Página
AtomicPlayer admite varios videos en una sola página.
Repite este flujo para cada video:
- Agrega otro elemento Video.
- Selecciona AtomicPlayer como fuente.
- Elige un video subido diferente.
Cada elemento Video funciona de forma independiente. Evita dar a varios videos comportamientos de autoplay o delay en conflicto en la misma página. Prueba la URL publicada en desktop y mobile.
Reemplazando o Actualizando un Video
Hay tres formas comunes de cambiar el contenido de video en una página existente.
Opción 1 (Recomendada)
- Abre el elemento Video en la página.
- Haz clic en el selector de video de AtomicPlayer.
- Elige un video subido diferente.
El nuevo video reemplaza al anterior. Publica la página de nuevo.
Opción 2: Cambiar el tipo de fuente del video
Si ya no quieres AtomicPlayer para ese bloque, cambia el Video player o Video source a otra opción compatible, como YouTube, Vimeo o una inserción externa. Las opciones disponibles dependen de tu plan y la configuración del elemento Video. Consulta el elemento Video.
Opción 3: Reconstruir el bloque
Elimina el elemento Video existente y agrega uno nuevo con la fuente y los ajustes correctos.
Después de cualquier cambio en los ajustes de AtomicPlayer (miniaturas, Magic Autoplay, reanudar reproducción, etc.), republica las páginas Atomicat o copia una nueva inserción externa para que los visitantes carguen la configuración actualizada.
Configurando los Ajustes del Video
Cada video subido tiene una pestaña Settings donde personalizas el comportamiento del reproductor. Ábrela desde Mis Videos → ⋮ → Settings o haciendo clic en la miniatura del video.
Después de cambiar los ajustes, haz clic en Save editions. Atomicat te recuerda actualizar el código de inserción en las páginas — en páginas Atomicat, republica; en sitios externos, copia la inserción de nuevo.
Información básica del video
| Campo | Propósito |
|---|---|
| Video Name | Identifica el activo en tu biblioteca y ajustes. |
| Language | Define textos localizados del reproductor o auxiliares, cuando se admite. |
Mini Hook
Mini Hook es una superposición de imagen temporizada opcional durante la reproducción — útil para un breve destaque visual a mitad del video (gráfico de bono, captura de testimonio o badge de urgencia) sin editar la línea de tiempo completa. Sube la imagen, define los segundos de inicio y fin en el control deslizante y haz clic en Save editions. La disponibilidad puede variar según el tipo de video y el plan. Consulta Mini Hook.
Video Data (miniaturas)
La sección Video Data maneja las imágenes estáticas alrededor de la reproducción:
| Imagen | Cuándo aparece |
|---|---|
| Initial Thumb | Póster mostrado antes de que comience la reproducción (a menos que sea reemplazado por la imagen de Magic Autoplay). |
| Pause Thumb | Imagen opcional mostrada alrededor de los estados de pausa en el reproductor. |
| Exit Thumb | Arte opcional para ciertos flujos de salida o finalización. |
Magic Autoplay usa una carga de imagen separada — no lo confundas con el póster inicial. Consulta Miniaturas, pausa e imagen de salida.
Magic Autoplay
Magic Autoplay reemplaza o complementa el autoplay nativo del navegador con un prompt diseñado:
- Standard mode — Animación integrada de Atomicat.
- Custom image or GIF — Tu propio activo creativo antes de que comience la reproducción.
Cuando el espectador interactúa, la reproducción puede reiniciarse desde el principio para que se escuche el VSL completo desde el inicio. Los navegadores aún aplican reglas de autoplay — mute suele ser necesario en mobile. Consulta Magic Autoplay.
Ajustes de inserción
Tamaño del video
- Responsive — Dimensionamiento fluido que se adapta al contenedor (recomendado para la mayoría de las landing pages).
- Fixed — Escribe width y height explícitos; ambas dimensiones son obligatorias antes de guardar.
Guidance (orientación)
- Horizontal — Presentación estándar en paisaje.
- Vertical — Presentación en estilo retrato para creativos mobile-first.
Primary color
Define el color de acento del reproductor usado en el chrome del reproductor alojado.
Opciones de reproducción
| Toggle | Comportamiento |
|---|---|
| Smart Progress | La barra de progreso se mueve más rápido al inicio y más lento al final para mejorar la percepción de duración en VSLs largos. Consulta Progreso Inteligente. |
| Autoplay | Intenta la reproducción automática; Atomicat combina esto con Mute para compatibilidad con navegadores. |
| Preload | Permite que el navegador o reproductor prepare el media antes de reproducir. |
| Mute | Inicia la reproducción sin sonido. |
| Magic Live Streaming | Agrega atmósfera simulada de live (como conteo de espectadores) a un archivo pregrabado — no es una transmisión en vivo real. Revisa el cumplimiento antes de usar. Consulta Magic Live Streaming. |
| Magic Resume | Los visitantes recurrentes pueden continuar viendo cerca de su última posición cuando el navegador lo admite. Consulta Reanudar reproducción. |
| Show Controls | Muestra u oculta los controles del reproductor. |
| Allow to Pause the Video | Escribe el permiso de pausa en la inserción. |
| Loop | Reproduce el video de nuevo cuando está activado. |
Velocidad de reproducción
Elige una velocidad de reproducción predeterminada en el dropdown (por ejemplo, 1x). Cuando se selecciona y guarda una tasa distinta a la predeterminada, se escribe en la configuración de inserción.
Dominios autorizados
Controla dónde puede cargarse el video:
- Agrega dominios específicos de tus sitios o hosts externos.
- Usa Allow all origins solo cuando aceptes intencionalmente la inserción desde cualquier dominio.
Necesario para una reproducción confiable en dominios personalizados y sitios externos. Consulta Autorizar un dominio.
Código de inserción
AtomicPlayer genera código de inserción después de que haces clic en Save editions:
- JavaScript embed code — Elemento del reproductor alojado más script de bootstrap.
- iFrame code — Formato alternativo de inserción para hosts externos.
Usa Copy embed para sitios web externos. Para páginas Atomicat normales, selecciona el video en el elemento Video y publica — normalmente no pegas el snippet manualmente.
Visualizando Métricas del Video
Abre Analytics desde el menú de opciones de la fila (⋮ → Analytics) para revisar el rendimiento.
Métricas disponibles
Según la disponibilidad de datos, el panel puede mostrar:
| Métrica | Significado |
|---|---|
| Impressions | Total de visualizaciones del reproductor de video. |
| Unique Impressions | Espectadores o sesiones distintos contabilizados para impresiones. |
| Plays | Veces que la reproducción realmente comenzó. |
| Play Rate | Reproducciones divididas por visualizaciones calificadas (la redacción sigue la interfaz). |
| Engagement | Proxies de atención o engagement estilo scroll, cuando están habilitados. |
| Minutes watched | Tiempo total visto en el período seleccionado. |
Las métricas pueden incluir inserciones externas en dominios autorizados, no solo páginas Atomicat. Las cargas nuevas pueden tardar en poblarse — espera el procesamiento antes de tomar decisiones. Consulta Métricas de video.
Filtros de tiempo
Filtra métricas por rango de fechas, por ejemplo:
- Last 7 days
- Last 14 days
- Last 30 days
- Since always
- Custom range (cuando se admite)
Los gráficos reflejan el período seleccionado. Usa ventanas de fechas consistentes al comparar cambios en los ajustes del reproductor antes y después.
Mejores Prácticas
- Sube archivos de origen de alta calidad y usa nombres claros y descriptivos.
- Define im ágenes significativas de Initial Thumb y Pause Thumb para tráfico mobile.
- Activa autoplay solo cuando encaje con la experiencia de la página; prueba autoplay muted en dispositivos reales.
- Save editions y republica después de cada cambio en los ajustes.
- Autoriza dominios antes de enviar tráfico a URLs personalizadas o inserciones externas.
- Revisa Métricas regularmente para entender la tasa de reproducción y el engagement.
- Organiza videos con Assign to project antes de escalar en embudos y páginas.
Documentación Relacionada
- Visión general de AtomicPlayer
- Subir un video
- Configuración del reproductor
- Insertar AtomicPlayer en páginas
- Aplicar video delay en una página
FAQ
¿Puedo usar el mismo video de AtomicPlayer en varias páginas?
Sí. Sube una vez en Mis Videos y luego selecciona el mismo activo en varios elementos Video en páginas diferentes. Republica cada página después de conectar o cambiar el video.
¿Puedo agregar varios videos a una página?
Sí. Agrega varios elementos Video, configura cada uno en AtomicPlayer y elige un video subido diferente por elemento. Prueba autoplay y delay para que los videos no entren en conflicto.
¿Necesito subir el video cada vez que lo uso?
No. Después de la carga, el video permanece en tu biblioteca AtomicPlayer y puede reutilizarse en cualquier página mediante el selector de video.
¿Puedo reemplazar un video sin reconstruir la página?
Sí. Abre el elemento Video, haz clic en el selector de AtomicPlayer y elige un video diferente de la biblioteca. Publica la página cuando termines.
¿Puedo insertar el video fuera de Atomicat?
Sí. Guarda las ediciones en los ajustes del video, autoriza el dominio externo, haz clic en Copy embed y pega el código JavaScript o iFrame en el sitio externo. Consulta Insertar AtomicPlayer en páginas.
¿Qué hace Assign to project?
Etiqueta el video para un workspace de proyecto para que videos, páginas, embudos y activos relacionados permanezcan organizados por campaña, cliente u oferta. Consulta Proyectos.