Documentation des widgets
Intégrez les témoignages TestiPro sur n'importe quel site avec notre widget JavaScript léger.
Démarrage rapide
Ajoutez ce code sur toute page où vous voulez afficher des témoignages :
<div id="testipro-widget" data-slug="your-slug" data-style="carousel"></div> <script src="https://your-domain.com/embed.js" async></script>
Remplacez your-slug par le slug de votre espace trouvé dans le tableau de bord.
Styles de widget (13 layouts)
Un script. Choisissez le format adapté à chaque page.
carouselCarrousel
Un avis à la fois, défilement auto.
Idéal pour: Hero homepage, landing pages
gridGrille
Cartes en colonnes.
Idéal pour: Section fonctionnalités ou tarifs
listListe
Pile verticale d'avis complets.
Idéal pour: Bloc preuve sur une page dédiée
badgeBadge TrustScore
Pastille compacte avec note.
Idéal pour: En-tête, pied de page ou sidebar
microMicro
Étoiles + score en ligne.
Idéal pour: En ligne à côté d'un bouton CTA
stripBandeau étoiles
Barre horizontale de note.
Idéal pour: Sous le titre ou la navigation
quoteCitation vedette
Un témoignage mis en avant.
Idéal pour: Mise en avant étude de cas ou page À propos
miniMini carte
Avatar + citation compacte.
Idéal pour: Articles de blog et landing emails
marqueeMarquee
Bandeau défilant de citations.
Idéal pour: Bandeau défilant sous la navigation
popupPopup
Bouton flottant ouvrant une modale.
Idéal pour: Bouton coin sur pages longues
sidebarOnglet latéral
Tab fixe sur le bord avec panneau.
Idéal pour: Onglet fixe sur pages scroll
hellobarHello bar
Bandeau haut avec score (style Trustpilot).
Idéal pour: Bandeau haut sur tout le site
testiboxTestiBox
Grille encadrée avec score en tête.
Idéal pour: Bloc avis intégré sur n'importe quelle page
Options de configuration
Configurez le widget via les attributs data sur l'élément conteneur :
| Attribut | Obligatoire | Description |
|---|---|---|
data-slug | Oui | Slug de votre espace de travail |
data-style | Oui | carousel, grid, badge, popup, marquee, et 8 autres |
data-limit | Non | Nombre max de témoignages (défaut : 10) |
data-theme | Non | light ou dark (défaut : light) |
data-eager | Non | true pour charger immédiatement (popup, hellobar, sidebar). Par défaut : chargement à l'approche du viewport. |
Exemple : widget Grille
<div id="testipro-widget" data-slug="testipro" data-style="grid" data-limit="6" data-theme="light" ></div> <script src="https://your-domain.com/embed.js" async></script>
Performance
Le script d'intégration est léger (~5 Ko gzippé) et se charge de façon asynchrone. Il récupère les témoignages via notre API et les affiche côté client. Aucune dépendance jQuery.
Dépannage
- Vérifiez que le slug de l'espace est correct
- Seuls les témoignages approuvés apparaissent dans les widgets
- Consultez la console du navigateur pour les erreurs CORS ou réseau
- Le conteneur du widget doit exister avant le chargement du script