Scriptorium · XII

Thêm nút mua vào trang HTML đơn giản

Không có khuôn khổ ở đây và không gì để cài đặt. Nút mua là HTML, vì vậy một trang HTML đơn giản là nơi đơn giản nhất nó có thể sống. Bạn thêm một dòng vào đầu và một khối nơi bạn bán.

Thêm thẻ script một lần

Đặt thẻ script bên trong đầu trang của bạn. Nếu trang của bạn có nhiều hơn một trang, thêm nó vào đầu của mỗi trang bán, hoặc vào tệp tiêu đề chia sẻ nếu bạn sử dụng cái.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

Đặt tên sản phẩm trong bảng điều khiển

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.

Đặt nút bấm nơi bạn bán

Dán nút vào phần thân bất cứ nơi nào bạn muốn nó xuất hiện. Trình duyệt hiển thị nó tại chỗ, và bộ chọn thanh toán tải lần đầu tiên người mua nhấp vào.

<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.

Cẩn thận với những cái này

Không có bước xây dựng, không có vấn đề

Bạn không cần npm, một bundler, hoặc một khuôn khổ. Lưu tệp, tải lên, và nút hoạt động lần tới trang tải.

Sử dụng lại nó trên các trang

Bán từ nhiều trang? Đặt thẻ script vào một tiêu đề chia sẻ và sao chép khối nút bất cứ nơi nào bạn cần nó. Mỗi sản phẩm là khối tương tự với một tham chiếu khác và một nhãn khác.

Hoạt động trên bất kỳ máy chủ

GitHub Pages, một bộ nhớ đối tượng, một máy chủ chia sẻ rẻ tiền, một thư mục trên máy chủ của riêng bạn: nếu nó phục vụ một tệp HTML, nó có thể bán. Không có gì chạy ở phía bạn.

Sẵn sàng khi trang của bạn sẵn sàng

Miễn phí bao gồm 150 giao dịch mỗi tháng. Không cần thẻ để đăng ký.