Widget vidéo Ecwid : installation et personnalisation

Comment installer CompleteGreet sur Ecwid ?

L’installation peut être rapide et ne demande généralement que de copier et coller une ligne de code. Vérifiez toutefois la méthode recommandée pour votre boutique.

1. Créez un compte gratuit sur CompleteGreet. L’assistant vous demande d’importer votre vidéo d’accueil et de choisir la position du widget. Lorsque la configuration est terminée, cliquez sur le bouton « Get Code » en haut à droite pour copier le script d’intégration.
2. Ouvrez l’administration Ecwid dans un nouvel onglet. Dans la barre latérale, choisissez Paramètres, puis Design. Faites défiler jusqu’à la section « En-tête et pied de page » et repérez le champ « Code d’en-tête personnalisé ». Collez-y le code CompleteGreet.
3. Cliquez sur Enregistrer en bas de la page Design. Ecwid appliquera ensuite le code aux pages de votre boutique selon sa configuration.
4. Ouvrez votre boutique dans un nouvel onglet et cherchez la bulle vidéo dans le coin choisi. Si elle n’apparaît pas tout de suite, videz le cache ou ouvrez une fenêtre privée. Certains thèmes Ecwid chargent les scripts de façon asynchrone et la bulle peut apparaître après quelques secondes lors de la première visite.

Vérifiez la vue mobile.

Beaucoup d’équipes oublient ce test. Ouvrez la boutique sur un vrai téléphone et vérifiez que la bulle reste accessible sans recouvrir le bouton d’ajout au panier. Si la position ne convient pas, retournez dans le tableau de bord CompleteGreet et ajustez les décalages. Les changements peuvent être visibles après l’enregistrement sans modifier à nouveau le code Ecwid.

Que pouvez-vous personnaliser sur Ecwid ?

CompleteGreet propose le ciblage par page, des appels à l’action personnalisés, des champs de formulaire et un style qui peut s’adapter au thème Ecwid sans modifier son code principal.

Le ciblage par page permet d’afficher le widget sur certaines URL ou de le masquer lorsque la bulle détournerait l’attention. De nombreuses boutiques l’utilisent sur les pages produit et l’accueil, mais pas pendant le paiement ou sur le panier. Le délai contrôle le moment où la bulle apparaît.

Vous pouvez le régler sur quelques secondes après l’arrivée. Cela laisse le temps aux visiteurs qui lisent réellement la page de voir la vidéo et évite certains clics accidentels.

Les boutons d’appel à l’action peuvent ouvrir un agenda, un formulaire intégré ou un brouillon d’email. Les formulaires gardent le visiteur dans votre boutique Ecwid. Vérifiez la limite de caractères de votre configuration et choisissez un libellé court comme « Besoin d’aide ? ».

Les formulaires acceptent plusieurs champs personnalisés en plus du nom et de l’adresse email. Vous pouvez les relier à votre CRM ou recevoir les réponses par email. Le champ de téléphone utilise les indicatifs de pays ; rendez-le facultatif ou ajoutez une aide si votre boutique s’adresse à plusieurs pays. Une courte confirmation apparaît après l’envoi. Les recherches NNGroup sur les micro interactions indiquent que ces petites confirmations peuvent réduire la friction perçue. Vérifiez toutefois le réglage disponible si votre marque préfère une interface très sobre.

Les réglages visuels comprennent la couleur de la bulle, sa position par rapport aux bords et son comportement sur mobile. Le sélecteur accepte les codes hexadécimaux, ce qui permet de rapprocher la couleur du thème Ecwid. Un décalage modéré par rapport au bord droit est souvent un bon point de départ sur ordinateur.

Le mobile dispose de décalages distincts. Une marge inférieure trop faible peut recouvrir le bouton de paiement sur un iPhone. Une marge trop grande peut rendre le bouton de fermeture difficile à atteindre sur Android.

Testez les deux affichages avant la mise en ligne.

Le déclencheur « afficher au défilement » utilise un pourcentage de profondeur et non un nombre de pixels. Sur une longue description produit, la moitié de la page représente un engagement important. Sur un accueil court, le déclenchement arrive presque tout de suite. Comparez ce réglage avec la longueur réelle de vos pages.

Que vérifier avant la mise en ligne ?

Ouvrez votre boutique Ecwid dans Chrome, Safari et Firefox avant de l’annoncer. La bulle vidéo doit rester dans un coin sans recouvrir le menu ni les boutons de paiement.

Le mobile est particulièrement important.

Une grande partie de vos visiteurs verra le widget sur un téléphone. Chargez la boutique avec Safari sur iOS et Chrome sur Android. La bulle doit se redimensionner sans forcer la lecture en plein écran et le bouton de fermeture doit rester accessible. Si elle recouvre le menu ou le bouton « Ajouter au panier », ajustez le décalage dans les réglages du tableau de bord.

Après l’installation, lancez un test avec Google PageSpeed Insights. Les fichiers vidéo ajoutent du poids. Si le score LCP baisse, vérifiez le chargement asynchrone du script et la taille du fichier vidéo. Pour en savoir plus sur les indicateurs de performance, consultez les recommandations Google Web Vitals.

Testez les règles de ciblage sur les pages réelles. Si le widget est prévu uniquement sur les pages produit, ouvrez l’accueil et vérifiez qu’il reste masqué. Ouvrez ensuite une page produit et confirmez qu’il apparaît dans le délai choisi. Un ciblage incorrect peut agacer les visiteurs qui voient le même message à chaque navigation.

Les envois de formulaire doivent aussi être vérifiés de bout en bout. Remplissez le formulaire de contact dans le widget, envoyez-le et confirmez que la demande arrive bien dans votre boîte de réception ou votre CRM. Un formulaire qui échoue peut nuire à la confiance.

Questions fréquentes

Comment ajouter CompleteGreet à ma boutique Ecwid sans modifier le code ?

Installez CompleteGreet avec la section JavaScript personnalisé de l’administration Ecwid. Ouvrez le panneau de contrôle, allez dans les paramètres de personnalisation et collez le script dans le champ prévu. Enregistrez, puis vérifiez l’affichage sur chaque page de la boutique. Aucun fichier de thème ni éditeur de code n’est nécessaire pour cette méthode.

Pourquoi ma bulle vidéo ne s’affiche-t-elle pas dans l’aperçu de la boutique Ecwid ?

L’aperçu Ecwid peut bloquer des scripts tiers pour des raisons de sécurité. Utilisez l’URL publique de la boutique plutôt que l’aperçu de l’administration pour vérifier l’affichage réel. Si la bulle reste masquée, videz le cache ou testez une fenêtre privée afin d’écarter un problème de cache local.

Puis-je afficher CompleteGreet uniquement sur certaines pages produit Ecwid ?

CompleteGreet permet de cibler des URL précises afin d’afficher le widget uniquement sur les pages produit choisies. Ajoutez des règles d’inclusion ou d’exclusion dans le tableau de bord selon les chemins Ecwid. Cette méthode convient aux articles qui demandent une explication personnelle, mais mesurez le résultat sur votre site.

CompleteGreet ralentit-il le chargement d’une boutique Ecwid ?

CompleteGreet charge le script de façon asynchrone afin de ne pas bloquer l’affichage de la boutique. Le widget s’initialise après les éléments principaux, mais le résultat dépend aussi de la vidéo, du thème et des autres scripts. Mesurez les scores de performance et les Web Vitals après l’installation.

Comment changer la position du widget vidéo sur une boutique Ecwid mobile ?

Les réglages de position mobile se trouvent dans l’onglet des paramètres d’affichage du tableau de bord CompleteGreet. Choisissez le coin gauche ou droit et ajustez les marges inférieure et latérale. Testez sur votre propre téléphone, car les thèmes Ecwid et les tailles d’écran peuvent différer.

Combien coûte CompleteGreet pour une boutique Ecwid ?

Le coût dépend du forfait actuel, du nombre de visiteurs et des fonctions incluses. Consultez les tarifs CompleteGreet pour connaître les limites et les éventuels niveaux supérieurs. Vérifiez aussi le mode de comptage des visiteurs et les conditions avant de comparer avec d’autres outils.