Aangepaste code wil een betaalde site
Framer voert aangepaste code en inbeddingen uit op betaalde siteplannen. Op een gratis site toont de gepubliceerde pagina de knop niet.
Scriptorium · VII
Voeg een aankoopknop toe aan je Framer-site
Ontwerp de pagina in Framer en verkoop met de knop. Eén plak in site-instellingen en één Embed-component op het canvas, en het ontwerp blijft precies van jou.
Voeg de scripttag eenmaal toe
Open in Site-instellingen Aangepaste code en plak de scripttag in de sectie die in de kop laadt. Publiceer om het effect te hebben.
<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
Sleep een Embed-component naar de pagina, kies HTML, en plak de knop. Trek het frame ruwweg knopmaat voordat je publiceert.
<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
Inbeddingen formaat zich naar het frame, niet de inhoud
Een frame dat achtergelaten is op nulhoogte verbergt de knop volledig. Geef de Embed een expliciete grootte en de lay-out houdt vast terwijl de pagina laadt.
Op de geverifieerde lijst
Framer's HTML-inbedding is een van de oppervlakken die de docs opnoemen als bevestigd werkend.
Gereed als je pagina klaar is
Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.