> 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

Để 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="/files/veM8v4en9eIIaVWrmGUM" 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="/files/rGwfTfkhIjmaWF8L0IkD" 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="/files/2zfr320hk6uE5v7ye63I" 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="/files/8EMWvAUSygtuWwLeBCJc" 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="/files/VhQKw7zalqzCMAV0y4tf" 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="/files/pZB00vUoClfUrFMYrVZ6" 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="/files/0wprggL4CuBuUTX1VbQu" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}