# 4. PopupX

Tính năng giúp bạn hiển thị popup được tạo từ builder LadiPage lên 1 website bất kỳ 

## Tạo ,thiết kế giao diện  PopupX

Đăng nhập vào tài khoản builder.ladipage.com, mục Ứng dụng -> PopupX

<figure><img src="/files/O1Uh6vuUcVG3evamCFpb" alt=""><figcaption></figcaption></figure>

Bấm nút Tạo PopupX, chọn loại thiết kế mong muốn và tạo nội dung PopupX theo nhu cầu của bạn&#x20;

<figure><img src="/files/Yh9l97Z7KlbYOh1hq5e5" alt=""><figcaption></figcaption></figure>

## Cách gắn PopupX vào 1 trang Landingpage&#x20;

#### Bước 1 : Tạo nội dung PopupX và lấy code popupX&#x20;

Truy cập vào trang chỉnh sửa PopupX, mục Xuất bản, copy phần code Mã nhúng PopupX SDK&#x20;

![](/files/cvZNhZsb3kRjpfv3ide8)

#### Bước 2 : Truy cập builder chỉnh sửa của trang LandingPage muốn hiển thị PopupX, có 2 cách để thiết lập hiển thị PopupX trên Landingpage&#x20;

**Cách 1 :** Ở builder, vào mục Tiện ích , PopupX, chọn Bật , để tích hợp PopupX vào trang của bạn

<figure><img src="/files/YHkbbKhyJgInsoCCLRHH" alt=""><figcaption></figcaption></figure>

**Cách 2:**  Vào mục Thiết lập- Mã javascripts/css. Bạn paste phần code PopupX SDK đã copy ở bước 1, chèn vào mục Trước thẻ \</head>

![](/files/MpKmGMRscAUiaqGp6MkV)


---

# 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://ladipage-vietnam.gitbook.io/v5-ladipage/x.-ung-dung/popupx.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.