> For the complete documentation index, see [llms.txt](https://help-cdp.hub-js.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help-cdp.hub-js.com/cdp-operation/marketing-tools/landing-page/thiet-ke-landing-page.md).

# Thiết kế landing page

Tạo landing page mang lại nhiều lợi ích cho doanh nghiệp, từ tăng chuyển đổi, thu hút khách hàng mới đến tăng hiệu suất quảng cáo và tạo ấn tượng tích cực.

Để thiết kế landing page bạn hãy thực hiện theo các bước đơn giản sau đây:

{% tabs %}
{% tab title="Bước 1" %}

## <mark style="color:blue;">Vào màn hình</mark> <mark style="color:blue;"></mark><mark style="color:blue;">**Quản lý landing page**</mark>

Đầu tiên để thiết kế một landing page bạn hãy nhấn vào module "**Quản lý tài nguyên**" sau đó nhấn vào "**Quản lý landing page**" để vào màn hình quản lý landing page.

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FX7uvv5kKim9prtLpdAiu%2Fimage.png?alt=media&amp;token=f6bf5f63-662f-4fb7-b9ae-fe68e9f00ca1" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 2" %}

## <mark style="color:blue;">Tạo mới landing page</mark>

Tiếp theo tại màn hình quản lý landing page bạn hãy nhìn lên góc trên bên phải sau đó nhấn "**Tạo mới**" để tạo mới một landing page.

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FKImPzlJyft9tQCD5zHOk%2Fimage.png?alt=media&amp;token=9b0582dd-cce2-4a50-9a25-17115a0ef517" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 3" %}

## <mark style="color:blue;">Hoàn thiện các thông tin cần thiết</mark>

Sau khi vào được màn hình tạo mới landing page bạn hãy nhập các thông tin cần thiết ở cột bên phải sau:

* Tiêu đề - Tiêu đề của landing page
* Danh mục - Danh mục của landing page
* Xuất bản - Nhấn "**Có**" để xuất bản landing page.

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FccCK42vgUC88K2oY2Q88%2Fimage.png?alt=media&amp;token=b5cbe7d8-c773-4e73-8739-fc5a3709798e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 4" %}

## <mark style="color:blue;">Mở màn hình thiết kế landing page</mark>

Hệ thống hỗ trợ rất nhiều tempage mẫu để tạo một landing page tuy nhiên chúng tôi khuyên bạn để giao diện landing page đẹp và ứng ý nhất bạn nên thiết kế landing page ở bên ngoài ví dụ như Ladi page sau đó nhập code vào hệ thống.

Để tạo landing page bằng chế độ mã bạn hãy nhấn vào "**Select**" tại mẫu "**Chế độ mã**" sau đó nhấn vào "**Builder**"&#x20;

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FQmP8QNuKufbDSKGRinHo%2Fimage.png?alt=media&amp;token=997fead0-2b3f-4eb1-b612-000d2898aa1b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 5" %}

## <mark style="color:blue;">Thiết kế landing page</mark> &#x20;

Tại vùng bên phải bạn hãy nhập code bạn copy từ bên ngoài rồi dính vào sau đó giao diện của landing page sẽ được hiện sang ở bên trái màn hình.

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FQxODnaZCAMJ90HpSAvzY%2Fimage.png?alt=media&amp;token=b1ca5f19-cedc-407a-b049-581d8ee71257" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bước 6" %}

## <mark style="color:blue;">Hoàn tất việc thiết kế landing page</mark>

Sau khi bạn nhập được code vào, bạn hãy nhấn nút "**Lưu**", sau đó nhấn "**Đóng**" màn hình nhập code.

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FtqUf3bAHWh9D11GhH6Ym%2Fimage.png?alt=media&amp;token=5c911919-c9f9-4d87-89d2-25a234e2c74a" alt=""><figcaption></figcaption></figure>

Cuối cùng để hoàn tất việc thiết kế landing page bạn hãy nhấn nút "**Lưu & Đóng**".

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FWqLYv9knQZ3PDZmA2WCx%2Fimage.png?alt=media&amp;token=4173c7df-d3c2-4276-bd16-194d9cd788ca" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}