Ajoutez un panier et un tunnel d'achat one-page à n'importe quel site — HTML, Webflow, Framer. Aucun backend à écrire.
Ce bouton ⤴ utilise le vrai widget · clic = vraie commande
Comment ça marche
01
Une seule balise <script> à la fin de votre site. Aucune dépendance, aucune config.
02
Ajoutez la classe .buy-button et les attributs data-item-* sur vos boutons existants.
03
Au clic, le panier s'ouvre. L'utilisateur paie en un seul écran. Vous gérez les commandes dans le dashboard.
Pourquoi Atelier
Email, livraison, paiement sur le même écran. Aucun tunnel à 3 étapes.
Vos produits sont déclarés dans votre HTML. Aucun catalogue à maintenir ailleurs.
Anti-tampering : le serveur recalcule sous-total, TVA et port avant chaque insert.
Liste des commandes en temps réel, recherche, filtres et changement de statut.
Installation
Collez ces lignes n'importe où dans votre site. Le widget détecte automatiquement vos boutons, ouvre le panier au clic, gère le paiement et enregistre la commande.
<button class="buy-button"
data-item-id="sonic-pro"
data-item-name="Sonic Pro"
data-item-price="24900"
data-item-image="https://…/headphones.jpg">
Acheter — 249,00 €
</button>
<script src="https://atelier.lovable.app/widget.js" defer></script>L'icône panier s'injecte automatiquement dans votre <header>. Pour la placer ailleurs, ajoutez <div data-atelier-cart-icon></div> où vous voulez.
Stripe et email de confirmation s'activent en un clic quand vous serez prêts à passer en production.