Scriptorium · VII

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

Thiết kế trang trong Framer và bán với nút bấm. Một dán trong cài đặt trang web và một thành phần Nhúng trên canvas, và thiết kế vẫn chính xác của bạn.

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

Trong cài đặt trang web, mở mã tùy chỉnh và dán thẻ script vào phần tải trong đầu. Xuất bản để nó có hiệu lực.

<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

Thả một thành phần Nhúng lên trang, chọn HTML, và dán nút. Vẽ khung sơ khai trước khi bạn xuất bản.

<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ã tùy chỉnh muốn một trang được trả tiền

Framer chạy mã tùy chỉnh và nhúng trên các kế hoạch trang được trả tiền. Trên trang miễn phí, trang được xuất bản sẽ không hiển thị nút bấm.

Nhúng kích thước vào khung, không phải nội dung

Một khung để lại ở chiều cao không che phủ hoàn toàn nút bấm. Cung cấp cho Nhúng một kích thước rõ ràng và bố cục giữ trong khi trang tải.

Trên danh sách xác minh

Nhúng HTML của Framer là một trong những bề mặt 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ý.