# Page Builder

Sebelum anda ikuti langkah penetapan ini pastikan anda:

* Sudah **mempunyai produk** yang anda ingin buat untuk **express checkout.**
* Sudah **mempunyai pages yang tersendiri** untuk anda masukkan **fungsi express checkout.**
* Sudah **langgan plan Shoppego&#x20;**<mark style="color:red;">**Standard**</mark>**&#x20;ke-atas.**

## Dapatkan Produk ID

1. Log masuk ke akaun Shoppego anda

![](/files/lCN7aw3FznaFFoOAyya2)

2. Klik pada **Products**

![](/files/3QYpKlTI5mdyrdLeiYts)

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

![](/files/i3S3XPC8L5SjJS1W4hLs)

4\. Klik pada **Express checkout**

![](/files/bqs406u5zwylQ0lJnPQ6)

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

![](/files/iA6m613XvwBy9vep3yLN)

6\. Pastikan anda simpan terlebih dahulu URL link tersebut kerana ia akan digunakan untuk penetapan pada page builder anda.&#x20;

## **Penetapan pada Page Builder**

1\. Log masuk akaun Shoppego anda

![](/files/lCN7aw3FznaFFoOAyya2)

2\. Klik pada **Online Store** -> **Pages**

![](/files/YW5MKHAFthkHAX6ApmOw)

3\. Klik pada butang **Edit** pada pages yang anda ingin masukkan fungsi Express Checkout tersebut.

![](/files/E1metuuRouovYFNz12pX)

4\. Klik pada **Edit with Builder**

![](/files/6Ciuq7MNuHo6Vk382w6t)

5\. Seterusnya, anda akan dibawa ke halaman page builder anda. Untuk penetapan express checkout tersebut, anda boleh **drag** **element Button** tersebut **ke ruangan yang disediakan**.

![](/files/-MCtu97i3dGXrIXrW7bZ)

![](/files/-MCtwYtM8tMRsG7tT1j4)

6\. Klik pada **element Button** tersebut yang anda baru lepas drag dan masukkan ke dalam body content anda. Taip text yang anda inginkan supaya terpapar pada element Button tersebut.

![](/files/-MCtuWxn71xRmG15Uzxb)

7\. Dibahagian URL anda boleh masukkan **Url yang anda baru dapatkan dari langkah 1**&#x20;

(Contoh: <https://mirfaith.myshoppegram.com/cart/57085:1>)

8\. Pada **ruangan Target** anda boleh pilih option **Same Tab** atau **New Tab** manakala, pada ruangan setting lain anda boleh setting mengikut design anda.

9\. Setelah selesai anda boleh klik **Preview** untuk test button tersebut.

![](/files/-MIRwulSdjAgIV067RsI)

## Info Tambahan

### Checkout 3 Produk

1. Jika anda ingin membuat pelanggan anda **terus checkout** dengan **3 produk terus**, anda boleh **asingkan setiap produk variant ID** dengan **simbol koma**.\
   \
   **Sebagai contoh** : /cart/**57085:**<mark style="color:blue;">**1**</mark>**,12345:**<mark style="color:blue;">**2**</mark>**,57779:**<mark style="color:blue;">**3**</mark>

### Kod Diskaun

1. Jika anda ingin pastikan **pelanggan checkout automatik sekali dengan diskaun kod yang anda inginkan**, anda boleh **lakukan penambahan ?discount=\[Kod diskaun anda]** pada URL express checkout anda.\
   \
   Sebagai contoh kod diskaun anda ialah "**FREESHIPPING**":\
   /cart/57085:1,12345:2,57779:3<mark style="color:blue;">**?discount=FREESHIPPING**</mark>

{% hint style="info" %}
**\*\*Maksimum hanya&#x20;**<mark style="color:red;">**3 variant ID(yang valid)**</mark> sahaja yang boleh dibaca oleh sistem kami.

\*\* **Nombor selepas&#x20;**<mark style="color:red;">**titik bertindih**</mark> tersebut merujuk kepada <mark style="color:blue;">**quantity barang yang dibeli**</mark>.&#x20;
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shoppego.com/ms/express-checkout/page-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.