Scriptorium · II

Tambahkan tombol beli ke situs Hugo Anda

Anda menambahkan satu baris ke template dasar Anda dan satu blok di mana Anda menjual. Build Anda tidak melambat, karena tidak ada yang berubah tentang build Anda.

Tambahkan tag skrip, sekali

Tambahkan tag skrip ke head template dasar Anda: layouts/_default/baseof.html di sebagian besar tema, atau bagian head jika tema Anda menyimpannya.

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

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

Tempel tombol ke template atau parsial apa pun. Untuk menempatkannya di dalam konten Markdown, izinkan HTML inline terlebih dahulu (lihat catatan margin).

<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

Goldmark memakan HTML mentah secara default

Hugo mengeluarkan HTML inline dari Markdown kecuali Anda mengatur markup.goldmark.renderer.unsafe = true di config situs Anda. Tombol di template dan parsial tidak memerlukan pengaturan sama sekali.

Jadikan parsial

Menjual dari banyak halaman? Bungkus tombol dalam parsial atau shortcode yang mengambil referensi produk dan label sebagai parameter. Satu definisi, seluruh katalog.

Pada daftar yang diverifikasi

Hugo adalah salah satu platform yang daftar docs sebagai yang dikonfirmasi bekerja. Setup persis ini diuji.

Siap saat halaman Anda siap

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