Garde Webflow pour ce que Webflow c'est : la conception. Le bouton apporte le paiement, et il hérite sa place dans ta mise en page comme n'importe quel autre élément.
Dans les paramètres du site, ouvre le code personnalisé et colle la balise de script dans le champ code de tête. Enregistre et publie ; il se charge maintenant pour le site entier.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Ouvre ton projet, bascule vers l'onglet Produits, et ajoute le produit : une référence que tu choisis, un nom, un prix, une devise. À partir d'ici, le tableau de bord écrit les deux blocs sur cette page avec ton ID de projet réel. Ce que tu vois ci-dessous est la forme.
Sur la page où tu vends, dépose un élément Embed et colle le bouton à l'intérieur. Positionne et dimensionne-le sur le canevas comme n'importe quoi d'autre.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publie. Le bouton s'affiche avec la page, et le sélecteur de paiement charge la première fois qu'un acheteur clique. Chaque produit supplémentaire est le même bloc avec une référence et une étiquette différentes.
Webflow n'exécute du code personnalisé que sur des sites avec un plan de site payant. Sur le domaine de mise en scène gratuit, le code de tête reste dormant, donc juge le résultat sur le site publié payant.
Le Designer affiche les intégrations comme un bloc gris. Le vrai bouton apparaît sur la page publiée, donc style l'espace autour, puis publie et regarde.
Le bouton est sa propre caisse. Un plan CMS brut ou site statique le transporte ; Webflow Ecommerce peut rester complètement en dehors de la facture.
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.