Scriptorium · V

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

Giữ Webflow cho những gì Webflow được làm: thiết kế. Nút bấm mang thanh toán, và nó kế thừa vị trí của nó trong bố cục của bạn như bất kỳ phần tử nào khác.

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 trường mã head. Lưu và xuất bản; nó bây giờ tải cho toàn bộ trang web.

<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

Trên trang nơi bạn bán, thả vào một phần tử Nhúng và dán nút bên trong. Vị trí và kích thước nó trên canvas như bất cứ điều gì khác.

<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 được gated kế hoạch

Webflow chỉ chạy mã tùy chỉnh trên các trang có kế hoạch trang trả tiền. Trên miền đặt giai đoạn miễn phí, mã head vẫn ở chế độ ngủ, vì vậy phán xét kết quả trên trang được xuất bản trả tiền.

Canvas hiển thị một trình giữ chỗ

Designer hiển thị nhúng như một khối màu xám. Nút bấm thực tế xuất hiện trên trang được xuất bản, vì vậy phong cách không gian xung quanh nó, sau đó xuất bản và nhìn.

Không cần kế hoạch Ecommerce

Nút bấm là thanh toán riêng của nó. Một kế hoạch CMS đơn giản hoặc trang tĩnh mang nó; Webflow Ecommerce có thể ở ngoài hóa đơn hoàn toà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ý.