Tích hợp Ladipage Form về NEXTfunnel.vn

Các bước kết nối Ladipage Form:

1. Tạo Form kết nối trên Ladipage sử dụng kết nối API

2. Cài đặt URL nhận dữ liệu từ Form

3. Cài đặt các trường dữ liệu

   1. Cấu hình các trường dữ liệu mặc định

   2. Cấu hình các trường dữ liệu tùy chỉnh

4. Thử nghiệm kết nối.

Hướng dẫn chi tiết:

Bước 1. Tạo Form sử dụng kết nối API trên Ladipage

• Click vào menu Tích hợp và chọn Cấu hình Form

• Click tiếp vào nút Tạo cấu hình Form => Form Data

• Click chọn "Tích hợp lưu data từ form về bên thứ 3 qua cổng API"

Bước 2. Cấu hình URL nhận dữ liệu từ Form

• Tùy chỉnh lại URL dưới đây:

https://public-api.nextfunnel.vn/webhook/ladipage?apikey=Mã-API-Của-Bạn&workflow=workflow-id-bạn-muốn-thêm&tag=tag-bạn-muốn-thêm

Trong đó:

• apikey (bắt buộc) là mã mà NEXTfunnel cung cấp riêng cho mỗi khách hàng (vui lòng liên hệ bộ phận hỗ trợ để nhận apikey)

• workflow (tùy chọn) là workflow automation mà bạn muốn thêm khách hàng vào ngay khi điền form.

• tag (tùy chọn, chỉ có thể thêm 1 tag) là thẻ bạn muốn thêm vào để phân loại khách hàng hoặc để kích hoạt Workflow Automation.

Cách lấy Workflow ID: Bạn click vào workflow mà bạn muốn thêm khách hàng vào, và sao chép id trên đường dẫn của trình duyệt.

• 3 Ví dụ đây sẽ là link hoàn chỉnh sau khi thêm apikey, workflow, tag:

  • Link sau sẽ thêm khách hàng vào Workflow và gắn tag cho khách hàng. https://public-api.nextfunnel.vn/webhook/ladipage?apikey=abcxyz&workflow=bb63ad9f-1c86-4127-80fb-75edb85172ee&tag=tag-test

  • Link sau sẽ thêm khách hàng vào Workflow và KHÔNG gắn tag cho khách hàng. https://public-api.nextfunnel.vn/webhook/ladipage?apikey=abcxyz&workflow=bb63ad9f-1c86-4127-80fb-75edb85172ee

  • Link sau sẽ chỉ gắn tag cho khách hàng. https://public-api.nextfunnel.vn/webhook/ladipage?apikey=abcxyz&tag=tag-test

• Dán đường link trên vào ô API URL của Form. Tiếp đó, chọn application/json và tích chọn Gửi API qua Ladipage

Bước 3: Cài đặt các trường dữ liệu mặc định

Trên khung cấu hình các trường dữ liệu muốn nhận sẽ có 2 cột, cột trường dữ liệu mà NEXTfunnel sẽ nhận được là cột bên phải, trường dữ liệu Ladipage cung cấp là trường bên trái,

• Các trường dữ liệu của Ladipage là TÊN LẤY DỮ LIỆU của từng trường.

• Các trường dữ liệu của NEXTfunnel phải TUÂN THEO quy định của NEXTfunnel.

3.1. Các trường dữ liệu mặc định của NEXTfunnel:

Sử dụng các mã tại cột Trường dữ liệu mặc định dưới đây để nhận data từ Ladipage.

Trường dữ liệu mặc định	Yêu cầu	Mô tả
phone	Bắt buộc	-Số điện thoại theo định dạng Việt Nam (09..., +849...) -Khách nước ngoài thì phải đầy đủ mã quốc gia (+1..., +86...)
email	Tùy chọn	Bắt buộc nếu trường phone để trống
name	tùy chọn	Họ và tên đầy đủ, hệ thống sẽ tự tách họ và tên thành Firstname và Lastname
firstName	tùy chọn	Họ của khách hàng
lastName	tùy chọn	Tên của khách hàng
gender	Tùy chọn	Giới tích của khách (male / female)
dateOfBirth	Tùy chọn	Ngày tháng năm sinh (định dạng ngày-tháng-năm)
address1	Tùy chọn	Địa chỉ của khách
city	Tùy chọn	Thành Phố
state	Tùy chọn	Tỉnh thành
postalCode	Tùy chọn	Mã bưu chính
companyName	Tùy chọn	Tên công ty

3.2. Các trường dữ liệu tùy chỉnh mà bạn tạo trong Settings => Cusom Fields:

Để đưa dữ liệu vào trường dữ liệu tùy chỉnh, bạn vào mục Settings => Custom Fields và sao chép trường tùy chỉnh muốn kết nối

• Dán vào cấu hình form và xóa bỏ 2 dấu ngoặc {{ }}. Ví dụ với trường {{ contact.kdnk_combo }} kết quả sẽ là:

Customfields mặc định:

Customfields	Tùy chọn	Mô tả
contact.ref	Không bắt buộc	Mã người giới thiêu

Một số lưu ý:

• Với trường dữ liệu tùy chỉnh chứa ngày tháng năm, bạn cần cấu hình trên Ladipage theo định dạng: "Ngày/Tháng/Năm" hoặc "Ngày-Tháng-Năm", ví dụ định dạng: "26/08/2024", "26-08-2024"

• Trường dữ liệu utm_source, link page sẽ tự động đưa vào trường source và trường website.

• API không tương thích với trường dữ liệu file upload.

Bước 4: Hoàn thành

• Bước cuối cùng bạn đặt tên form và lưu lại.

• Trở về trang landing page chứa form, kết nối Form thiết kế với API Form.

Mọi vấn đề về liên kết, vui lòng liên hệ bộ phận hỗ trợ. Trân trọng!