> For the complete documentation index, see [llms.txt](https://ladipage-vietnam.gitbook.io/v5-ladipage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ladipage-vietnam.gitbook.io/v5-ladipage/x.-ung-dung/popupx.md).

# 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)