Custom code wants a paid site
Framer runs custom code and embeds on paid site plans. On a free site the published page will not show the button.
Scriptorium · VII
Add a buy button to your Framer site
Design the page in Framer and sell with the button. One paste in site settings and one Embed component on the canvas, and the design stays exactly yours.
Add the script tag, once
In Site settings, open Custom Code and paste the script tag into the section that loads in the head. Publish for it to take effect.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Name the product in your dashboard
Open your project, switch to the Products tab, and add the product: a reference you choose, a name, a price, a currency. From here the dashboard writes both blocks on this page with your real project ID. What you see below is the shape.
Place the button where you sell
Drop an Embed component onto the page, choose HTML, and paste the button. Draw the frame roughly button-sized before you publish.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publish. The button renders with the page, and the payment picker loads the first time a buyer clicks it. Each additional product is the same block with a different reference and label.
Watch out for these
Embeds size to the frame, not the content
A frame left at zero height hides the button entirely. Give the Embed an explicit size and the layout holds while the page loads.
On the verified list
Framer's HTML embed is one of the surfaces the docs list as confirmed working.
Ready when your page is
Free covers 150 transactions a month. No card to sign up.