Anpassad kod är planreglerad
Webflow kör bara anpassad kod på webbplatser med en betald webbplatsplan. På den kostnadsfria mellanlagringsdomänen förblir huvudkoden vilande, så döm resultatet på den publicerade betalda webbplatsen.
Scriptorium · V
Lägg till en köpknapp på din Webflow-webbplats
Behåll Webflow för vad Webflow är för: designen. Knappen tar betalningen, och den ärver sin plats i din layout som vilken annan element som helst.
Lägg till skripttaggen, en gång
I webbplatsinställningarna, öppna anpassad kod och klistra skripttaggen in i fältet för huvudkod. Spara och publicera; det laddar nu för hela webbplatsen.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Namnge produkten i din instrumentpanel
Öppna ditt projekt, växla till fliken Produkter och lägg till produkten: en referens du väljer, ett namn, ett pris, en valuta. Härifrån skriver instrumentpanelen båda blocken på denna sida med ditt verkliga projekt-ID. Vad du ser nedan är formen.
Placera knappen där du säljer
På sidan där du säljer, släpp in ett inbäddningselement och klistra knappen inuti. Positionera och storlek det på duken som vad som helst annat.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publicera. Knappen renderas med sidan, och betalningspickern laddar första gången en köpare klickar på den. Varje ytterligare produkt är samma block med en annan referens och etikett.
Akta för dessa
Duken visar en platshållare
Designern renderar inbäddningar som ett grått block. Den verkliga knappen visas på den publicerade sidan, så stil området runt den, publicera och titta.
Ingen Ecommerce-plan krävs
Knappen är sin egen kassa. En vanlig CMS eller statisk webbplatsplan bär den; Webflow Ecommerce kan stanna helt utanför räkningen.
Redo när din sida är det
Gratis täcker 150 transaktioner per månad. Inget kort för att registrera dig.