Scriptorium · IV

Tambahkan tombol beli ke situs Jekyll Anda

Situs Jekyll mengambil pembayaran dengan dua blok tertempel, dan itu termasuk GitHub Pages stok. Tidak ada plugin, tidak ada gems, dan tidak ada workflow Actions untuk diatur.

Tambahkan tag skrip, sekali

Tambahkan tag skrip ke head di tata letak default Anda (_layouts/default.html) atau sertakan head tema Anda (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.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 halaman, posting, atau sertakan apa pun. Kramdown meneruskan HTML inline di Markdown secara default, jadi mid-post bekerja.

<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

GitHub Pages tidak memerlukan apa pun yang ekstra

HTML biasa ditambah skrip yang dihosting kami berarti tidak ada masalah daftar izin plugin. Dorong ke cabang yang sudah Anda terbitkan dan tombol aktif.

Liquid membiarkannya saja

Tombol tidak mengandung kurung keriting, jadi Liquid tidak memiliki apa yang akan diinterpolasi. Tempel seperti apa adanya. Tag baku tidak diperlukan.

Pada daftar yang diverifikasi

Jekyll adalah salah satu platform yang daftar docs sebagai yang dikonfirmasi bekerja.

Siap saat halaman Anda siap

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