Scriptorium · VII

Lägg till en köpknapp på din Framer-webbplats

Designa sidan i Framer och sälj med knappen. En inklistring i webbplatsinställningarna och en inbäddningskomponent på duken, och designen förblir exakt din.

Lägg till skripttaggen, en gång

I webbplatsinställningarna öppnar du anpassad kod och klistra skripttaggen in i det avsnitt som laddar i huvudet. Publicera för att det ska träda i kraft.

<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

Släpp en inbäddningskomponent på sidan, välj HTML och klistra knappen. Rita ramen ungefär knappstorlek innan du publicerar.

<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

Anpassad kod vill ha en betald webbplats

Framer kör anpassad kod och inbäddningar på betalda webbplatsplaner. På en gratis webbplats visas inte knappen på den publicerade sidan.

Inbäddningar storlek till ramen, inte innehållet

En ram som lämnats vid nollhöjd döljer knappen helt. Ge inbäddningen en explicit storlek och layouten håller medan sidan laddar.

På den verifierade listan

Framer:s HTML-inbäddning är en av de ytor som dokumentationen listar som bekräftad fungerar.

Redo när din sida är det

Gratis täcker 150 transaktioner per månad. Inget kort för att registrera dig.