Scriptorium · III

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

Eleventy phát ra bất cứ HTML nào bạn trao nó, bằng bất kỳ ngôn ngữ mẫu. Nút bấm là HTML. Hướng dẫn này rất ngắn bởi vì không có gì để giải quyết.

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

Thêm thẻ script vào đầu bố cục cơ sở của bạn, thường là một tệp dưới _includes/, bằng bất kỳ ngôn ngữ mẫu nào nó nói.

<!-- _includes/layout.njk -->
<head>
  <meta charset="utf-8" />
  <title>{{ 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ỳ mẫu: Nunjucks, Liquid, WebC, hoặc nội dung Markdown. Eleventy truyền HTML nội tuyến trong Markdown theo mặc định.

<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

Mỗi ngôn ngữ mẫu hoạt động

Nút bấm là HTML đơn thuần với các thuộc tính gạch ngang, mà mỗi ngôn ngữ Eleventy phát ra khác. Không có gì để thoát, không có gì để cấu hình.

Đường ống của bạn vẫn là của bạn

Tập lệnh tải từ CDN của chúng tôi tại thời gian xem. Bản dựng, bundler, và các bản sao passthrough của bạn không bao giờ biết nó tồn tại.

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