Videocírculo

«Videocírculo» es un widget flotante redondo con un vídeo en la esquina inferior de su sitio web. Primero, el visitante ve un póster o una vista previa silenciosa sin sonido; al pulsar se abre una ventana con el vídeo con sonido, un texto y un botón de acción: «Pedir», «Reservar una mesa», «Inscribirse», «Preguntar en el chat» y otros.

La principal diferencia con los videowidgets habituales es que el vídeo aquí no es un archivo aparte. Es el vídeo de un artículo de su menú o catálogo, que ya está en su ficha: subido por usted o generado por IA a partir de la foto del plato. El widget no tiene un segundo almacén de vídeos, y el botón «Pedir» abre en el widget de pedido justo el plato que el visitante acaba de ver.

El widget es gratuito: no hace falta comprar una extensión aparte.

Dónde activarlo: Panel de administración → Marketing → «Mi sitio» → ficha «Videocírculo». El interruptor activa el widget y el engranaje abre los ajustes.

Instalación en el sitio#

No se requiere código propio: funciona la etiqueta común de la sección «Mi sitio»:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="SU-DOMINIO" async></script>

Una línea en <head> o antes de </body>; después, la composición de los widgets se define con los interruptores en la cuenta. Las instrucciones por plataformas (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) están en el artículo Mi sitio, sección «Instalación en plataformas populares».

La etiqueta individual del círculo está en el bloque «Avanzado»:

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="SU-DOMINIO" async></script>

Sus atributos:

⚠️ El atributo en la etiqueta prevalece sobre el ajuste en la cuenta — en otros widgets es al contrario. El círculo a menudo se coloca en una página donde la esquina ya está ocupada por maquetación ajena, y debe moverlo quien edita esa página, sin entrar en el panel de administración.

Qué ve y qué no ve la comprobación de instalación. El botón «Comprobar instalación» lee el HTML de origen de la página: encontrará el cargador común o la etiqueta individual del círculo, el código de otro local o su ausencia. La etiqueta que Google Tag Manager inserta ya en el navegador no la verá — mire el sitio con sus propios ojos.

De dónde salen los vídeos#

El vídeo del círculo es el vídeo de un artículo del menú o del catálogo. No hay una carga aparte de «vídeo para el widget», y es algo deliberado: el mismo vídeo funciona en la ficha del plato en el escaparate y en el círculo del sitio.

Para que un artículo tenga vídeo:

1. Abra el artículo en la sección «Menú» (o en el catálogo de productos) y suba el vídeo a sus medios.
2. O genere un vídeo con IA a partir de la foto del plato directamente en la ficha. La generación es una función de la ficha del plato con sus propias condiciones; el círculo no paga por ella. ⚠️ En las marcas en la nube de Yandex (cenaly.ru) no hay generación de vídeo: allí el vídeo se sube ya listo.
3. Espere a que el vídeo se procese: la plataforma crea el póster y, donde está configurado, variantes de calidad de 360p a 1080p.

Si ningún artículo tiene vídeo, el panel del círculo lo dirá y propondrá ir al menú — no habrá una vista previa inventada sin vídeo.

⚠️ El formato del archivo importa. Los navegadores reproducen con seguridad mp4, webm y m4v. Un vídeo en otro formato (por ejemplo, .mov de iPhone, .avi, .mkv) el círculo solo lo mostrará si hay variantes de calidad preparadas para él; de lo contrario, no entra en el círculo en absoluto — un círculo que se abre en «vídeo no disponible» es peor que uno ausente.

Configuración del Widget#

Los ajustes se guardan solos. Junto a los campos hay una vista previa: el círculo con el póster del primer vídeo seleccionado y la ventana desplegada con la leyenda y el botón, con las mismas palabras que verá el cliente.

Vídeos#

• Selección — lista de Artículos del Local seleccionado que tienen vídeo. Marque hasta 6 vídeos y ordénelos: el cliente los recorre con las flechas en ese orden.
• Leyenda — texto breve del vídeo (hasta 80 caracteres) en los idiomas necesarios: bajo el círculo y en la ventana desplegada.
• Botón de acción — qué hacer tras el visionado (véase la tabla a continuación). Por defecto: «Pedir», con ese mismo plato.
• Texto del botón — propio, hasta 40 caracteres en cada idioma; vacío: texto estándar según el tipo de acción.

En los ajustes del círculo se guarda el enlace al vídeo del Artículo y los datos del vídeo en el momento de la selección (formato, variantes de calidad disponibles, póster, duración), no una copia del archivo.

Botón bajo el vídeo#

⚠️ El botón funciona a través del Widget contiguo. Si el Widget al que lleva está desactivado en su caso (o es una extensión de pago sin Suscripción), el botón en el sitio no aparecerá: el cliente solo verá el vídeo. El panel marca estas acciones de antemano, y en las estadísticas del círculo se ve como un motivo aparte.

Los textos estándar de los botones y los textos de servicio del círculo están integrados en cuatro idiomas: inglés, ruso, georgiano y turco; en los demás idiomas de la página son en inglés. Sus propios textos puede definirlos en cualquier idioma.

Aspecto#

«No mostrar tras cerrar»: cuántos días permanece callado el círculo después de que el cliente lo cierre con la cruz. 0: solo hasta el final de la visita (sesión del navegador).

Cuándo mostrar#

El bloque es común con el multibotón, la llamada de vuelta y el «Escaparate en vivo»: máscaras de páginas «solo en…» y «excepto…» (hasta 20 en cada lista, * = cualquier fragmento, las excepciones tienen prioridad), retardo de hasta 600 segundos, Dispositivo (todos · ordenadores · teléfonos), horario: hasta 14 franjas propias o el horario de apertura del Local.

⚠️ Las horas se calculan en la zona horaria de la ubicación; si no se ha definido, las franjas se calculan según la hora del visitante.

Cuándo reproduce el vídeo por sí solo#

Esta es la regla principal del Widget: el contrato de velocidad: mientras el círculo no ha decidido mostrar la vista previa, en la página no hay ningún elemento de vídeo con enlace al vídeo ni ninguna petición a su archivo. El cliente descarga el póster, no el vídeo.

La vista previa silenciosa (sin sonido, en bucle) se inicia solo cuando se cumplen todas las condiciones:

1. la vista previa no está desactivada en los ajustes;
2. la página ya se ha cargado: el vídeo no le quita ancho de banda a su contenido;
3. el círculo está en la parte visible de la pantalla;
4. el cliente no tiene activado «reducir movimiento» (prefers-reduced-motion);
5. el cliente no tiene activado el ahorro de tráfico (Save-Data).

De lo contrario, en el círculo aparece el póster del vídeo. Si no hay póster (la plataforma aún no lo ha generado o el procesamiento de vídeo no está configurado), el círculo muestra el primer fotograma: es más costoso que el póster, por eso solo con las condiciones 1, 2 y 5. Si la vista previa está desactivada y no hay póster: un círculo oscuro con borde y ▶.

Calidad según la pantalla. Si para el vídeo hay variantes de 360p a 1080p, el Widget elige la adecuada: en el círculo, la ligera; en la ventana desplegada, la que corresponde a su anchura. Si no hay variantes, se reproduce el archivo original.

El sonido, solo tras pulsar el cliente. Los navegadores no permiten activar el sonido sin un gesto, y nosotros no lo eludimos.

Peso del Widget: unos 20 KB en gzip (etiqueta con async). Los archivos de los vídeos no entran en este peso.

Qué ve el visitante y qué se recopila al hacerlo#

El invitado ve el círculo en la esquina seleccionada, con un póster o una vista previa silenciada, la duración del vídeo y un texto debajo. Al pulsarlo (o con Enter / espacio desde el teclado) se abre una ventana:

• el vídeo con sonido y un botón «silenciar»;
• flechas ‹ › entre vídeos, si hay varios;
• el texto y un botón de acción;
• cerrar con la cruz, la tecla Esc o pulsando fuera de la ventana; el foco vuelve al círculo.

Al pulsar el botón de acción, la ventana del círculo se cierra y se abre el widget contiguo: dos ventanas superpuestas sobre la página de otro serían un callejón sin salida. Una pequeña cruz en el propio círculo lo oculta durante el número de días indicado.

Si en esa misma esquina ya hay uno de nuestros botones (multibotón, llamada de vuelta, pedido, reserva, cita, chat), el círculo se eleva por encima de él, y los avisos de «Escaparate en vivo» quedan por encima del círculo. El multibotón no absorbe el círculo: no es un canal de comunicación.

El widget no recopila datos personales. No tiene formularios ni campos. El pedido, la reserva o la cita hechos con el botón llegan a las mismas secciones que desde los propios widgets, por ejemplo a «Pedidos». El círculo en sí solo envía estadísticas anonimizadas: impresión, apertura, visualización con sonido de más de 3 segundos, pulsación del botón por tipo de acción (pedido, reserva, chat…) y cierre. No incluye nombres, ni contactos, ni números de vídeos. El resumen se ve en la ficha del widget en «Mi sitio».

Limitaciones#

• Un solo formato: círculo en la esquina inferior. No hay historias (stories), carrusel ni reproductor integrado en la página.
• El vídeo es solo el vídeo de un artículo del menú o del catálogo. No se puede subir «un vídeo suelto» al margen de la ficha.
• No se admiten enlaces a YouTube ni a TikTok: el reproductor ajeno instala sus propias cookies (va contra el banner de consentimiento) y pesa más de lo que permite el contrato de velocidad.
• Un vídeo no reproducible no se muestra: un formato que el navegador no reproduce, sin variantes de calidad listas, no entra en el círculo. Un círculo sin un solo vídeo reproducible no aparece en absoluto.
• En nuestro escaparate no hay círculo: allí el vídeo del plato ya está en su ficha. El círculo funciona solo en su propio sitio.
• No hay botón si no hay widget de destino: la acción lleva a un widget contiguo y, sin él, el botón no se dibuja.
• No más de 6 vídeos en un mismo círculo.
• Los textos de interfaz están en cuatro idiomas (en, ru, ka, tr); en los demás idiomas se muestran en inglés.
• La generación de vídeos con IA no está disponible en cenaly.ru: allí los vídeos son solo subidos.

Solución de problemas#

El círculo no aparece en el sitio.

1. Etiqueta no encontrada: «Comprobar instalación». «No hay código»: la etiqueta no está insertada o no está en todas las páginas de la plantilla; «código de otro local»: un data-domain ajeno. Si la etiqueta la instala GTM, la comprobación no la verá.
2. El widget está desactivado: el interruptor en la ficha «Videocírculo».
3. No hay ningún vídeo seleccionado: sin vídeos, el círculo no se dibuja.
4. Ningún vídeo es reproducible: todos los vídeos seleccionados tienen un formato que el navegador no reproduce y no hay variantes de calidad. Suba a la ficha del artículo un mp4 o espere a que se procese el vídeo.
5. El invitado cerró el círculo con la cruz: permanece oculto durante el número de días indicado (7 por defecto). Compruébelo en una ventana de incógnito o en un perfil de navegador nuevo.
6. Las condiciones de visualización descartaron la página: revise las máscaras, el dispositivo, el retardo y el horario.
7. Los cambios no han llegado: los ajustes se distribuyen por CDN con una caché de hasta 5 minutos: espere y actualice la página.

El círculo está, pero no hay botón debajo del vídeo. El widget al que lleva el botón está desactivado en el sitio (o no está pagado, si es una extensión): actívelo en «Mi sitio». Para la acción «Documento» hace falta un documento seleccionado; para «Enlace», una dirección http(s)://.

El círculo no reproduce la vista previa, solo el póster. Es lo previsto si la vista previa está desactivada, la página aún se está cargando, el círculo está fuera de pantalla o el invitado tiene activado «reducir movimiento» o el ahorro de tráfico. Compruébelo en otro dispositivo.

En la ventana pone «Vídeo no disponible». El archivo del vídeo no se cargó: el vídeo se eliminó o se sustituyó en la ficha del artículo. Abra los ajustes del círculo y vuelva a seleccionar el vídeo.

Sustituyó el vídeo en la ficha, pero en el círculo sigue el antiguo. El círculo guarda la referencia a un vídeo concreto del artículo y sus datos en el momento de la selección. Vuelva a seleccionar el vídeo; lo mismo si lo seleccionó mientras el vídeo aún se estaba procesando.

«Pedir» abre un plato que no es. El botón «Pedir» lleva por defecto al artículo cuyo es el vídeo; si cambió la acción manualmente, compruebe el artículo seleccionado en los ajustes del botón.

Preguntas frecuentes#

¿El círculo ralentizará el sitio?#

El widget pesa unos 20 KB en gzip y se carga con async. Los archivos de los vídeos no se descargan hasta que el widget decide mostrar la vista previa, y la vista previa solo se inicia después de cargar la página y solo en la parte visible de la pantalla.

¿Se puede subir un vídeo directamente al widget?#

No. El vídeo es el vídeo de un artículo del menú o del catálogo: súbalo a la ficha del artículo o genérelo a partir de la foto del plato (excepto en cenaly.ru), y selecciónelo en el círculo.

¿Qué pasará con los vídeos si desactivo el círculo o dejo la plataforma?#

Con el widget, los vídeos no desaparecen: son archivos de sus artículos del menú y el círculo solo guarda referencias a ellos. Si desactiva el widget, los vídeos siguen en las fichas de los platos. El círculo no tiene un almacenamiento aparte; no hay nada que trasladar desde él.

¿Se puede insertar un vídeo de YouTube o TikTok?#

No. El reproductor ajeno instala cookies y pesa más de lo que permite el contrato de velocidad del círculo.

¿El sonido se activa solo?#

No. La vista previa en el círculo siempre es sin sonido, y el vídeo suena solo después de que el invitado lo pulse.

¿Cuántos vídeos se pueden mostrar?#

Hasta seis en un mismo círculo. El invitado pasa de uno a otro con las flechas; cada uno tiene su propio texto y su propio botón.

¿El círculo aparecerá en el escaparate de Cenaly?#

No. En el escaparate el vídeo del plato ya está en su ficha, por eso el círculo funciona solo en su propio sitio.

¿Qué entra en las estadísticas?#

Las impresiones del círculo, las aperturas, las visualizaciones con sonido de más de 3 segundos, las pulsaciones del botón por tipos de acción y los cierres, sin datos personales y sin números de vídeos.

Secciones relacionadas#

• Mi sitio web — código de instalación y los demás widgets
• Pedido en línea en su propio sitio web — adónde lleva el botón «Pedir»
• Escaparate en vivo — placas honestas con cifras de pedidos junto al círculo
• Multibotón — todos los canales de contacto en un solo botón
• Cookies y consentimiento — por qué no insertamos reproductores de terceros