Scriptorium · III

Tambahkan tombol beli ke situs Eleventy Anda

Eleventy memancarkan apa pun HTML yang Anda berikan kepadanya, dalam bahasa template apa pun. Tombol adalah HTML. Panduan ini pendek karena tidak ada yang perlu diobati.

Tambahkan tag skrip, sekali

Tambahkan tag skrip ke head tata letak dasar Anda, biasanya file di bawah _includes/, dalam bahasa template apa pun yang dibicarakannya.

<!-- _includes/layout.njk -->
<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 apa pun: Nunjucks, Liquid, WebC, atau konten Markdown. Eleventy meneruskan HTML inline di Markdown secara default.

<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

Setiap bahasa template bekerja

Tombol adalah HTML biasa dengan atribut bergaris, yang setiap bahasa Eleventy memancarkan verbatim. Tidak ada yang perlu di-escape, tidak ada yang perlu dikonfigurasi.

Pipeline Anda tetap milik Anda

Skrip dimuat dari CDN kami saat waktu tampilan. Build, bundler, dan salinan passthrough Anda tidak pernah tahu itu ada.

Siap saat halaman Anda siap

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