Scriptorium · V

Tambahkan tombol beli ke situs Webflow Anda

Simpan Webflow untuk apa yang dimaksudkan: desainnya. Tombol membawa pembayaran, dan itu mewarisi tempatnya dalam tata letak Anda seperti elemen lainnya.

Tambahkan tag skrip, sekali

Di Pengaturan Situs, buka kode kustom dan tempel tag skrip ke bidang kode Head. Simpan dan publikasikan; itu sekarang memuat untuk seluruh situs.

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

Beri nama produk di dashboard Anda

Buka proyek Anda, beralih ke tab Produk, dan tambahkan produk: referensi yang Anda pilih, nama, harga, mata uang. Dari sini dashboard menulis kedua blok di halaman ini dengan ID proyek nyata Anda. Apa yang Anda lihat di bawah adalah bentuknya.

Tempatkan tombol di mana Anda menjual

Di halaman di mana Anda menjual, turunkan elemen Tanam dan tempel tombol di dalamnya. Posisikan dan ukuran di kanvas seperti apa pun yang lain.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

Publikasikan. Tombol merender dengan halaman, dan pemilih pembayaran memuat pertama kali pembeli mengkliknya. Setiap produk tambahan adalah blok yang sama dengan referensi dan label yang berbeda.

Hati-hati dengan ini

Kode kustom adalah gerbang rencana

Webflow hanya menjalankan kode kustom di situs dengan paket situs berbayar. Di domain staging gratis, kode head tetap dorman, jadi nilai hasilnya di situs berbayar yang diterbitkan.

Kanvas menunjukkan tempat penampung

Desainer merender tautan sebagai blok abu-abu. Tombol nyata muncul di halaman yang diterbitkan, jadi gaya ruang di sekitarnya, lalu publikasikan dan lihat.

Tidak ada paket Ecommerce yang diperlukan

Tombol adalah checkoutnya sendiri. Paket situs CMS atau statis polos membawanya; Webflow Ecommerce dapat tetap keluar dari tagihan sepenuhnya.

Siap saat halaman Anda siap

Gratis mencakup 150 transaksi per bulan. Tidak ada kartu untuk mendaftar.