Pages

Sebelum anda follow tutorial ini pastikan anda:

  • Sudah mempunyai produk yang anda ingin buat untuk express checkout

  • Sudah mempunyai pages yang tersendiri untuk anda masukkan fungsi express checkout

Dapatkan Produk Id

1. Login ke akaun Shoppegram anda

2. Klik pada Products

3. Klik pada Produk yang anda ingin masukkan fungsi Express Checkout tersebut.

4. Klik pada Express checkout

5. Pilih variant yang anda ingin customer anda terus beli dan copy link tersebut

5. Pastikan anda simpan terlebih dahulu URL link tersebut kerana ia akan digunakan untuk setup pada pages anda.

Setup pada Pages

1. Login akaun Shoppegram anda

2. Klik pada Online Store -> Pages

3. Klik pada Edit button pada pages yang anda ingin masukkan fungsi Express Checkout tersebut.

4. Klik pada icon < > untuk masukkan custom code button anda

5. Seterusnya, anda hanya perlu paste code ini pada ruangan tersebut. Code : <a class="btn btn-success btn-lg text-white" href="link produk variant anda" target="_blank">Buy Now></a> ** Pada bahagian href tersebut, anda boleh masukkan link produk variant anda yang anda baru copy pada Step 1

6. Setelah selesai anda boleh klik Save dan lihat hasilnya dengan tekan pada button Preview.

Extra tips

Jika anda mahu ubah styling button anda, anda boleh rujuk link ini untuk maklumat lanjut : https://getbootstrap.com/docs/4.0/components/buttons/