# Tích hợp hệ thống Ladipage

Đối với Ladipage, HUB Platform hỗ trợ doanh nghiệp đồng bộ thông tin **Khách hàng** về module Quản lý khách hàng trên hệ thông CDP.

Quy trình tích hợp Ladipage trải qua những bước như sau:

## <mark style="color:blue;">Thao tác trên hệ thống CDP</mark>

### <mark style="color:blue;">**1. Cấu hình plugin Ladipage**</mark> <a href="#id-6fhdp9w4phn0" id="id-6fhdp9w4phn0"></a>

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

### <mark style="color:blue;">Truy cập Plugin Ladipage trên CDP</mark>

Tại màn hình trang chủ hệ thống CDP, nhấn vào biểu tượng **Cài đặt -> Quản lý nền tảng -> Plugins** -> Chọn Plugin **Ladipage**

<figure><img src="/files/W7hx5rXlqbr07PKbTNAj" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Thông tin chi tiết</mark>

Tại giao diện cấu hình Plugin Ladipage, bạn hãy điền các thông tin chi tiết sau:

* **Username**: Tên đăng nhập của tài khoản có quyền tạo mới khách hàng trên CDP
* **Password**: Mật khẩu của tài khoản có quyền tạo mới khách hàng trên CDP

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

{% hint style="danger" %}
Lưu ý: Account phải là tài khoản có quyền create và update contact
{% endhint %}
{% endtab %}

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

### <mark style="color:blue;">Lưu kết nối</mark>

Chọn **Lưu** hoặc **Lưu & Đóng** để lưu thao tác kết nối
{% endtab %}
{% endtabs %}

### <mark style="color:blue;">**2. Cấu hình cho phép đón dữ liệu API**</mark> <a href="#id-9aw9ikjnxttn" id="id-9aw9ikjnxttn"></a>

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

### <mark style="color:blue;">Truy cập API Settings</mark>

Trên giao diện hệ thống CDP, nhấn vào biểu tượng **Cài đặt -> Cấu hình hệ thống -> Cấu hình hệ thống** -> Chọn **API Settings**

<figure><img src="/files/Q8xa1zlYFM3npej39Y7s" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Cấu hình</mark>

Tại màn hình cài đặt, bật **CÓ** các thông tin sau:

<figure><img src="/files/GQBPas1V9rZDG1mfwWJi" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Lưu cấu hình</mark>

Chọn **Lưu** hoặc **Lưu & Đóng** để lưu cấu hình API.
{% endtab %}
{% endtabs %}

### <mark style="color:blue;">3. Thêm Funnel</mark>

Để thông tin khách hàng đồng bộ về hệ thống CDP hiển thị nguồn từ Ladiqage, bạn cần thêm nguồn Ladipage trong trường tuỳ chỉnh "Nguồn" của hồ sơ khách hàng

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

### <mark style="color:blue;">Truy cập trường tuỳ chỉnh Nguồn</mark>

Nhấn vào biểu tượng **Cài đặt -> Cấu hình hệ thống -> Trường tuỳ chỉnh** -> Tìm trường tuỳ chỉnh "**Nguồn**"

<figure><img src="/files/UVqVOlGmsqpm5izvw7aH" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Thêm funnel</mark>

Thêm mới funnel bằng cách thêm 1 giá trị cho trường tuỳ chỉnh **Nguồn** như sau:

* Nhấn vào nút **Thêm giá trị**

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

Hiện ra giá trị mới:

<figure><img src="/files/5jsRj1kG3DX5RkqPJ4bu" alt=""><figcaption></figcaption></figure>

* Bạn tạo nguồn Ladipage như sau:

  * Nhãn: Ladipage
  * Giá trị: ladipage

  Tương tự như trong sau:

<figure><img src="/files/TC8Op5Emy1vFHzNut5BM" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Lưu thao tác</mark>

Chọn **Lưu** hoặc **Lưu & Đóng** để lưu tao tác tạo mới nguồn
{% endtab %}
{% endtabs %}

## <mark style="color:blue;">Thao tác trên hệ thống Ladipage</mark>

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

### <mark style="color:blue;">Truy cập Ladipage Builder</mark>

Bạn cần truy cập vào trang chủ Ladipage, chọn Ladipage Builder

<figure><img src="/files/qaJpCeqTivRnBhJnQYbH" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Tạo mới cấu hình form</mark>

Hệ thống mở màn hình development, tại đây bạn chọn **Tích hợp** > Chọn tab **Cấu hình Form** > Tạo cấu hình form

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

Chọn **Form Data** dùng để tạo form lưu data khách hàng

<figure><img src="/files/6LPgeQqzcGmjQ7jmlhfg" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Nhập thông tin cơ bản</mark>

Bạn cần nhập đầy đủ các thông tin theo thứ tự dưới đây trong cấu hình form:

* Trước tiên, bạn cần chọn **Tích hợp lưu data từ form về bên thứ 3 qua cổng API**

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

* Sau đó, người dùng cần nhập **Tên cấu hình** Form và nhấn **Hoàn tất** để chuyển tới màn hình nhập thông tin chi tiết
  {% endtab %}

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

### <mark style="color:blue;">Nhập thông tin chi tiết</mark>

Sau khi nhấn tạo mới cấu hình form, hệ thống sẽ hiển thị màn hình yêu cầu nhập thông tin chi tiết của cấu hình như sau:

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

Tại đây, người dùng tiến hành nhập các thông tin sau:

* **Tên lưu trữ:** Tên gợi nhớ của cấu hình form
* **API URL**: Link API hiển thị trong Plugin Ladipage của hệ thống CDP. Bạn chỉ cần copy đường dẫn này và paste vào **API URL**

<figure><img src="/files/7vPA9xPhuKzEpBQ4YoIj" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Lưu ý:&#x20;

* Trường hợp khách hàng muốn phân rõ nguồn của khách hàng chính xác theo từng page/từng website, thông tin **API URL** người dùng có thể nhập như sau:\
  API URL =  domain hệ thống CDP/plugins/ladipage/contact/new?funnel={tên nguồn bạn định nghĩa cho page/website}

* Trong đó, tên nguồn nhập theo cú pháp: tê nguồn viết thường, không dấu, không chứa khoảng trắng. Các từ cách nhau bởi dấu gạch dưới.

* Ví dụ: ten\_webste\_cua\_ban<br>
  {% endhint %}

* Chọn **API Content Type** là **x-www-urlendcode**

* Nhập các trường thông tin đồng bộ về CDP ở đây:
  * Cột bên trái: tên các đối tường (trường nhập thông tin) trên form
  * Cột bên phải: alias trường tương ứng trên CDP.

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

![](/files/OxQniP5rLaIW6SSynAcw)

<figure><img src="/files/5xi5A0TImNmYEKGu2p6G" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Lưu ý: Người dùng cần nhập thêm một thông tin trường mặc định khi cấu hình form như ảnh dưới, với thao tác này, hệ thống có thể thu thập được cả thông tin URL của trang mà khách hàng điền thông tin, từ đó doanh nghiệp dễ dàng nắm bắt được nhu cầu của khách hàng hơn

{% endhint %}

<figure><img src="/files/j2VvCqrbGmjMATJwBosr" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

### <mark style="color:blue;">Cài đặt lưu data</mark>

Tại form muốn đồng bộ dữ liệu về, bạn chọn “**Lưu data**” như hình sau:

<figure><img src="/files/2IiQhpY1iuVMkr241zwH" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Lưu ý: Khi Cài đặt "Lưu data" Ladipage, bạn bắt buộc phải thêm trang cảm ơn để khi submit form xong sẽ hiển thị popup/direct URL cảm ơn khách hàng setup.
{% endhint %}

* Tại trường cấu hình form, chọn **Cấu hình Form** vừa tạo

<figure><img src="/files/0dDyyaK8VKrRR2cNU83h" alt=""><figcaption></figcaption></figure>

* Nhấn **Cập nhật** để lưu thông tin

Cuối cùng, nhấn **Xuất bản** để lưu cấu hình data.
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
Lưu ý: Mỗi lần tạo kết nối với Ladipage, người dùng cần thao tác tất cả các bước như sau:&#x20;

**Chỉnh sửa cấu hình trong module tích hợp -> Form -> Lưu data -> Cập nhật thông tin và nhấn Cập nhật -> Xuất bản.**
{% endhint %}


---

# 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://help-cdp.hub-js.com/data-collect/tich-hop-du-lieu/tich-hop-he-thong-ladipage.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.