Non classé 21 mai 2026

Widget vidéo BigCommerce : installation et personnalisation

Découvrez comment installer un widget vidéo sur BigCommerce, personnaliser son affichage et vérifier les formulaires avant la mise en ligne.

Widget vidéo BigCommerce : installation et personnalisation

À retenir

  • L’installation se fait depuis l’administration BigCommerce. Vérifiez toutefois la méthode prise en charge par votre boutique et votre thème.
  • Chaque élément de la bulle vidéo peut être ajusté pour s’accorder à votre boutique et à vos objectifs de conversion, sans modifier le code du thème.
  • Ouvrez votre boutique BigCommerce dans Chrome, Safari et Firefox avant de l’annoncer afin de vérifier que l’affichage reste cohérent.

Comment installer CompleteGreet sur BigCommerce ?

L’installation se fait depuis l’administration BigCommerce et ne demande généralement pas de modifier le code du thème. Préparez votre accès au tableau de bord et vérifiez que l’intégration disponible correspond à votre boutique.

Illustration du parcours d'installation de CompleteGreet sur BigCommerce

Préparez votre fichier vidéo avant de commencer. Le format MP4 avec encodage H.264 est généralement bien pris en charge par les thèmes BigCommerce.

  1. Connectez-vous à l’administration de votre boutique BigCommerce et ouvrez Channel Manager. Recherchez CompleteGreet dans la place de marché des applications BigCommerce, puis cliquez sur Installer. Acceptez les autorisations demandées dans la fenêtre qui s’ouvre. L’application a besoin d’accéder aux scripts de la boutique pour injecter le code du widget. Attendez la redirection vers l’écran de configuration.
  2. Connectez votre compte sur la page d’authentification. Les utilisateurs existants saisissent leurs identifiants. Les nouveaux utilisateurs peuvent cliquer sur Créer un compte et remplir le formulaire d’inscription. L’intégration se synchronise après l’authentification. Une coche verte confirme généralement que la connexion est active.
  3. Importez votre message vidéo depuis le tableau de bord CompleteGreet. Cliquez sur Importer une vidéo, sélectionnez le fichier et attendez la fin du traitement. Choisissez un fichier adapté aux limites de votre boutique afin de ne pas alourdir le paiement. Le système peut générer plusieurs variantes de résolution.
  4. Définissez la position du widget dans l’onglet Paramètres d’affichage. Vérifiez le placement en bas à droite avec le thème BigCommerce utilisé et assurez-vous que le bouton de fermeture reste au dessus du bouton d’ajout au panier sur mobile. Enregistrez votre configuration.
  5. Activez le bouton de mise en ligne. Ouvrez votre boutique dans une fenêtre de navigation privée pour vérifier que la bulle apparaît. Si un carré vide remplace la vidéo, videz le cache du navigateur et rechargez la page.

L’ordre de chargement des scripts BigCommerce peut retarder la bulle sur certaines pages produit qui contiennent beaucoup d’images. Ouvrez les paramètres avancés et vérifiez que le chargement asynchrone est activé.

Ce réglage permet au script de se charger indépendamment des images produit.

Voir les intégrations pour découvrir d’autres plateformes si vous gérez plusieurs boutiques.

Que pouvez-vous personnaliser sur BigCommerce ?

Chaque élément de la bulle vidéo peut être ajusté pour s’accorder à votre boutique et à vos objectifs de conversion, sans modifier le code du thème. Le tableau de bord regroupe les options en trois zones : les visiteurs qui voient le widget, les actions qu’ils peuvent effectuer et son apparence.

Illustration des options du widget vidéo pour les boutiques BigCommerce

Ciblage des pages et déclenchement

Les règles de visibilité permettent d’afficher le widget sur certains types de pages ou certaines URL. Vous pouvez le réserver aux pages produit, au panier ou à des collections comme /new-arrivals. Le ciblage prend aussi en charge le délai et la profondeur de défilement. Réglez le déclenchement selon le temps de lecture de votre page. Le ciblage à l’intention de sortie est surtout adapté aux navigateurs de bureau.

Appels à l’action et champs de formulaire

Sur une boutique BigCommerce, le texte du bouton doit correspondre à l’intention de la page. Sur une fiche produit, utilisez par exemple « Poser une question sur cet article » plutôt qu’un libellé générique. La couleur du bouton peut reprendre celle du thème, et vous pouvez la remplacer dans le tableau de bord avec un code hexadécimal.

La personnalisation des formulaires peut être détaillée.

Ajoutez des questions en plus du nom et de l’adresse électronique, reliez les champs à votre CRM ou à votre plateforme d’emailing et configurez une logique conditionnelle. Les visiteurs ne voient alors que les questions pertinentes selon leurs réponses précédentes. Voir les intégrations et les plateformes pour consulter la liste complète des connexions CRM et email compatibles avec les formulaires BigCommerce.

Identité visuelle

La bulle peut être placée en bas à gauche ou en bas à droite avec un décalage réglable. C’est important sur BigCommerce, car de nombreux thèmes utilisent une barre d’ajout au panier fixe ou un widget de chat qui occupe le même coin. La miniature affichée avant la lecture doit montrer clairement votre visage. Évitez les captures contenant du texte trop petit pour rester lisible.

Testez votre configuration finale sur la page de paiement BigCommerce. Certains thèmes personnalisés retirent les scripts externes pendant la dernière étape d’achat, ce qui peut interrompre la collecte de demandes sans message visible.

Que vérifier avant la mise en ligne ?

Ouvrez votre boutique BigCommerce dans Chrome, Safari et Firefox avant de l’annoncer. La bulle vidéo doit rester dans un coin sans recouvrir le menu, l’icône du panier ni les boutons du pied de page.

Le mobile est particulièrement important pour les boutiques BigCommerce.

Une grande partie de vos visiteurs verra le widget sur un téléphone. Chargez votre 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 facile à atteindre. Si elle recouvre le menu mobile ou le bouton de paiement, ajustez sa position dans le tableau de bord.

Vérifiez votre ciblage de pages

Assurez-vous que la logique de ciblage fonctionne comme prévu. Une vidéo d’accueil sur la page d’accueil peut gêner les visiteurs pendant le paiement.

Parcourez votre boutique comme un client : ouvrez l’accueil, consultez une catégorie, affichez un produit, ajoutez-le au panier, puis passez au paiement. Le widget doit apparaître uniquement aux endroits prévus dans vos règles.

Les pages de paiement BigCommerce peuvent charger les scripts différemment du reste du thème. Si votre widget disparaît pendant le paiement, vérifiez que l’injection couvre le modèle concerné ou excluez complètement ces pages avec vos règles de ciblage.

Effectuez un contrôle avec les recommandations Google Web Vitals après l’installation. Les ressources vidéo ajoutent du poids. Si votre indicateur LCP baisse, vérifiez que le script se charge de manière asynchrone et que le fichier vidéo reste adapté à votre page. Mesurez le résultat dans votre propre environnement.

Testez les envois de formulaire de bout en bout. Remplissez le formulaire de contact dans le widget, envoyez-le et confirmez que la demande arrive dans votre boîte de réception ou votre CRM.

Un formulaire qui échoue peut nuire à la confiance plus vite qu’une absence de formulaire.

Les marchands BigCommerce mesurent généralement l’impact d’un widget vidéo avec le taux de conversation et la valeur moyenne des commandes. Les données ci dessous présentent des repères de suivi et des réglages à vérifier.

Ces repères aident les propriétaires de boutique à fixer des objectifs réalistes avant de modifier la position du widget ou les appels à l’action.

Les boutiques qui utilisent la vidéo sur des pages à forte intention peuvent observer davantage de demandes que celles qui utilisent un formulaire statique. Le résultat dépend du trafic, de l’offre, du ciblage et de la qualité du message. Analysez vos propres données avant de conclure.

Le coût opérationnel annuel dépend du forfait choisi, de la devise et du nombre de visiteurs. Consultez la page des tarifs CompleteGreet pour connaître le prix actuel et calculer votre seuil de rentabilité selon la marge de vos conversions.

Avant d’interpréter les statistiques, vérifiez que la période de suivi correspond au cycle d’achat habituel de votre boutique BigCommerce. Comparez les pages produit avec et sans widget et tenez compte du temps de chargement observé.

La conformité en matière d’accessibilité demande que les widgets vidéo prennent en charge la navigation au clavier et les lecteurs d’écran. recommandations d’accessibilité de la W3C recommande de fournir des alternatives textuelles pour le contenu vidéo et de respecter les préférences des visiteurs concernant la lecture automatique.

Liste de contrôle pour valider les données

  • Confirmez que les fenêtres d’attribution des conversions correspondent à la durée moyenne de votre cycle de vente.
  • Excluez le trafic interne et les sessions de test de l’équipe des journaux d’interaction du widget.
  • Comparez séparément les demandes sur mobile et sur ordinateur, car le type d’appareil peut modifier fortement l’engagement.

Le délai de récupération d’un abonnement dépend du nombre de conversions supplémentaires, de la valeur moyenne des commandes et de votre marge. Utilisez vos données BigCommerce pour calculer ce seuil au lieu de reprendre une estimation générale.

Les boutiques BigCommerce obtiennent souvent de meilleurs résultats sur les pages où l’intention d’achat est déjà claire. Commencez par une page produit et mesurez les demandes pendant une période représentative avant d’étendre le widget aux catégories.

Questions fréquentes

Comment ajouter CompleteGreet à ma boutique BigCommerce sans modifier le code du thème ?

Installez CompleteGreet avec Script Manager dans l’administration BigCommerce. Ouvrez votre compte, allez dans Storefront puis Script Manager et créez un nouveau script. Collez le code d’intégration CompleteGreet, choisissez l’emplacement Pied de page et enregistrez. Vérifiez ensuite l’affichage sur les pages publiques. Cette méthode ne demande pas de modifier un fichier de thème.

Pourquoi ma bulle vidéo CompleteGreet ne s’affiche-t-elle pas dans l’aperçu du thème BigCommerce ?

L’aperçu du thème BigCommerce fonctionne dans un environnement isolé qui peut bloquer certains scripts tiers. Le widget peut fonctionner normalement sur la boutique publique. Pour tester avant la publication, utilisez le lien Voir la boutique de BigCommerce ou ouvrez l’URL réelle de votre site. Cette limite concerne aussi de nombreux outils d’analyse et de chat.

Puis-je afficher CompleteGreet uniquement sur les pages produit BigCommerce et le masquer pendant le paiement ?

Oui. Le ciblage par page est intégré au tableau de bord CompleteGreet. Ajoutez des règles pour afficher le widget sur les URL contenant /products/ ou sur certains identifiants de produit. Masquez le paiement en ajoutant /checkout/ à la liste d’exclusion. Les filtres suivent la structure d’URL BigCommerce sans modifier le code du thème.

CompleteGreet ralentit-il le site BigCommerce ou affecte-t-il les Core Web Vitals ?

Le chargement asynchrone limite le blocage de l’affichage initial. Le script se charge après le contenu principal de BigCommerce, mais le résultat dépend aussi de la vidéo et des autres scripts. Mesurez le Largest Contentful Paint et les autres indicateurs sur votre boutique après l’installation. La vidéo peut être chargée seulement après l’interaction du visiteur selon la configuration.

Combien coûte CompleteGreet par mois pour une boutique BigCommerce ?

Le prix dépend du forfait actuel, du nombre de visiteurs et des fonctions incluses. Consultez les tarifs CompleteGreet pour connaître le niveau adapté à votre boutique BigCommerce, les conditions de facturation et les éventuelles limites. Vérifiez toujours les informations affichées au moment de l’inscription.

Azad Habib

Azad Habib

CEO & Founder of CompleteGreet

Azad Habib is the founder of CompleteGreet. With a background in ecommerce and user experience, he works at the intersection of trust, clarity, and conversion to help businesses make their websites feel more human from the first click.