Multibouton

Multibouton — un bouton flottant dans le coin du site qui, au clic, déploie un éventail de canaux de contact : WhatsApp, Telegram, Viber, VK, réseaux sociaux, téléphone, e-mail, n'importe quel lien de votre choix — et les actions de nos propres Widgets (« écrire dans le chat », « commander », « prendre rendez-vous »).

Il résout aussi votre propre problème : chaque Widget dessine son bouton dans le même coin inférieur, et en activant le chat, la Commande et le rappel, vous obtenez une pile de boutons qui se chevauchent. Le Multibouton supprime la pile — les canaux des Widgets absorbés vivent dans son éventail, et leurs propres boutons sont désactivés.

Le Widget est gratuit : aucune extension séparée à acheter.

Où l'activer : Panneau d'administration → Marketing → « Mon site » → carte « Multibouton ». L'interrupteur active le Widget, l'engrenage ouvre les réglages ; le bouton « Placer dans la barre latérale » donne au Widget son propre élément de menu.

Installation sur le site#

Aucun code propre n'est nécessaire — le tag commun de la section « Mon site » fonctionne :

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

Une ligne dans <head> ou avant </body> ; la composition des Widgets est ensuite définie par les interrupteurs dans le Compte. Les instructions par plateforme (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) se trouvent dans l'article Mon site, section « Installation sur les plateformes courantes ».

⚠️ Le tag unique est particulièrement important pour le Multibouton. Il rassemble ses voisins — or il ne peut absorber que ceux qui sont réellement chargés sur la même page. Si le chat est intégré sur certaines pages et la Commande sur d'autres, l'éventail y sera différent. Le chargeur unique charge les Widgets dans le bon ordre et le Multibouton en dernier, quand les voisins sont déjà prêts.

Le tag individuel multibutton/v1.js existe aussi (bloc « Avancé »), et il a ses propres attributs : data-color, data-icon (emoji sur le bouton), data-label, data-position="left|right", data-lang et data-keep-fabs="1" — ne pas désactiver les boutons propres des voisins. L'attribut du tag est toujours prioritaire sur le réglage du Compte.

Ce que la vérification d'installation voit et ne voit pas. Le bouton « Vérifier l'installation » lit le HTML source de la page : chargeur unique trouvé / uniquement des tags séparés / code d'un autre Établissement / aucun code. Le tag inséré déjà dans le navigateur par Google Tag Manager, elle ne le verra pas — ce n'est pas une erreur, vérifiez le site à l'œil.

Configuration du widget#

Les réglages sont enregistrés automatiquement, il n'y a pas de bouton « Enregistrer » séparé. À droite des champs se trouve un aperçu en direct de l'éventail.

Apparence#

Couleur du bouton, émoji-icône affiché dessus, coin de l'écran et libellé (qui sert aussi de libellé pour les lecteurs d'écran).

Canaux de l'éventail#

Constructeur de liste : ajouter, supprimer, réorganiser ↑↓. Maximum — 12 canaux. Trois familles :

L'élément « Écrire au support » ouvre l'onglet « Demandes » de la fenêtre de chat — les demandes n'ont pas de bouton séparé, c'est pourquoi cet élément n'est disponible que si le chat est activé. Si les demandes sont désactivées pour l'établissement, il ouvrira un chat ordinaire, et le constructeur l'indiquera directement à côté de l'élément.

Chaque canal possède un libellé (distinct pour chaque langue du site) et un critère où afficher : partout · uniquement sur ordinateurs · uniquement sur téléphones.

Le message prérempli existe pour WhatsApp et Telegram : le texte que le visiteur trouvera déjà saisi. Il prend en charge les substitutions {url} et {title} — l'adresse et le titre de la page depuis laquelle on a cliqué (substitués au moment du clic, et non au rendu). Maximum — 300 caractères.

Bulle d'invitation#

Une phrase courte à côté du bouton (« Une question ? ») — c'est ce qui invite le visiteur à cliquer : un bouton silencieux dans un coin passe tout simplement inaperçu. Le texte se définit séparément pour chaque langue ; un texte vide signifie qu'il n'y a pas de bulle du tout.

Se configurent le délai avant l'apparition de la bulle et la pause entre les affichages. La pause est comptée par visiteur, et non par site : la marque d'affichage réside dans son navigateur, si bien que l'invitation ne se transforme pas en bannière surgissant sur chaque page à chaque visite.

Ligne « Ouvert maintenant »#

Dans l'en-tête de l'éventail déployé — une ligne sur les horaires d'ouverture : « Ouvert jusqu'à 22:00 », « Fermé · ouverture à 10:00 », « Fermé · ouverture lundi à 10:00 ». Les horaires sont repris de la fiche de l'établissement (horaires avec les exceptions) — il n'y a volontairement pas de copie dans les réglages du widget.

Deux valeurs : auto (par défaut — la ligne s'affiche si les horaires sont renseignés) et ne pas afficher. Le statut est recalculé à chaque déploiement de l'éventail, et non une seule fois au chargement : le bouton reste sur la page pendant des heures, et « Ouvert jusqu'à 22:00 » à 22:30 est exactement le mensonge à cause duquel on cesse de croire au reste. Si les horaires de l'établissement ne sont pas renseignés, la ligne est absente (on ne peut pas déclarer un établissement fermé sur son propre site).

Quand afficher#

Bloc commun avec le rappel et la « Vitrine vivante » :

• pages — masques d'adresse « uniquement sur… » et « sauf… », * = n'importe quel fragment, jusqu'à 20 masques dans chaque liste ; les exceptions l'emportent sur les autorisations ;
• délai — 0…600 secondes après le chargement de la page ;
• appareil — tous · uniquement ordinateurs · uniquement téléphones (seuil — 480 px) ;
• planification — jusqu'à 14 fenêtres personnalisées « jours + de… à… » ou horaires d'ouverture de l'établissement.

⚠️ Les horaires sont calculés dans le fuseau horaire de l'établissement ; si le fuseau n'est pas défini pour l'établissement, les fenêtres sont calculées selon l'heure du visiteur, et le panneau le dit clairement. Si « horaires d'ouverture de l'établissement » est sélectionné alors que les horaires ne sont pas renseignés, la planification ne restreint rien et le bouton reste visible. Une liste vide de fenêtres personnalisées, à l'inverse, signifie « ne jamais afficher ».

La composition de l'éventail est recalculée à chaque ouverture : entre deux affichages, le visiteur a le temps de tourner son téléphone et de passer sur une page où le bouton ne doit pas apparaître.

Disposition sur téléphone#

Section « 📱 Disposition sur téléphone » : bouton rond (par défaut) ou barre inférieure — une bande avec les quatre premiers canaux accompagnés de leurs libellés et un bouton « Plus » avec un tiroir pour les autres. Sur grand écran, c'est toujours l'éventail ; la rotation du téléphone change la disposition à la volée. Dans l'aperçu, on voit la vraie limite « dans la barre / sous "Plus" » et la ligne « N sur M iront dans la barre ».

La barre se comporte avec tact sur une page tierce : elle se place au-dessus d'un panneau fixe tiers en bas, s'il existe, disparaît au défilement vers le bas et revient au défilement vers le haut, respecte la zone sûre de l'iPhone et disparaît entièrement s'il ne reste plus aucun canal.

Afficher aussi sur notre vitrine#

Interrupteur séparé (par défaut désactivé). La multibouton est le seul widget doté de ce réglage, et la raison en est l'honnêteté : sur notre vitrine, elle absorbe les boutons natifs — la bulle de chat et le combiné de rappel —, c'est-à-dire qu'elle modifie le coin de l'écran que vous avez déjà configuré. On n'active pas cela à votre place en silence.

Que se passe-t-il après un clic#

Le visiteur déploie l'éventail et choisit un canal :

• messagerie, réseau social ou votre lien — s'ouvre dans un nouvel onglet ; la conversation se poursuit là où mène le canal. Si un message prérempli est défini pour le canal, le champ est déjà rempli chez le visiteur ;
• téléphone et e-mail — s'ouvrent dans l'onglet courant via l'application native de l'appareil (sinon le navigateur ouvrirait puis fermerait aussitôt une fenêtre vide) ;
• action de notre widget — directement sur cette même page s'ouvrent le chat, le formulaire de rappel, le panier, la réservation ou le rendez-vous. Les données arrivent là où elles arrivent d'habitude : la conversation — dans « Chat », la commande — dans « Commandes », la réservation — dans « Tables », le rendez-vous — dans « Rendez-vous », le numéro de rappel — dans « Demandes ».

Le multibouton ne collecte aucune donnée propre : il ne fait qu'amener le visiteur jusqu'au canal. Ce qu'il compte, ce sont les clics, et ils sont visibles dans son propre panneau, dans le bloc « Clics sur 30 jours » : combien de fois le bouton a été affiché, combien de fois l'éventail a été déployé et combien de clics ont porté sur chaque canal. Ni l'adresse du canal, ni le texte du message, ni la page du visiteur ne figurent dans ces statistiques — uniquement le type de canal et le nombre.

Limitations#

• Éventail vide = pas de widget. Tant qu'aucun canal n'est défini, le bouton ne s'affiche pas du tout : un bouton vide dans le coin du site d'un autre est pire que son absence.
• Pas plus de 12 canaux, le texte prérempli ne dépasse pas 300 caractères.
• Un canal-action ne vit que tant que le widget lui-même vit. Désactivez le chat — l'élément « Ouvrir le chat » disparaît des réglages dès le premier enregistrement et ne revient pas tout seul, il faut le rajouter. À l'exécution, le multibouton vérifie aussi son voisin avant chaque déploiement : s'il n'est pas monté, l'élément n'apparaîtra pas, pour éviter un bouton derrière lequel il n'y a rien.
• L'absorption des boutons voisins est visuelle. Le multibouton masque leurs boutons flottants, mais les widgets eux-mêmes continuent de fonctionner ; on peut désactiver l'absorption avec l'attribut data-keep-fabs="1" sur la balise individuelle.
• Le message prérempli n'existe que pour WhatsApp et Telegram. Pour les autres canaux, le champ est ignoré : chez WhatsApp le préremplissage est documenté, chez Telegram les clients le prennent en charge de façon variable, et les autres ne le prennent pas en charge du tout. Une adresse de page très longue est transmise sans substitution — un lien qui fonctionne compte plus que le texte.
• Seules les adresses sûres sont autorisées : https, http, tel, mailto et viber. Tout le reste est écarté — aussi bien dans l'aperçu du compte que sur le site, car la vérification est unique.
• Sur notre vitrine, le multibouton ne s'affiche que via un interrupteur dédié, et l'élément « appel depuis le navigateur » n'y figure pas du tout dans son éventail : il n'y a pas de fenêtre prévue pour lui sur la vitrine.
• La ligne « Ouvert maintenant » ne remplace pas les horaires. Elle lit les heures dans la fiche de l'établissement ; si elles ne sont pas remplies, la ligne n'apparaîtra pas, mais le bouton restera.

Dépannage#

Le bouton n'apparaît pas sur le site.

1. Balise introuvable — « Vérifier l'installation ». « Pas de code » — la balise n'est pas insérée ou n'est pas présente sur toutes les pages du modèle ; « code d'un autre emplacement » — un data-domain étranger dans la balise. Si la balise est posée par GTM, la vérification ne la verra pas.
2. Les modifications ne sont pas arrivées — les fichiers des widgets sont diffusés via CDN avec un cache de 5 minutes : attendez et rechargez la page en vidant le cache.
3. Le widget est désactivé ou la liste des canaux est vide — un éventail vide ne s'affiche pas.
4. Les conditions d'affichage ont exclu la page — vérifiez les masques (les exclusions priment sur les autorisations), l'appareil et le délai.
5. La plage horaire est fermée — nous sommes actuellement hors de la fenêtre. Vérifiez vos fenêtres ou les horaires dans la fiche de l'établissement.
6. Le fuseau horaire de l'établissement n'est pas défini — les fenêtres sont alors calculées selon les heures du visiteur, et le bouton apparaît à un moment que vous n'attendiez pas.

Un élément manque dans l'éventail.

• Un élément-action a disparu — le widget correspondant est désactivé : activez-le et rajoutez le canal, il ne reviendra pas tout seul ;
• l'élément est marqué « téléphones uniquement » (ou l'inverse) — le filtre d'appareil du canal s'est appliqué ;
• le voisin n'a pas eu le temps de se monter (réseau lent, restrictions de sécurité de votre page) — rechargez la page ; de façon permanente, une balise unique à la place des balises individuelles aide.

Il y a toujours deux boutons dans le coin. Cela signifie que le voisin n'a pas l'élément-action correspondant dans l'éventail : seuls les widgets dont les actions figurent dans l'éventail sont absorbés. Ajoutez l'élément voulu. Situation inverse — le bouton du voisin n'est pas nécessaire, mais l'absorption est désactivée par l'attribut data-keep-fabs="1" : retirez l'attribut.

La barre sur téléphone recouvre le panneau d'un autre. La barre cherche elle-même une bande fixe étrangère en bas et se place au-dessus, en répétant la mesure plusieurs fois après le chargement. Si le panneau étranger apparaît très tard, passez au bouton rond — il ne participe pas au balisage du bas de page.

L'infobulle ne s'affiche pas. Vérifiez que le texte est défini pour la langue de la page, et que la pause définie entre les affichages n'est pas écoulée — elle est comptée pour un visiteur donné, dans son navigateur.

Les statistiques sont vides. Les clics sont envoyés par lots et avec un délai, pas un par un ; le compteur affiche 30 jours et se remplit au fur et à mesure que les visiteurs cliquent.

Questions fréquentes#

Combien cela coûte-t-il ?#

Rien. Le Multibouton est gratuit et ne nécessite pas d'extension séparée — contrairement aux solutions similaires qui le vendent comme un produit à part.

Combien de canaux peut-on ajouter ?#

Jusqu'à douze. Vous définissez l'ordre avec les flèches ↑↓, et c'est lui qui détermine quels quatre canaux apparaîtront dans la barre inférieure sur téléphone.

Où arrivent les demandes venant des messageries ?#

Là où mène le canal : WhatsApp — dans WhatsApp, Telegram — dans Telegram. Si vous souhaitez voir la correspondance dans le Compte, connectez ces canaux dans la section « Chat » — les messages arriveront alors dans la boîte de réception commune, et vous pourrez ajouter l'élément « Ouvrir le chat » dans l'éventail.

Le Multibouton va-t-il masquer les boutons des autres widgets ?#

Oui, et c'est tout son intérêt : les boutons des widgets dont les actions figurent dans son éventail sont désactivés, pour qu'une pile ne s'entasse pas dans le coin. Les widgets eux-mêmes continuent de fonctionner, et sur une balise isolée le comportement se désactive avec l'attribut data-keep-fabs="1".

Peut-on afficher des canaux différents sur téléphone et sur ordinateur ?#

Oui, chaque canal possède un indicateur « où afficher » : partout, uniquement sur ordinateurs ou uniquement sur téléphones. La composition de l'éventail est recalculée à chaque ouverture, donc la rotation du téléphone est prise en compte immédiatement.

Que se passe-t-il si un visiteur clique sur « Écrire sur WhatsApp » depuis un ordinateur portable ?#

La version web de la messagerie s'ouvre dans un nouvel onglet — avec le texte déjà inséré, si vous avez défini un modèle.

La ligne « Ouvert jusqu'à 22:00 » tire ses horaires d'où ?#

De la fiche de l'établissement — le même planning avec exceptions que celui que voit le visiteur sur la Vitrine. Les horaires ne se saisissent pas séparément dans le widget, pour éviter que deux vérités ne divergent. Si le planning n'est pas rempli, la ligne n'apparaîtra tout simplement pas.

Dans quelle langue l'éventail va-t-il s'exprimer ?#

Les libellés des canaux et la bulle, vous les définissez vous-même par langue ; la langue de la page, le widget la détermine d'après son balisage (ou d'après l'attribut data-lang). Le nom du jour de la semaine dans la ligne « Ouvert maintenant » est repris du navigateur dans la langue de la page.

Sections associées#

• Mon site — code d'installation et les onze autres widgets
• Chat avec les visiteurs — boîte de réception commune du site et des messageries
• Rappel — formulaire « rappelez-moi » et rappel automatique
• Appel depuis le site — conversation directement depuis le navigateur
• Commande en ligne sur votre site — panier et validation par-dessus votre site