Scriptorium · XII

Lägg till en köpknapp på en enkel HTML-webbplats

Det finns ingen ramverk här och inget att installera. Köpknappen är HTML, så en enkel HTML-sida är det enklaste stället den kan leva. Du lägger till en rad i huvudet och en block där du säljer.

Lägg till skripttaggen, en gång

Lägg skripttaggen inuti huvudet på din sida. Om din webbplats är mer än en sida, lägg den till huvudet på varje sida som säljer, eller till den delade huvudfilen om du använder en.

<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

Klistra knappen in i brödtexten var som helst du vill att den visas. Webbläsaren renderar den på plats, och betalningsvälјaren laddar första gången en köpare klickar.

<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

Ingen byggsteg, inget problem

Du behöver inte npm, en bundler eller ett ramverk. Spara filen, ladda upp den, och knappen fungerar nästa gång sidan laddar.

Återanvänd den över sidor

Säljer från flera sidor? Lägg skripttaggen i en delad huvudfil och kopiera knappblocket var du behöver den. Varje produkt är samma block med en annan referens och etikett.

Fungerar på vilken värd som helst

GitHub Pages, en objektlagrings-bucket, en billig delad värd, en mapp på din egen server: om den serverar en HTML-fil kan den sälja. Inget körs på din sida.

Redo när din sida är det

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