Embed Checkout
Last updated
Last updated
Embed checkout adalah satu features dari Commerce untuk pengguna-pengguna akaun Standard, Premium dan Ultimate sahaja.
Kod embed produk, boleh digunakan untuk anda masukkan embed form bagi produk yang anda inginkan kedalam content sales/landing page anda. Untuk dapatkan kod embed produk/bundles anda boleh pergi pada bahagian:
Log masuk akaun Shoppegram -> Klik pada Products -> Klik pada produk yang anda ingin dapatkan kod embed tersebut.
Jika anda ingin dapatkan kod embed produk bundle, anda boleh klik pada Bundles terlebih dahulu.
Seterusnya, anda boleh klik pada tab Embed product/Embed checkout
Anda boleh simpan kod embed checkout yang telah terpapar pada ruangan kotak yang tersedia tersebut untuk dimasukkan kedalam content sales/landing page anda nanti. Untuk simpan kod embed tersebut, anda boleh klik pada butang ikon yang dihighlightkan seperti pada paparan dibawah.
Untuk masukkan kod embed produk tersebut kedalam sales/landing page, anda boleh drag element block HTML kedalam content page builder sales/landing page anda. Kemudian, anda boleh klik pada html content yang dimasukkan tersebut dan anda boleh terus masukkan kod embed checkout tersebut pada ruangan tersedia disebelah kiri paparan anda.
Ini adalah contoh paparan yang anda akan dapat lihat pada sales/landing page anda nanti
Jika anda ingin ubah layout/design embed checkout anda, buat masa ini kami hanya benarkan beberapa perubahan sahaja dan anda perlu masukkan custom coding didalam code embed anda itu sendiri untuk lakukannya.
Disini kami sertakan code yang anda boleh masukkan kedalam embed code anda.
| Penerangan | Code |
|---|---|
Perubahan kedudukan kotak Order summary. Buat masa ini hanya kedudukan top sahaja dibenarkan. | order-summary-position="top" |
Paparan kotak notes. "true" untuk anda paparkan. Manakala, "false" untuk anda sembunyikan. | input-custom-note="true" |
Perubahan warna butang pembelian "Pay now". Anda boleh masukkan code hex bagi warna yang anda ingin gunakan itu. | button-buy-color="#00FF00" |
Perubahan teks butang pembelian "Pay now". Anda boleh masukkan teks yang anda ingin paparkan. | button-buy-text="BELI SEKARANG" |
Pastikan anda masukkan code ini didalam ruang <embed-product "code"> itu sendiri. Sebagai contoh, disini kami sertakan contoh code untuk kami paparkan kotak order summary di atas, paparkan ruangan order notes, ubah warna butang "Pay now" kepada warna hitam dan ubah teks butang "Pay now" kepada teks "Beli Sekarang":
