Scriptorium · IV

Thêm nút mua vào trang Jekyll của bạn

Trang Jekyll nhận thanh toán với hai khối dán, và điều đó bao gồm GitHub Pages cổ điển. Không có plugin, không đá quý, và không có quy trình làm việc Hành động để thiết lập.

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

Thêm thẻ script vào đầu trong bố cục mặc định của bạn (_layouts/default.html) hoặc phần đầu of của chủ đề (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

Đặ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 bất kỳ trang, bài đăng, hoặc bao gồm. Kramdown truyền HTML nội tuyến trong Markdown theo mặc định, vì vậy giữa bài viết hoạt động.

<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

GitHub Pages không cần thêm gì

HTML đơn thuần cộng với tập lệnh được lưu trữ của chúng tôi có nghĩa là không có rắc rối danh sách cho phép plugin. Đẩy đến nhánh bạn đã xuất bản từ và nút bấm đã trực tiếp.

Liquid để nó một mình

Nút bấm không chứa dấu ngoặc nhọn, vì vậy Liquid không có gì để nội suy. Dán nó như là. Không cần thẻ thô.

Trên danh sách xác minh

Jekyll là một trong những nền tảng danh sách tài liệu như được xác nhận làm việc.

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