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

`carousel`

Diaporama rotatif des témoignages approuvés. Idéal pour les sections hero.

`grid`

Grille responsive affichant plusieurs témoignages. Parfait pour une page dédiée.

`badge`

Badge compact avec note moyenne et nombre d'avis. Parfait pour pieds de page et barres latérales.

`popup`

Bouton flottant ouvrant une popup de témoignages. Preuve sociale discrète.

`marquee`

Bandeau défilant continu de citations. Accrocheur pour les landing pages.

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 ou marquee
`data-limit`	Non	Nombre max de témoignages (défaut : 10)
`data-theme`	Non	light ou dark (défaut : light)

Exemple : widget Grille

<div
  id="testipro-widget"
  data-slug="demo"
  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