Profil
Dashboard
Se déconnecter
Sommaire
À retenir
- Utilisez l’extension officielle CompleteGreet pour WordPress et WooCommerce. Vous n’avez ainsi pas besoin de modifier directement les fichiers du thème.
- Dans le tableau de bord CompleteGreet, choisissez les pages où le widget apparaît, son apparence et les actions proposées.
- Avant de publier, testez de vrais appareils mobiles, les règles d’URL, le paiement, les performances, les formulaires et les conflits possibles avec la galerie ou le panier.
Comment installer CompleteGreet sur WooCommerce ?
Installez l’extension officielle CompleteGreet depuis l’administration WordPress, puis connectez votre compte.
Dans WordPress, ouvrez la section des extensions et recherchez CompleteGreet.
Un widget de bulle vidéo est ajouté grâce à l’extension. Vous n’avez pas besoin de modifier header.php ni functions.php.
- Installez et activez l’extension. La documentation officielle de WooCommerce peut vous aider pour les questions générales liées aux extensions et à la boutique. Pour CompleteGreet, suivez la procédure actuelle de l’extension.
- Ouvrez les réglages CompleteGreet dans l’administration WordPress.
- Connectez votre compte CompleteGreet et choisissez la bulle ou la configuration de vidéo shoppable souhaitée.
- Enregistrez les réglages.
- Ouvrez la boutique dans une fenêtre de navigation privée et testez la bulle sur une fiche produit ciblée.
Si votre boutique utilise une extension de cache ou un CDN, videz le cache avant le test. Sinon, vous risquez de voir une ancienne version de la page et de croire à tort que la nouvelle configuration ne fonctionne pas.
Sur un hébergement géré, l’extension reste aussi la méthode d’installation habituelle et la plus sûre.
Évitez de modifier directement les fichiers du thème ou d’ajouter une seconde extension d’en-tête lorsque l’extension officielle CompleteGreet gère déjà l’installation. Deux méthodes utilisées en même temps peuvent charger le script plusieurs fois et compliquer les mises à jour.
Que peut-on personnaliser dans WooCommerce ?
Après la connexion, vous contrôlez l’affichage, l’apparence et les actions depuis le tableau de bord CompleteGreet.
Règles liées aux pages et aux visiteurs
Les règles d’URL permettent d’afficher la bulle sur les produits, les catégories ou d’autres pages, puis de la masquer dans le panier ou au paiement.
Vérifiez les conditions et les règles d’audience disponibles dans l’offre actuelle. Ne comptez pas sur des déclencheurs liés au panier ou aux paramètres UTM s’ils ne sont pas documentés.
Configurer l’appel à l’action
Selon la configuration, un bouton peut mener vers une adresse, un formulaire, un rendez-vous, un rappel, le chat ou une action d’achat.
Adaptez les couleurs et le texte à votre marque ainsi qu’au parcours concerné.
Formulaires et collecte de prospects
CompleteGreet propose des formulaires classiques et en plusieurs étapes. Utilisez seulement les champs nécessaires et respectez la protection des données ainsi que le consentement.
Testez vous-même la validation, l’enregistrement et les notifications.
Identité visuelle et position
Adaptez les couleurs, la vignette et la position. Vérifiez les distances avec la galerie, le panier, le chat et la bannière de cookies.
Choisissez une vignette nette et facile à reconnaître avant la lecture. Vérifiez le cadrage de la personne ou du produit, puis contrôlez le résultat sur ordinateur et mobile. Une image trop chargée ou mal centrée rend la bulle plus difficile à comprendre.
Ces outils de bulle vidéo doivent être testés avec le thème, les extensions et le paiement réellement utilisés.
max-width: 600px;
margin: 0 auto;
background: #f7f7fb;
border: 1px solid #e2e2ea;
border-radius: 12px;
padding: 24px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
position: relative;
overflow: hidden;
}
#cg-ig-PL7::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #3D5ACE;
}
#cg-ig-PL7 .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
#cg-ig-PL7 .ig-header {
text-align: center;
margin-bottom: 24px;
}
#cg-ig-PL7 .ig-title {
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
margin: 0 0 8px 0;
}
#cg-ig-PL7 .ig-subtitle {
font-size: 14px;
color: #7a7a96;
margin: 0;
}
#cg-ig-PL7 .progress-bar {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
position: relative;
}
#cg-ig-PL7 .progress-bar::before {
content: ”;
position: absolute;
top: 14px;
left: 40px;
right: 40px;
height: 2px;
background: #e2e2ea;
z-index: 0;
}
#cg-ig-PL7 .progress-step {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
}
#cg-ig-PL7 .step-circle {
width: 30px;
height: 30px;
border-radius: 50%;
background: #3D5ACE;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
}
#cg-ig-PL7 .step-label {
font-size: 11px;
color: #4a4a68;
font-weight: 500;
}
#cg-ig-PL7 .steps-container {
display: flex;
flex-direction: column;
gap: 16px;
}
#cg-ig-PL7 .step-card {
background: #ffffff;
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 16px;
}
#cg-ig-PL7 .step-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
#cg-ig-PL7 .step-number {
width: 28px;
height: 28px;
border-radius: 50%;
background: #3D5ACE;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
flex-shrink: 0;
}
#cg-ig-PL7 .step-title {
font-size: 15px;
font-weight: 600;
color: #1a1a2e;
margin: 0;
}
#cg-ig-PL7 .step-desc {
font-size: 13px;
color: #4a4a68;
margin: 0 0 12px 0;
line-height: 1.5;
}
#cg-ig-PL7 .code-block {
background: #1a1a2e;
border-radius: 6px;
padding: 12px;
position: relative;
margin-top: 8px;
}
#cg-ig-PL7 .code-text {
font-family: “SF Mono”, Monaco, “Cascadia Code”, “Roboto Mono”, Consolas, monospace;
font-size: 12px;
color: #f7f7fb;
margin: 0;
word-break: break-all;
line-height: 1.4;
}
#cg-ig-PL7 .copy-btn {
position: absolute;
top: 8px;
right: 8px;
background: #E48333;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 4px 10px;
font-size: 11px;
font-weight: 600;
cursor: pointer;
}
#cg-ig-PL7 .cta-section {
margin-top: 20px;
text-align: center;
padding-top: 16px;
border-top: 1px solid #e2e2ea;
}
#cg-ig-PL7 .cta-button {
display: inline-block;
background: #3D5ACE;
color: #ffffff;
text-decoration: none;
padding: 12px 24px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
}
#cg-ig-PL7 .cta-button:hover {
background: #2d4ab8;
}
#cg-ig-PL7 .source-line {
margin-top: 16px;
font-size: 11px;
color: #7a7a96;
text-align: center;
}
@media (max-width: 480px) {
#cg-ig-PL7 {
padding: 16px;
}
#cg-ig-PL7 .ig-title {
font-size: 18px;
}
#cg-ig-PL7 .step-label {
font-size: 10px;
}
#cg-ig-PL7 .step-title {
font-size: 14px;
}
}
Assistant de configuration CompleteGreet pour WooCommerce en quatre étapes, de l’installation à l’activation.
CompleteGreet pour WooCommerce
Quatre étapes de configuration
Préparer le compte CompleteGreet
Créez votre compte et choisissez la bulle vidéo ou la configuration de vidéo shoppable souhaitée.
Installer l’extension
Installez et activez l’extension officielle CompleteGreet dans l’administration WordPress.
<extension officielle CompleteGreet installée et activée dans WordPress>
Connecter la boutique
Connectez votre compte CompleteGreet depuis les réglages prévus dans l’extension.
<compte CompleteGreet connecté>
Activer et configurer
Activez le widget, puis réglez les pages, l’apparence, les actions et la vidéo dans le tableau de bord.
Source : documentation CompleteGreet
See the static HTML data above for the full breakdown.
Que vérifier avant la publication ?
Testez de vrais appareils et confirmez que les règles d’URL incluent seulement les pages souhaitées de la boutique.
Tester d’autres appareils que l’ordinateur
Les navigateurs sur ordinateur, iOS et Android peuvent afficher la bulle différemment. Contrôlez-la donc sur de vrais appareils, pas seulement dans un aperçu. Sa taille, sa position et son bouton de fermeture doivent rester faciles à utiliser sur un petit écran.
La lecture automatique avec le son est souvent bloquée sur iOS. Démarrez sans son ou après une action volontaire.
Contrôler les règles d’URL
Testez séparément les adresses des produits, des catégories, du panier et du paiement. Les chemins WooCommerce peuvent dépendre de la structure des permaliens.
Une bulle affichée pendant le paiement peut gêner un client qui souhaite simplement terminer sa commande. Masquez-la sur le panier ou le paiement si elle couvre un champ, un bouton ou une information essentielle.
Testez plusieurs types de pages ainsi que les règles d’inclusion et d’exclusion.
Mesurez aussi les performances de chargement. Un widget de bulle vidéo ajoute des ressources à une page de boutique souvent déjà chargée en images de produits, scripts de panier et extensions. Mesurez donc une fiche produit réelle avant et après l’activation.
Comparez la page avant et après l’activation avec PageSpeed Insights et les recommandations de Google sur les Web Vitals . Mesurez les changements réels au lieu de promettre un délai fixe.
Vérifiez aussi les conflits visuels avec la galerie, la visionneuse, le panneau du panier et la bannière de cookies. Corrigez-les dans le thème ou avec une aide technique.
Les vidéos produits et les conseils personnels peuvent aider les clients d’une boutique WooCommerce à mieux comprendre leur achat.
Les exemples clients donnent des pistes, mais ils ne constituent pas des références universelles.
Mesurer les performances
Mesurez les demandes, les achats, les actions dans le panier, le temps passé et le chargement à partir de vos propres données initiales.
Un contenu rapide, clair et pertinent compte davantage que des chiffres généraux de production ou de conversion. Mesurez la vitesse, les abandons et les actions dans votre propre boutique au lieu d’appliquer un pourcentage provenant d’un autre site.
Conditions nécessaires à l’installation
Vous devez disposer d’un accès administrateur à WordPress, d’une version compatible de WooCommerce et de la possibilité d’installer l’extension CompleteGreet.
CompleteGreet ne demande pas une prise en charge générale de WebRTC pour utiliser des bulles vidéo préenregistrées.
Avant d’ajouter une extension, consultez la documentation actuelle de WordPress, WooCommerce et votre hébergeur.
Calculez la rentabilité avec vos propres marges, ventes, demandes qualifiées et coûts. Le nombre de visiteurs ne suffit pas à déterminer la rentabilité. Comparez une période de référence avec une période de test suffisamment longue et tenez compte des autres changements réalisés dans la boutique.
Commencez sur quelques fiches produits importantes, puis élargissez l’utilisation après un test suffisamment fiable.
Questions fréquentes
Comment ajouter CompleteGreet sans modifier le code du paiement ?
Installez l’extension officielle CompleteGreet pour WordPress et WooCommerce. Aucune modification directe du paiement ou des fichiers du thème n’est nécessaire.
Pourquoi la bulle vidéo n’apparaît-elle pas dans l’aperçu du thème ?
L’aperçu peut gérer différemment les scripts tiers, le cache ou le consentement. Testez la boutique publiée, puis vérifiez la connexion de l’extension, le cache et l’optimisation JavaScript.
Puis-je afficher CompleteGreet seulement sur les produits et le masquer dans le panier ?
Utilisez les règles d’URL du tableau de bord CompleteGreet pour inclure les fiches produits souhaitées et exclure le panier ainsi que le paiement. Vérifiez les vraies adresses utilisées par votre boutique, car elles peuvent dépendre de la structure des permaliens et de la langue.
CompleteGreet ralentit-il une boutique WooCommerce ?
Tout widget tiers peut influencer les performances, même lorsqu’il se charge de manière asynchrone. Mesurez la vraie boutique avant et après l’activation, surtout sur mobile. Contrôlez aussi les images produits, le thème, le cache et les autres extensions afin d’identifier correctement la cause d’un ralentissement.
En quoi la tarification diffère-t-elle des outils facturés à la minute ?
CompleteGreet utilise des offres basées sur les visiteurs uniques et ne facture pas séparément chaque lecture ou minute de vidéo. Vérifiez les limites et conditions actuelles.
CompleteGreet convient-il à une boutique WooCommerce qui vend des produits chers ?
Les bulles personnelles et les vidéos shoppables peuvent aider à conseiller les visiteurs et à présenter les produits. La boutique doit mesurer leur effet sur ses propres conversions.
