Questions produits et conseils

XJan
Member

Problème d'affichage discussion instantanée

SOLVE

Bonjour,

J'ai un problème d'affichage avec la fonctionnalité de discussion instantanée.
Lorsque l'on ouvre la petite fenêtre sur pc/mac et n'importe quels navigateurs, un carré noir appraît derrière cette fenêtre.
Ça ressemble a un bug d'affichage, je n'ai pas trouvé de solution et j'aimerais savoir si quelqu'un a déjà eu le problème ou s'il y a une solution.

D'avance merci pour votre aide 🙂

0 Upvotes
1 Accepted solution
LucBenayoun
Solution
Participant

Problème d'affichage discussion instantanée

SOLVE

Bonjour XJan, 

 

@TiphaineCuisset merci de m'avoir taggé 😉 

 

De ce que je peux voir, c'est un site Wordpress qui utilise Visual composer. Je pense que le code CSS concernant la classe active provient de visual composer et créé un conflit avec le chat. Il faudrait ajouter le code CSS:

 #hubspot-messages-iframe-container .shadow-container.active{background:transparent;}

 pour que le problème disparaisse.

 

Dites-moi si cela corrige votre problème. 🙂

 

Bonne journée !

Luc

View solution in original post

11 Replies 11
LucBenayoun
Solution
Participant

Problème d'affichage discussion instantanée

SOLVE

Bonjour XJan, 

 

@TiphaineCuisset merci de m'avoir taggé 😉 

 

De ce que je peux voir, c'est un site Wordpress qui utilise Visual composer. Je pense que le code CSS concernant la classe active provient de visual composer et créé un conflit avec le chat. Il faudrait ajouter le code CSS:

 #hubspot-messages-iframe-container .shadow-container.active{background:transparent;}

 pour que le problème disparaisse.

 

Dites-moi si cela corrige votre problème. 🙂

 

Bonne journée !

Luc

XJan
Member

Problème d'affichage discussion instantanée

SOLVE

Merci Tiphaine 🙂

Bonjour Luc,

Merci pour votre retour.
Alors je comprends le procédé, cependant, mes compétences en développement sont assez limitées. Est-ce que vous pouvez m'indiquer où trouver ce code CSS pour ajouter cette ligne ?

D'avance merci
Cordialement
Xavier

0 Upvotes
LucBenayoun
Participant

Problème d'affichage discussion instantanée

SOLVE

Xavier,

 

Normalement vous avez une box CSS dans chaque page avec Visual composer (il me semble de mémoire que c'est en haut à droite de l'interface). Si vous voulez bien nous partager une capture de votre page dans Wordpress je pourrais mieux vous aiguiller 😉 

 

A dispo,

Luc

XJan
Member

Problème d'affichage discussion instantanée

SOLVE

Luc,


Merci pour ta réponse !!

C'est bon, j'ai trouvé et ça fonctionne 😄
Par contre, est-ce qu'il est possible de le généraliser à toutes les pages du site ou il faut le faire manuellement ?

Cordialement
Xavier

0 Upvotes
LucBenayoun
Participant

Problème d'affichage discussion instantanée

SOLVE

Xavier, 

 

Pas de problème avec plaisir 🙂 

 

Alors tu peux le généraliser en passant par le fichier CSS du thème Wordpress en passant par l'éditeur de thème puis en ajoutant cette règle dans le fichier style.css, ou en passant par le FTP de ton site web (si tu as accès), sinon il va falloir le faire manuellement.

 

A dispo, 

Luc

XJan
Member

Problème d'affichage discussion instantanée

SOLVE

 Super merci pour toutes ces informations !!
Je vais essayer tout ça et je le ferais manuellement dans le pire des cas.

Merci de m'avoir accordé du temps, Luc, Tiphaine, je vous souhaite une bonne soirée 🙂

TiphaineCuisset
Community Manager
Community Manager

Problème d'affichage discussion instantanée

SOLVE

Bonjour @XJan 

 

Merci d'avoir posté dans la Communauté!

 

Est ce que vous parlez de la boite de réception dans Conversation > Boite de réception quand vous répondez à des chats; ou bien parlez vous des Guides Conversationnels? Ou bien encore côté visiteur quand on ouvre votre fenêtre de chatflow sur votre site?

 

Est ce que cela se produit avec vos collègues ou uniquement avec votre compte utilisateur? 

 

Pourriez vous envoyer une capture d'écran de ce que vous constatez? Il nous sera alors plus aisé d'investiguer 

 

Merci à vous

En vous souhaitant une bonne journée, 

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes
XJan
Member

Problème d'affichage discussion instantanée

SOLVE

Bonjour,

Merci pour votre réponse.
Le problème est du côté visiteur quand on ouvre la fenêtre de chatflow et il est présent sur chaque page avec n'importe quel utilisateur. J'ai demandé à plusieurs personnes de faire le test et le problème survient à chaque fois.

Je joins une capture d'écran pour que ce soit plus parlant.

 

Le carré noir en arrière du chatflow s'affiche à l'ouverture du chat mais n'est pas présent lorsqu'il est fermé.

 

Capture d’écran 2021-05-18 à 10.42.29.png

Je reste à disposition si vous avez des questions 🙂
Merci à vous
Bonne journée
Cordialement
Xavier

0 Upvotes
TiphaineCuisset
Community Manager
Community Manager

Problème d'affichage discussion instantanée

SOLVE

Merci de votre réponse @XJan 

 

Pourriez vous nous donner l'URL d'une des pages où se trouve le chat? 

 

Merci!

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes
XJan
Member

Problème d'affichage discussion instantanée

SOLVE

Oui, bien sûr.
Voici un URL https://www.waepass.com/


Cordialement
Xavier

0 Upvotes
TiphaineCuisset
Community Manager
Community Manager

Problème d'affichage discussion instantanée

SOLVE

Merci!

 

J'ai regardé et je peux reproduire le problème en effet - mais pas sur mon compte test. Je me demande s'il n'y a pas du CSS/code extérieur qui influe sur cela. En inspectant la page je vois une class appelée "shadow-container active" avec un ID "#hubspot-messages-iframe-container .shadow-container.active" qui semble être responsable de cela - mais je ne suis pas une experte! 

 

Je vais mentionner ici quelques développeurs - @LucBenayoun @Theodor sauriez vous aider @XJan à ce sujet? 

 

Merci!

Bonne journée, 

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes