Bạn không cần một gói tích hợp, chỉ thị khách hàng, hoặc một đảo chiều. Nút bấm là HTML đơn thuần được gửi với bản dựng tĩnh của bạn, đó là điều Astro hình dạng nhất một tiện ích thanh toán có thể là.
Đặt thẻ script trong đầu bố cục cơ sở của bạn, src/layouts/Layout.astro trong hầu hết các dự án. Mỗi trang sử dụng bố cục có thể hiển thị các nút từ đó trở đi.
---
// 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>Mở dự án của bạn, chuyển đến tab Sản phẩm, và thêm sản phẩm: một tham chiếu bạn chọn, một tên, một giá, một tiền tệ. Từ đây bảng điều khiển viết cả hai khối trên trang này với ID dự án thực tế của bạn. Những gì bạn nhìn thấy dưới đây là hình dạng.
Dán nút vào phần thân của bất kỳ trang hoặc thành phần .astro. Astro truyền nó qua HTML được xây dựng không thay đổi.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Xuất bản. Nút bấm hiển thị với trang, và bộ chọn thanh toán tải lần đầu tiên người mua nhấp vào nó. Mỗi sản phẩm bổ sung là khối tương tự với một tham chiếu khác và một nhãn khác.
Đây không phải là một thành phần khung, vì vậy nó không cần client:load và không bao giờ xuất hiện trong thống kê gói của bạn. Thẻ script thực hiện công việc của nó trong trình duyệt, sau HTML của bạn.
Các trang được hiển thị qua bố cục đã có tập lệnh. Để bán từ bên trong nội dung MDX, dán cùng một HTML nút thẳng vào tệp.
Nút bấm không quan tâm HTML được sản xuất như thế nào. Nếu trang tiếp cận trình duyệt, nó bán.
Miễn phí bao gồm 150 giao dịch mỗi tháng. Không cần thẻ để đăng ký.