Aller au contenu principal

Chat positionnement & mise en page

Il y a exactement un motif de placement dans ShopGuide : une bulle flottante fixe ancrée dans un coin inférieur. Donc cette page n'est pas vraiment sur la stratégie de placement page par page — la position de la bulle ne change pas en fonction de l'endroit où dans la page vous ajoutez le bloc. Il s'agit des options de configuration réelles et de rester hors de la voie de tout ce que votre thème met dans ce coin.

Comment fonctionne le positionnement

La bulle est située à position: fixed, 20px du bas du port de vue, et soit 20px du bord gauche ou droit selon votre position Bubble. Elle reste mise indépendamment de la position du défilement, et indépendamment de la section de thème sur laquelle le bloc de discussion ShopGuide se trouve être fixé. Il n'y a pas de mode latéral ou en ligne, ni de placement multi-fenêtre.

Ce que vous pouvez configurer

Dans Paramètres → Bubble: position (gauche ou droite), taille (par défaut 60px), icône (pareil, chat, message, question, robot ou recherche), couleur d'icône, et si la bulle affiche du tout.

Choisir un coin

Comme il est fixé à un coin de chaque côté, la vraie décision est celle qui évite les conflits avec ce que votre thème y met déjà. La droite est la par défaut et le choix le plus commun pour les widgets de chat, mais vérifiez un bouton collant "retour en haut", un déclencheur de tiroir de panier, ou une bannière de cookie-consent qui vit aussi en bas à droite. Gauche fonctionne bien si l'icône du panier de votre thème, la barre add-to-cart collante, ou bannière promo prétend que le coin à la place. Sur mobile, vérifiez contre le nav de votre thème — si elle a un, en tournant sur "Store has mobile navigation bar" (voir Paramètres de discussion mobile et bureau) déplace la barre de notification de chat pour l'éviter.

Sur z-index

Si quelque chose de spécifique le chevauche encore — une bannière cookie personnalisée, un élément fixe d'une application tierce — c'est un conflit du côté de l'autre élément, et non pas quelque chose de contrôle des paramètres de ShopGuide. Voir Conception avancée si vous devez ajuster le style de la bulle pour le contourner.

À quoi ne pas s'attendre ici?

Pas de préréglage par page pour la page d'accueil vs. produit vs. collection, pas de changement de position déclenché par défilement, pas de coordonnées testables A/B, et rien de tel que "au-dessus de la grille de produits" ou "dans la barre latérale". ShopGuide se produit par le message de lancement et les boutons, pas la position de l'écran de la bulle — voir Messages de lancement personnalisés.

Quand quelque chose ne va pas

Si la bulle n'est pas visible du tout, vérifiez les toggles de visibilité de l'appareil (voir Paramètres de discussion mobile et de bureau), vérifiez si la façade de magasin est interrompue et recherchez un élément fixe concurrent avec un indice z encore plus élevé. Si elle chevauche d'autres interfaces, essayez le coin opposé, allumez l'hébergement mobile-nav si cela s'applique, ou déplacez le décalage de la bulle avec le CSS personnalisé ciblé (voir Cat coiffant avancé).

Prochaines étapes