Nol JavaScript ditambahkan ke pulau Anda
Ini bukan komponen kerangka kerja, jadi tidak memerlukan client:load dan tidak pernah muncul dalam statistik bundle Anda. Tag skrip melakukan pekerjaan di browser, setelah HTML Anda.
Scriptorium · I
Tambahkan tombol beli ke situs Astro Anda
Anda tidak memerlukan paket integrasi, direktif klien, atau pulau. Tombol adalah HTML biasa yang dikirim dengan build statis Anda, yang merupakan hal paling berbentuk Astro yang dapat dilakukan widget pembayaran.
Tambahkan tag skrip, sekali
Letakkan tag skrip di head tata letak dasar Anda, src/layouts/Layout.astro di sebagian besar proyek. Setiap halaman yang menggunakan tata letak dapat merender tombol sejak saat itu.
---
// src/layouts/Layout.astro
---
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{title}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>Beri nama produk di dashboard Anda
Buka proyek Anda, beralih ke tab Produk, dan tambahkan produk: referensi yang Anda pilih, nama, harga, mata uang. Dari sini dashboard menulis kedua blok di halaman ini dengan ID proyek nyata Anda. Apa yang Anda lihat di bawah adalah bentuknya.
Tempatkan tombol di mana Anda menjual
Tempel tombol ke dalam badan halaman atau komponen .astro apa pun. Astro meneruskannya ke HTML yang dibangun tanpa disentuh.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publikasikan. Tombol merender dengan halaman, dan pemilih pembayaran memuat pertama kali pembeli mengkliknya. Setiap produk tambahan adalah blok yang sama dengan referensi dan label yang berbeda.
Hati-hati dengan ini
MDX dan koleksi konten
Halaman yang dirender melalui tata letak sudah memiliki skrip. Untuk menjual dari dalam konten MDX, tempel HTML tombol yang sama langsung ke dalam file.
Statis, SSR, hybrid: semua baik
Tombol tidak peduli bagaimana HTML diproduksi. Jika halaman mencapai browser, itu menjual.
Siap saat halaman Anda siap
Gratis mencakup 150 transaksi per bulan. Tidak ada kartu untuk mendaftar.