Scriptorium · VI

Add a buy button to your Carrd site

A Carrd page plus this button is a complete one-product store: the page you already pay almost nothing for, and a checkout that takes cards, crypto, or mail.

Add the script tag, once

In your site settings, open the Code section and paste the script tag into the head field. Carrd loads it on your page, which is the whole site.

<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

Add an Embed element where the button should sit, set it to Code, and paste the button in. 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 want Carrd Pro

Custom code and Embed elements are a Pro feature, Pro Standard and up. On a free Carrd site the embed stays empty.

The character limit is a non-issue

Carrd caps how much code one embed holds. The button is a few hundred characters, far under the cap. Keep the script tag in site settings so you never repeat it per embed.

On the verified list

Carrd's Embed element is one of the surfaces the docs list as confirmed working. This exact setup is tested.

Ready when your page is

Free covers 150 transactions a month. No card to sign up.