Provedly s'installe sur Webflow via le champ Footer code des Site settings, ce qui prend environ une minute. Le widget s'affiche dans un Shadow DOM : il ignore vos classes Webflow et vos classes Webflow l'ignorent. La partie qui demande réflexion, ce sont les données : Webflow Ecommerce ne vous fournit pas de webhook Stripe que vous pourriez diriger vers Provedly, donc les commandes arrivent au widget via la Records API ou un CSV et sont étiquetées « Imported ».
Installation dans les Site settings
- Dans le dashboard Provedly, créez un widget et copiez le token.
- Dans Webflow, ouvrez Site settings, puis Custom code.
- Collez la balise dans le champ Footer code et publiez.
<script
src="https://provedly.app/w/widget.js"
data-token="pp_your_token"
async
defer
></script>
Le code personnalisé nécessite un forfait de site Webflow ; le domaine de staging gratuit sans forfait ne l'affiche pas. Ajoutez votre domaine personnalisé et votre domaine de staging webflow.io dans les domaines autorisés de la fiche du site sur Provedly, sinon l'endpoint de configuration refusera de répondre sur le staging et vous croirez que l'installation a échoué.
Si vous préférez ne pas afficher le widget sur certaines pages, n'utilisez pas le code personnalisé par page. Placez la balise sur tout le site et réglez le ciblage par URL dans Provedly (« all except » /checkout, /order-confirmation). Vous gardez ainsi une seule source de vérité.
Vérifier l'installation
Publiez, ouvrez l'URL de staging dans une fenêtre de navigation privée et attendez quelques secondes. Si aucune notification n'apparaît, les causes habituelles sont, dans l'ordre : le domaine ne figure pas dans les domaines autorisés, le widget n'a encore aucun enregistrement, ou la page est exclue par le ciblage par URL. Un widget sans aucun enregistrement n'affiche rien ; envoyez donc un enregistrement de test via l'API ou importez un court CSV avant de conclure que l'installation ne fonctionne pas.
Ajouter une barre CTA
Les barres utilisent un loader distinct, installé de la même manière :
<script
src="https://provedly.app/w/cta.js"
data-token="pp_your_bar_token"
async
defer
></script>
La position fixée en haut se place au-dessus de votre navbar Webflow sans que vous ayez à la modifier. Si votre navigation est en position: fixed, vérifiez l'aperçu sur un téléphone ; vous préférerez peut-être placer la barre en bas. Il existe trois types de barres : un compte à rebours jusqu'à une vraie date dans le fuseau horaire de votre choix, un minuteur evergreen propre à chaque visiteur et qui l'indique, et un compteur qui progresse selon un calendrier publié. Voir features: bars et Honest countdown timers.
Faire entrer les commandes
Webflow Ecommerce traite les paiements via Stripe, mais le compte Stripe est connecté à Webflow, et la source Stripe de Provedly a besoin d'un endpoint de webhook pour checkout.session.completed enregistré sur votre propre compte Stripe. Pour autant que les réglages de Webflow le permettent, ce n'est pas configurable depuis le panneau Ecommerce. Les options réalistes sont donc :
| Source | Comment | Étiquette |
|---|---|---|
| Automatisation (Make, Zapier, n8n) sur « new order » | POST vers la Records API | Imported |
| Webflow Logic ou une petite fonction serverless | POST vers la Records API | Imported |
| Export périodique des commandes | Import CSV | Imported |
| Votre propre Stripe Checkout hors de Webflow Ecommerce | Webhook Stripe | Verified |
Un appel à la Records API depuis une automatisation ressemble à ceci :
POST /api/v1/widgets/pp_your_token/records
Authorization: Bearer <widget api key>
Content-Type: application/json
{
"name": "{{customer name}}",
"city": "{{shipping city}}",
"country": "{{shipping country code}}",
"product_name": "{{first item name}}",
"price": "{{formatted total}}",
"external_id": "{{order id}}"
}
Envoyez external_id pour qu'une exécution relancée de l'automatisation ne crée pas de doublon ; la seconde tentative renvoie une erreur 422. L'endpoint est documenté sur /docs#api.
Si vous vendez via un site Webflow mais encaissez via vos propres liens Stripe Checkout ou un formulaire séparé adossé à Stripe, vous pouvez enregistrer le webhook vous-même et ces achats seront marqués Verified. Stripe webhooks for verified purchases explique comment faire.
Pourquoi Imported n'est pas un déclassement
On est tenté de voir « Imported » comme un badge de second rang. C'est une étiquette de provenance, pas de qualité. Provedly ne peut pas confirmer cryptographiquement le POST d'une automatisation comme il confirme un événement Stripe signé, alors il le dit exactement au visiteur. Chaque badge renvoie vers une page de vérification publique qui liste les sources du widget, ses totaux, le dernier achat vérifié et la politique d'honnêteté. Une boutique Webflow avec des enregistrements Imported honnêtes et un vrai compteur en direct est en meilleure posture qu'une boutique dont le widget affiche « 47 personnes regardent ce produit » tapé par le marchand dans un champ texte, ce que la plupart des outils concurrents permettent en octobre 2026, d'après leurs fiches.
Le compteur en direct sur Webflow
Le compteur de visiteurs en direct ne demande aucune configuration supplémentaire. Il compte les visiteurs qui ont eu la page ouverte au cours des 90 dernières secondes, grâce à un signal envoyé toutes les 30 secondes, et se masque en dessous du minimum que vous fixez plutôt que d'afficher un chiffre flatteur. Pour un portfolio ou un site d'agence au trafic modeste, cela signifie souvent que le compteur apparaît pendant les campagnes et disparaît discrètement le reste du temps. C'est le comportement attendu.
Le design, version Webflow
Vous ne pouvez pas styliser le widget avec des classes Webflow, et vous n'en avez pas besoin. Choisissez un thème dans le dashboard : Clean white pour la plupart des templates Webflow clairs, Midnight ou Deep ocean pour les sombres, Electric violet ou Sunset blaze quand la marque est tapageuse. Les formats de nom et de lieu sont par défaut « Sarah M. » et « Austin, US ». Lisez Choosing a toast theme that matches your brand pour comprendre ces choix.
Questions fréquentes
Le widget fonctionne-t-il dans l'aperçu du Webflow Designer ?
Non. Le code personnalisé des Site settings ne s'exécute que sur le site publié. Publiez sur le staging, ajoutez le domaine de staging aux domaines autorisés et testez là.
Puis-je afficher le widget uniquement sur la page de tarifs ?
Oui. Installez-le sur tout le site et réglez le ciblage par URL sur « only these » avec /pricing. Aucun code par page n'est nécessaire.
Le plan Free suffit-il pour un site Webflow ?
Oui. Le plan Free comprend un site, un widget, une barre et 2 000 impressions par mois (environ 700 visites, à raison d'à peu près 3 notifications par visite), avec le badge « by Provedly » affiché.
Installez en une minute et voyez votre première vraie notification : commencer.