# Page Builder

{% hint style="info" %}
Sebelum anda ikuti langkah penetapan ini pastikan anda:

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

## 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\. Berdasarkan link url tersebut anda hanya perlu simpan produk variant ID nya sahaja. Sebagai contoh link yang anda dapat ialah **<https://mirfaith.myshoppegram.com/cart/57085:1>**

Jadi anda perlu simpan **57085** sahaja untuk digunakan pada langkah seterusnya.

## **Penetapan pada Page Builder**

1\. Log masuk akaun Shoppego anda&#x20;

![](/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/-MUMbvfcKeFEwZTkkOtu)

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

![](/files/-MUMbvfcKeFEwZTkkOtu)

7\. Dibahagian URL anda boleh masukkan /cart/**add?id**=**masukkan ID yang anda dapatkan pada langkah 1 .**

{% hint style="info" %}
\*\*<mark style="color:red;">**Perhatian**</mark> : Pastikan anda masukkan **add?id=** pada URL anda.
{% endhint %}

(Contoh: [https://mirfaith.myshoppegram.com/cart/add?id=57085](https://mirfaith.myshoppegram.com/cart/57085:1))

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

9\. Setelah selesai anda boleh klik **Preview** untuk lakukan percubaan bagi penetapan button tersebut.

![](/files/-MUMcBoPZtIWDpZnnO1W)

## Info Tambahan

Jika anda ingin membuat pelanggan anda terus masukkan 3 produk terus kedalam cart mereka anda boleh asingkan setiap produk variant ID dengan simbol koma.\
\
Sebagai contoh : /cart/**add?id=57085,12345**

{% hint style="info" %}
**\*\*Maksimum hanya&#x20;**<mark style="color:red;">**3 variant ID**</mark>**&#x20;sahaja boleh dimasukkan.**

\*\*Jika anda ingin menambah **kuantiti dalam Express Cart** anda, pastikan anda ubah dan **tekan butang Update Cart.**
{% 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-cart/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.