Multibutton

Multibutton es un único botón flotante en la esquina del sitio que, al pulsarlo, se despliega en un abanico de canales de contacto: WhatsApp, Telegram, Viber, VK, redes sociales, teléfono, correo, cualquier enlace suyo, y acciones de nuestros propios widgets («escribir en el chat», «hacer un pedido», «reservar»).

También resuelve un problema suyo: cada widget dibuja su propio botón en la misma esquina inferior y, al activar el chat, el pedido y la llamada de vuelta, obtiene una pila de botones que se empujan entre sí. El multibutton elimina la pila: los canales de los widgets absorbidos viven en su abanico y sus propios botones se apagan.

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

Dónde activarlo: Panel de administración → Marketing → «Mi sitio» → tarjeta «Multibutton». El interruptor activa el widget, el engranaje abre los ajustes; el botón «Llevar a la barra lateral» da al widget su propia entrada de menú.

Instalación en el sitio#

No hace falta 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>; la composición de los widgets se define después con los interruptores en la cuenta. Las instrucciones por plataforma (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) están en el artículo Mi sitio, sección «Instalación en plataformas populares».

⚠️ Para el multibutton la etiqueta común es especialmente importante. Reúne a los vecinos bajo sí misma, pero solo puede absorber a los que realmente se hayan cargado en esa misma página. Si el chat está insertado en unas páginas y el pedido en otras, el abanico será distinto en ellas. El cargador común levanta los widgets en el orden correcto y el multibutton en último lugar, cuando los vecinos ya están listos.

También existe la etiqueta individual multibutton/v1.js (bloque «Avanzado»), y tiene sus propios atributos: data-color, data-icon (emoji en el botón), data-label, data-position="left|right", data-lang y data-keep-fabs="1" — no apagar los botones propios de los vecinos. El atributo de la etiqueta siempre prevalece sobre el ajuste de la cuenta.

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: cargador común encontrado / solo etiquetas individuales / código de otra local / no hay código. La etiqueta que inserta Google Tag Manager ya en el navegador no la verá: no es un error, compruebe el sitio a simple vista.

Configuración del widget#

Los ajustes se guardan solos, no hay un botón «Guardar» aparte. A la derecha de los campos hay una vista previa en vivo del abanico.

Aspecto#

Color del botón, icono emoji en él, esquina de la pantalla y etiqueta (que también es la etiqueta para lectores de pantalla).

Canales del abanico#

Constructor de la lista: añadir, eliminar, reordenar ↑↓. Máximo: 12 canales. Tres familias:

El elemento «Escribir a soporte» abre la pestaña «Solicitudes» de la ventana de chat: las solicitudes no tienen un botón aparte, por eso el elemento está disponible con el chat activado. Si las solicitudes del local están desactivadas, abrirá un chat normal, y el constructor lo indicará justo junto al elemento.

Cada canal tiene una etiqueta (por separado para cada idioma del sitio) y un indicador de dónde mostrar: en todas partes · solo en ordenadores · solo en teléfonos.

El borrador del primer mensaje existe en WhatsApp y Telegram: el texto que el visitante encontrará ya escrito. Admite las sustituciones {url} y {title}: la dirección y el título de esa página desde la que se pulsó (se sustituyen en el momento del clic, no al renderizar). Máximo: 300 caracteres.

Globo de invitación#

Una frase corta junto al botón («¿Tiene alguna pregunta?»): es lo que invita al visitante a pulsar, porque un botón silencioso en la esquina simplemente pasa desapercibido. El texto se define por separado para cada idioma; un texto vacío significa que no hay globo en absoluto.

Se configuran el retardo hasta que aparece el globo y la pausa entre apariciones. La pausa se cuenta por visitante, no por sitio: la marca de aparición vive en su navegador, así que la invitación no se convierte en un banner que salta en cada página de cada visita.

Línea «Abierto ahora»#

En la cabecera del abanico desplegado hay una línea sobre el horario: «Abierto hasta las 22:00», «Cerrado · abrimos a las 10:00», «Cerrado · abrimos el lunes a las 10:00». Las horas se toman de la ficha del local (el horario junto con las excepciones): no hay copia en los ajustes del widget, a propósito.

Dos valores: auto (por defecto: la línea aparece si el horario está rellenado) y no mostrar. El estado se recalcula en cada despliegue del abanico, no una sola vez al cargar: el botón permanece en la página durante horas, y «Abierto hasta las 22:00» a las 22:30 es exactamente la mentira por la que se deja de creer también en lo demás. Si el horario del local no está rellenado, la línea no aparece en absoluto (no se puede declarar el establecimiento cerrado en su propio sitio).

Cuándo mostrar#

El bloque es común con la llamada de vuelta y el «Escaparate en vivo»:

• páginas: máscaras de dirección «solo en…» y «excepto…», * = cualquier fragmento, hasta 20 máscaras en cada lista; las excepciones pesan más que los permisos;
• retardo: 0…600 segundos tras cargar la página;
• dispositivo: todos · solo ordenadores · solo teléfonos (umbral: 480 px);
• horario: hasta 14 ventanas propias «días + de… a…» o el horario del local.

⚠️ Las horas se cuentan en la zona horaria de la ubicación; si la zona del local no está definida, las ventanas se cuentan según la hora del visitante, y el panel lo dice claramente. Si se elige «horario del local» y el horario no está rellenado, el horario no limita nada y el botón permanece visible. Una lista vacía de ventanas propias, en cambio, significa «mostrar nunca».

La composición del abanico se recalcula en cada apertura: entre aparición y aparición, al visitante le da tiempo a girar el teléfono e irse a una página donde el botón no debería estar.

Disposición en el teléfono#

Sección «📱 Disposición en el teléfono»: botón redondo (por defecto) o barra inferior: una franja con los cuatro primeros canales con etiquetas y un botón «Más» con el cajón del resto. En pantalla ancha siempre hay abanico; girar el teléfono cambia la disposición al vuelo. En la vista previa se ve el límite real «en la barra / bajo "Más"» y la línea «en la barra entrarán N de M».

La barra se comporta con cuidado en una página ajena: se coloca por encima de la barra fija ajena de abajo, si la hay, se oculta al desplazar hacia abajo y vuelve al desplazar hacia arriba, respeta la zona segura del iPhone y desaparece por completo si no queda ningún canal.

Mostrar también en nuestro escaparate#

Interruptor aparte (por defecto desactivado). La multibutton es el único widget con este ajuste, y el motivo es la honestidad: en nuestro escaparate absorbe los botones nativos —la burbuja del chat y el auricular de la llamada de vuelta—, es decir, cambia la esquina de la pantalla que usted ya había configurado. Algo así no se activa por usted en silencio.

Qué ocurre tras pulsar#

El visitante despliega el abanico y elige un canal:

• mensajería, red social o su enlace — se abre en una pestaña nueva; la conversación continúa allí adonde lleva el canal. Si el canal tiene definida una plantilla de mensaje, el campo del visitante ya está rellenado;
• teléfono y correo — se abren en la pestaña actual con la aplicación estándar del dispositivo (de lo contrario, el navegador abriría y cerraría al instante una ventana vacía);
• acción de nuestro widget — en la misma página se abre el chat, el formulario de llamada de vuelta, la cesta, la reserva o la cita. Los datos llegan allí adonde suelen llegar: la conversación — a «Chat», el pedido — a «Pedidos», la reserva — a «Mesas», la cita — a «Citas», el número de llamada de vuelta — a «Solicitudes».

La multicontacto no recoge datos propios: solo lleva al visitante hasta el canal. Lo que cuenta son los clics, y se ven en su propio panel en el bloque «Clics de 30 días»: cuántas veces se mostró el botón, cuántas veces se desplegó el abanico y cuántas pulsaciones correspondieron a cada canal. En estas estadísticas no hay ni la dirección del canal, ni el texto del mensaje, ni la página del visitante — solo el tipo de canal y el número.

Limitaciones#

• Abanico vacío = no hay widget. Mientras no se defina ningún canal, el botón no se dibuja en absoluto: un botón vacío en la esquina del sitio de otro es peor que su ausencia.
• No más de 12 canales, el texto de la plantilla — no más de 300 caracteres.
• El canal-acción vive solo mientras vive el propio widget. Apague el chat — el punto «Abrir chat» desaparecerá de los ajustes en el primer guardado y no volverá por sí solo, hay que añadirlo de nuevo. En tiempo de ejecución, la multicontacto también comprueba al vecino antes de cada despliegue: si no se ha levantado — el punto no estará, para que no quede un botón detrás del cual no hay nada.
• La absorción de los botones de los vecinos es visual. La multicontacto oculta sus botones flotantes, pero los propios widgets siguen funcionando; se puede desactivar la absorción con el atributo data-keep-fabs="1" en la etiqueta individual.
• La plantilla de mensaje es solo para WhatsApp y Telegram. En los demás canales el campo se ignora: en WhatsApp el prerrellenado está documentado, en Telegram los clientes lo admiten de forma distinta, y los demás no lo admiten en absoluto. Una dirección de página muy larga se entrega sin sustitución — un enlace que funcione es más importante que el texto.
• Solo se permiten direcciones seguras: https, http, tel, mailto y viber. Todo lo demás se descarta — tanto en la vista previa de la cuenta como en el sitio, porque la comprobación es una sola.
• En nuestro escaparate la multicontacto se muestra solo con un interruptor aparte, y el punto «llamada desde el navegador» no vive allí en su abanico en absoluto: en el escaparate no hay ventana para él.
• La línea «Abierto ahora» no sustituye al horario. Lee las horas de la ficha del local; si no están rellenadas — la línea no aparecerá, pero el botón se quedará.

Solución de problemas#

El botón no está 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 otra ubicación» — un data-domain ajeno en la etiqueta. Si la etiqueta la pone GTM — la comprobación no la verá.
2. Los cambios no han llegado — los archivos de los widgets se sirven a través de CDN con caché de 5 minutos: espere y actualice la página limpiando la caché.
3. El widget está apagado o la lista de canales está vacía — un abanico vacío no se dibuja.
4. Las condiciones de visualización han descartado la página — compruebe las máscaras (las exclusiones son más fuertes que los permisos), el dispositivo y el retardo.
5. El horario está cerrado — ahora está fuera de la ventana. Compruebe sus ventanas o el horario en la ficha del local.
6. La zona horaria del local no está definida — entonces las ventanas se calculan según las horas del visitante, y el botón aparece cuando no lo esperaba.

Falta un punto en el abanico.

• El punto-acción ha desaparecido — el widget correspondiente está apagado: actívelo y añada el canal de nuevo, por sí solo no volverá;
• el punto está marcado como «solo para teléfonos» (o al contrario) — ha actuado el filtro de dispositivo del canal;
• el vecino no ha llegado a levantarse (red lenta, restricciones de seguridad de su página) — actualice la página; de forma permanente ayuda una etiqueta única en lugar de las individuales.

En la esquina siguen habiendo dos botones. Significa que el vecino no tiene el punto-acción correspondiente en el abanico: solo se absorben aquellos widgets cuyas acciones están en el abanico. Añada el punto necesario. La situación inversa — el botón del vecino no hace falta, pero la absorción está desactivada con el atributo data-keep-fabs="1": quite el atributo.

La barra en el teléfono tapa el panel de otro. La barra busca por sí misma una franja fija ajena en la parte inferior y se coloca encima de ella, repitiendo la medición varias veces tras la carga. Si el panel ajeno aparece muy tarde, cambie al botón redondo — este no participa en el marcado de la parte inferior de la página.

La nube no se muestra. Compruebe que el texto está definido para el idioma de la página, y que no ha expirado la pausa definida entre visualizaciones — se cuenta para un visitante concreto, en su navegador.

La estadística está vacía. Los clics se envían por lotes y con retardo, no de uno en uno; el contador muestra 30 días y se va rellenando a medida que los visitantes pulsan.

Preguntas frecuentes#

¿Cuánto cuesta?#

Nada. El multibotón es gratuito y no requiere una extensión aparte, a diferencia de alternativas que lo venden como un producto independiente.

¿Cuántos canales se pueden añadir?#

Hasta doce. El orden lo define usted con las flechas ↑↓, y ese mismo orden determina qué cuatro canales aparecerán en la barra inferior del teléfono.

¿Adónde llegan los mensajes de los mensajeros?#

Adonde lleva el canal: WhatsApp, a WhatsApp; Telegram, a Telegram. Si quiere ver la conversación en su cuenta, conecte esos canales en la sección «Chat»: entonces los mensajes llegarán a la bandeja de entrada común y en el abanico podrá poner la opción «Abrir chat».

¿El multibotón ocultará los botones de otros widgets?#

Sí, y esa es su finalidad: los botones de aquellos widgets cuyas acciones están en su abanico se atenúan para que no se amontone una pila en la esquina. Los widgets siguen funcionando, y en una etiqueta individual el comportamiento se desactiva con el atributo data-keep-fabs="1".

¿Se pueden mostrar canales distintos en el teléfono y en el ordenador?#

Sí, cada canal tiene el indicador «dónde mostrar»: en todas partes, solo en ordenadores o solo en teléfonos. La composición del abanico se recalcula cada vez que se abre, por lo que girar el teléfono se tiene en cuenta al instante.

¿Qué ocurre si el visitante pulsa «Escribir en WhatsApp» desde un portátil?#

Se abrirá la versión web del mensajero en una nueva pestaña, con el texto ya insertado si ha definido una plantilla.

La línea «Abierto hasta las 22:00», ¿de dónde toma el horario?#

De la ficha del local: el mismo horario con excepciones que ve el visitante en el escaparate. En el widget no se configuran horarios por separado, para que no haya dos versiones distintas. Si el horario no está rellenado, la línea simplemente no aparecerá.

¿En qué idioma hablará el abanico?#

Los rótulos de los canales y el bocadillo los define usted mismo por idiomas; el idioma de la página lo determina el widget por su marcado (o por el atributo data-lang). El nombre del día de la semana en la línea «Abierto ahora» lo toma del navegador en el idioma de la página.

Secciones relacionadas#

• Mi sitio: código de instalación y los otros once widgets
• Chat con los visitantes: bandeja de entrada común del sitio y de los mensajeros
• Llamada de vuelta: formulario «llámenme» y marcación automática
• Llamada desde el sitio: conversación directamente desde el navegador
• Pedido en línea en su propio sitio: carrito y tramitación sobre su sitio