Aangepaste code is plan-poort
Webflow voert aangepaste code alleen uit op sites met een betaalde siteplan. Op het gratis staging-domein blijft de kopcode slapend, dus beoordeel het resultaat op de gepubliceerde betaalde site.
Scriptorium · V
Voeg een aankoopknop toe aan je Webflow-site
Houd Webflow voor waarvoor Webflow is: het ontwerp. De knop brengt de betaling, en het erft zijn plaats in je lay-out zoals elk ander element.
Voeg de scripttag eenmaal toe
Open Site-instellingen, open Aangepaste code en plak de scripttag in het veld Kopcode. Sla op en publiceer; het laadt nu voor de hele site.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Noem het product in je dashboard
Open je project, schakel naar het tabblad Producten, en voeg het product toe: een referentie die je kiest, een naam, een prijs, een valuta. Van hier schrijft het dashboard beide blokken op deze pagina met je echte projectID. Wat je hieronder ziet is de vorm.
Plaats de knop waar je verkoopt
Zet op de pagina waar je verkoopt een Embed-element neer en plak de knop erop. Positie en grootte het op het canvas zoals alles anders.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publiceer. De knop geeft met de pagina, en de betalingskiezer laadt de eerste keer dat een koper klikt erop. Elk aanvullend product is hetzelfde blok met een ander verwijzing en label.
Let op deze
Het canvas toont een placeholder
De Designer geeft inbeddingen weer als een grijs blok. De echte knop verschijnt op de gepubliceerde pagina, dus plaats de ruimte eromheen, publiceer en kijk.
Geen Ecommerce plan vereist
De knop is zijn eigen betaling. Een gewoon CMS of statisch siteplan draagt het; Webflow Ecommerce kan volledig uit de rekening blijven.
Gereed als je pagina klaar is
Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.