> For the complete documentation index, see [llms.txt](https://pancake-crm.gitbook.io/pancake-crm_en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pancake-crm.gitbook.io/pancake-crm_en/iv.-cau-hinh/4.7-ket-noi-dong-bo-webcake-crm.md).

# 4.7 Kết nối đồng bộ Webcake - CRM

Webcake: Thiết Kế Dễ Dàng, Khởi chạy nhanh chóng Chỉ cần vài thao tác để thiết kế một Landing Page ấn tượng cho các chiến dịch quảng cáo đa kênh của bạn.

### 4**.7.1 Tạo kết nối Webcake - CRM**

<mark style="color:orange;">**Đầu tiên,**</mark> bạn cần truy cập vào [**Webcake.io**](https://webcake.io/)**.** Ngoài ra, bạn muốn tìm hiểu rõ hơn về Webcake, truy cập vào [**Tài liệu hướng dẫn sử dụng**](https://docs.webcake.io/) Webcake để biết thêm chi tiết!

**Bước 1.** **Truy cập** [**Webcake.io**](https://webcake.io/) **: Tích hợp -> Pancake POS -> Kết nối POS -> Chọn CRM và Bảng**

{% hint style="info" %} <mark style="color:red;">**Chú ý:**</mark> Hiện tại việc tích hợp giữa Webcake và Pancake CRM đang dùng chung cấu hình tích hợp của Webcake và Pancake POS, do vậy có thể trong phần hướng dẫn này của chúng tôi **sẽ nhắc đến thuật ngữ POS**, bạn vui lòng hiểu rẳng đây chính là việc thao tác <mark style="color:orange;">**tích hợp giữa Webcake và CRM**</mark>.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/mpl5nvpE5j9aAxbjNB4o/image.png" alt=""><figcaption><p><strong>Tích hợp -> Pancake POS -> Kết nối POS -> Chọn CRM và Bảng</strong></p></figcaption></figure>

**Bước 2. Kết nối landing page với Cấu hình vừa tạo**

Tiếp theo, tại view <mark style="color:orange;">**Dashboard**</mark> -> Chọn **Landing page** muốn kết nối.

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/v1bL9KODbMbaeRwGGl5S/image.png" alt="" width="563"><figcaption><p>Tại view Dashboard -> chọn Landing page muốn kết nối </p></figcaption></figure>

Sau đó, tại view **Kết nối** -> Chọn "**Thêm kết nối"**

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/8ZxTrleS3GfSEaDaoblO/image.png" alt="" width="563"><figcaption><p>Sau đó, tại view <strong>Kết nối</strong> -> Chọn "<strong>Thêm"</strong> -> Chọn <mark style="color:orange;"><strong>cấu hình đã kết nối ở trên</strong></mark></p></figcaption></figure>

Tiếp theo, Chọn <mark style="color:orange;">**cấu hình đã kết nối ở trên**</mark>

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/3u8O79GHCJxYdsyzxF6c/image.png" alt="" width="563"><figcaption><p>Tiếp theo, Chọn <mark style="color:orange;"><strong>cấu hình đã kết nối ở trên</strong></mark></p></figcaption></figure>

Sau khi hoàn thành, giao diện kết nối sẽ hiển thị như sau:&#x20;

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/PUq2t4G9eq1a6NwHC7Hb/image.png" alt="" width="563"><figcaption><p>Sau khi hoàn thành, giao diện kết nối sẽ hiển thị như sau</p></figcaption></figure>

### 4.7.2 Lưu thông tin từ các trường form từ Webcake vào CRM

* Với các trường mặc định: Tên, địa chỉ,... Khi đơn từ Webcake về CRM đã tự động điền đúng trường
* Với các trường tùy chỉnh. Người dùng để ID trường ở form Webcake trùng với ID trường trong CRM

{% hint style="info" %}
[**Lưu ý:** ](#user-content-fn-1)[^1]Với những trường của bảng ở CRM để "Bắt buộc" thì trường của form Webcake tương ứng cũng cần "Yêu cầu" để người dùng điền và đơn đủ các dữ liệu đó từ Webcake mới đồng bộ về CRM được
{% endhint %}

**Bước 1: Thiết lập các trường thông tin trên CRM**, chú ý trường bạn để là bắt buộc trên CRM *(Trường thông tin **"bắt buộc"** là trường mà khi tạo mới, nếu không điền đủ thông tin vào trường này hệ thông sẽ không tạo mới được dữ liệu)*

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/x3tyij2jcCaq951qwSnF/image.png" alt="" width="563"><figcaption><p>Trường yêu cầu khi chỉnh sửa cần được thiết lập tương ứng cả bên CRM và Webcake</p></figcaption></figure>

**Bước 2: Thiết lập tùy chỉnh  trường thông tin trên Landing page của Webcake**

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/SszhBxxCQfcPWCBGLF9K/image.png" alt="" width="563"><figcaption><p>Thiết lập tùy chỉnh  trường thông tin trên Landing page của Webcake</p></figcaption></figure>

**Bước 3: Xuất bản landing page và kiểm tra xem khi điền form landing page dữ liệu đã đồng bộ về hệ thống chưa**

<figure><img src="https://content.gitbook.com/content/ydZKQ9yIgpsw7M3AJyCn/blobs/WNrx6se5O505q3ikIthL/A%CC%89nh%20chu%CC%A3p%20Ma%CC%80n%20hi%CC%80nh%202024-01-12%20lu%CC%81c%2017.14.42.png" alt="" width="563"><figcaption></figcaption></figure>

*Nếu chưa đồng bộ về được, **hãy liên lạc với đội ngũ** của chúng tôi để nhận được sự hỗ trợ.*

[^1]: