# 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="https://3336777906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaiAPp1ii3U3gXdxFLih2%2Fuploads%2FPAMnSnYmwthybiW08Hnq%2Fimage.png?alt=media&#x26;token=25498a1c-783f-42f4-8182-a9eb500ae059" 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="https://3336777906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaiAPp1ii3U3gXdxFLih2%2Fuploads%2Fg2EyRLKf2Wyg6ti7WBK6%2Fimage.png?alt=media&#x26;token=26bef389-c612-4d84-b181-18feb1ff4072" 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;

![](https://content.gitbook.com/content/aiAPp1ii3U3gXdxFLih2/blobs/llPr4pSYL6n4PFB6U6gy/image.png)

#### 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="https://3336777906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaiAPp1ii3U3gXdxFLih2%2Fuploads%2FSfw50x6iFtYgFa9Hasse%2Fimage.png?alt=media&#x26;token=9b3bd8eb-98ff-4737-94d5-b044ea6e998e" 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>

![](https://content.gitbook.com/content/aiAPp1ii3U3gXdxFLih2/blobs/tt46EPy3RrxRHqHAHlVH/image.png)