Macam mana nak buat payment form guna HTML sendiri (Custom HTML)?

Viewed 2

Saya ada design page sendiri dalam HTML. Macam mana nak buat payment form guna HTML sendiri (Custom HTML) dalam BCL?

1 Answers

Custom HTML ni salah satu jenis payment form: anda design page tu sendiri dalam HTML, BCL cuma tambah bahagian checkout — item, maklumat customer dan butang bayar.

Caranya:

  • Pergi ke Payments → Forms, create payment form (atau edit yang sedia ada).
  • Di Type of Form, pilih Custom HTML.
  • Klik Open HTML Editor. BCL save form dulu, kemudian buka editor fullscreen.
  • Taip atau paste HTML anda, kemudian klik Save HTML.
  • Klik Preview untuk tengok hasilnya, Back untuk balik ke form, dan View Form untuk buka page sebenar.

Butang Open HTML Editor

Tak pandai tulis HTML? Minta AI buatkan — Claude, ChatGPT, Gemini atau mana-mana yang anda biasa guna.

  • Bagi tahu apa yang anda jual dan gaya yang anda nak.
  • Minta satu fail HTML penuh: dengan CSS sekali, <!DOCTYPE html> dan viewport meta untuk phone.
  • Copy hasilnya, paste dalam editor, Save HTML, tengok Preview.
  • Ada yang tak kena? Minta AI ubah dan paste semula.
  • Untuk gambar, upload ke Team → Media Manager dan bagi link tu kepada AI.
  • Kalau AI tetap tanam gambar base64 dalam HTML, klik ikon Upload inline images dalam editor, kemudian Upload & replace. BCL pindahkan semua gambar ke media library anda dan tukar kepada link.

Mana checkout keluar?

  • Secara default, BCL letak bahagian checkout di bawah HTML anda.
  • Nak checkout keluar di tempat lain — contohnya di tengah page, lepas penerangan produk? Paste embed code form tu di situ, dan BCL takkan letak satu lagi di bawah.
  • Cara ambil embed code: Embed form pada laman web anda.

Nak harga atau stok semasa keluar dalam HTML tanpa kena edit setiap kali berubah? Guna shortcode, contohnya [stock product=123]. Senarai penuh: Shortcode untuk payment form HTML.

Form Donation pun boleh guna HTML sendiri: di Page Content, set Content Type kepada Custom HTML.

Nak sales page sahaja, dengan butang yang bawa ke form checkout berasingan? Tu funnel dua langkah — Bina funnel dua langkah: sales page, kemudian checkout.