C cenaly.com
Bắt đầu miễn phí

Webflow · liên hệ từ danh mục đầu tư của bạn

Tiện ích Cenaly.com cho Webflow

Thêm liên hệ hoặc lịch hẹn vào thiết kế Webflow hiện có. Chọn tác vụ và cấu hình tiện ích trong Cenaly.com, sau đó thêm mã ở cấp trang web hoặc trang. Dưới đây là điều kiện truy cập custom code và hướng dẫn riêng cho consent.

  • Custom code: Site plan đang hoạt động hoặc Workspace Core, Growth, Agency hay Freelancer
  • Xuất bản — bước riêng sau khi lưu mã
  • Kiểm tra chế độ xem trên di động, hiệu ứng động và chuyển trang

Không cần thẻ · đăng ký một phút, thẻ tag thêm một phút · chỉnh sửa cài đặt đến trang web trong 5 phút

Một thẻ cho tất cả Widget9 trong 13 miễn phíShadow DOM — không làm hỏng bố cụcNhãn theo ngôn ngữ của trangHai Đám mây: AWS và Nga

Những gì hoạt động trên Webflow

Chọn widget mong muốn và thiết lập nó trong tài khoản. Các widget thông thường dùng chung một thẻ; đối với consent và phân tích, trình tự cài đặt riêng là quan trọng.

Tiện ích và nền tảng đã chọn sẽ được lưu khi đăng ký. Sau đó, hãy thiết lập tiện ích trong tài khoản. Giữ nguyên hướng dẫn này cho Webflow ở trạng thái mở: sau khi thiết lập xong, hãy quay lại các bước cài đặt bên dưới.

Tất cả 13 Widget →

Có cần gói trả phí Webflow không

Cần gói trả phí của nền tảng

Cần Site plan đang hoạt động hoặc Workspace Core, Growth, Agency hay Freelancer.

Trợ giúp chính thức của Webflow cho phép custom code đối với Site managers và Designers khi có Site plan đang hoạt động hoặc một trong các Workspace được liệt kê. Site plan trả phí không phải là con đường duy nhất.

Địa chỉ webflow.io tự nó không cho biết có thể chèn mã hay không: hãy kiểm tra Workspace, quyền và cài đặt dự án. Việc kết nối tên miền riêng và các khả năng CMS có điều kiện Gói riêng.

Các mục menu và điều kiện gói cước trên trang này được lấy từ trợ giúp chính thức:

Đã đối chiếu với trợ giúp của nền tảng 2026-09-22

Cách chèn mã trên Webflow

Tiện ích thông thường: trò chuyện, nút liên hệ, lịch hẹn

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Thẻ mẫu cho các widget thông thường. Lấy mã của bạn từ tài khoản; không cần thay bằng tên miền minh họa. Để chặn phân tích, hãy dùng hướng dẫn riêng bên dưới. Cookie banner và phân tích: quy trình riêng →

  1. 1

    Sao chép mã cài đặt

    Trong tài khoản Cenaly.com: Bảng quản trị → Tiếp thị → «Trang web của tôi». Nhập địa chỉ trang web vào ô đầu tiên và sao chép chuỗi thẻ.

  2. 2

    Mở cài đặt dự án

    Trong Webflow: Site settings (Cài đặt trang web) của dự án cần thiết.

  3. 3

    Chuyển đến Custom code

    Tab Custom code — có hai trường: Head code (bên trong head) và Footer code (trước thẻ body đóng).

  4. 4

    Dán thẻ vào Head code

    Dán dòng vào Head code và lưu. Không cần thêm thẻ html, head và body vào trường này — chỉ cần chính đoạn script.

  5. 5

    Xuất bản dự án

    Nhấn Publish: trợ giúp Webflow lưu ý riêng rằng hiệu ứng của mã bạn viết chỉ hiển thị trên trang web đang hoạt động sau khi xuất bản.

  6. 6

    Kiểm tra cài đặt

    Mở trang web đã xuất bản và quay lại «Trang web của tôi» → «Kiểm tra cài đặt».

Chỉ cần widget trên một trang — các trang trong Webflow có trường riêng cho mã trong cài đặt trang.

Trợ giúp chính thức Webflow ↗

Kiểm tra cài đặt

  1. 1

    Đăng lại website

    Trong các trình tạo website, chỉnh sửa nằm ở bản nháp: cho đến khi các trang được đăng lại, thẻ sẽ không có trên website đang chạy.

  2. 2

    Mở “Website của tôi” trong tài khoản

    Bảng quản trị → Tiếp thị → “Website của tôi”. Ở ô đầu tiên là địa chỉ website của bạn, bên cạnh là “Kiểm tra cài đặt”.

  3. 3

    Xem kết quả tìm thấy

    Kiểm tra sẽ đọc HTML nguồn của trang và hiển thị các widget tìm thấy. Thẻ được thêm qua Google Tag Manager sẽ không được phát hiện — đây là hạn chế của kiểm tra, không phải của cài đặt.

Phân tích lỗi cài đặt — trong phần trợ giúp Hướng dẫn cài đặt →

Đặc điểm của Webflow

  • Preview và trang đã xuất bản

    Webflow hỗ trợ custom code trong preview/comment, nhưng không hỗ trợ trong expand canvas. Khách truy cập sẽ thấy thay đổi sau khi xuất bản; hãy kiểm tra lần cuối theo địa chỉ đã xuất bản.

  • Mã của dự án hay của một trang

    Head code chung thêm thẻ ở cấp site. Nếu chỉ cần một URL, hãy dùng cài đặt trang và không nhân bản thẻ chung đã cài ở đó.

  • Giữ nguyên biểu mẫu và giao diện

    Widget không tự động kết nối các biểu mẫu Webflow với Cenaly.com. Shadow DOM cô lập kiểu dáng, nhưng hoạt ảnh, khả năng nhấp của nút và chồng lấp cần được kiểm tra trên trang của bạn.

  • Consent và GTM

    Không đặt consent sau container đã khởi chạy trình theo dõi. Với thẻ thông thường qua GTM, kiểm tra HTML phía máy chủ không xác nhận việc cài đặt — hãy kiểm tra widget trên trang đã xuất bản.

Câu hỏi và câu trả lời

Có bắt buộc mua Site plan không?

Không, custom code cũng khả dụng qua Core, Growth, Agency hoặc Freelancer Workspace theo điều kiện của Webflow. Hãy kiểm tra quyền Site manager/Designer và quyền truy cập trường trong dự án cụ thể.

Head code hay Footer code?

Thẻ thông thường có thể thêm vào Head code; đừng bao quanh nó bằng thẻ html/head/body. Consent có chặn cho đến khi đồng ý cần một script đầu tiên riêng trong head trước các trình theo dõi.

Vì sao widget không xuất hiện trong trình chỉnh sửa?

Custom code không hoạt động trong expand canvas. Preview/comment hỗ trợ nó, nhưng thay đổi vẫn cần được xuất bản. Hãy kiểm tra việc bật widget và địa chỉ cuối cùng của site.

Widget có ảnh hưởng đến hoạt ảnh không?

Cô lập kiểu dáng không đảm bảo tương thích với mọi script. Hãy kiểm tra tương tác, biểu mẫu và màn hình di động trước khi phổ biến widget ra tất cả các trang.

Xử lý các trang CMS như thế nào?

Mã chung của trang web cũng áp dụng cho các trang bộ sưu tập. Hãy kiểm tra ví dụ đã xuất bản của trang như vậy và không nhân bản thẻ trong mẫu của trang đó.

Đối với banner cookie, thẻ async thông thường có phù hợp không?

Để chặn các trình theo dõi trước khi có sự đồng ý, cần một tệp consent/v1.js riêng đặt đầu tiên trong head, không có async/defer. Hãy kiểm tra việc tải trước khi lựa chọn, sau khi từ chối và sau khi chấp nhận. Phân tích tích hợp của nền tảng có thể cần cấu hình riêng; việc banner xuất hiện không xác nhận sự tuân thủ pháp luật.

Thông tin chi tiết — cài đặt theo từng nền tảng, thiết lập và xử lý sự cố — có trong phần trợ giúp. Hướng dẫn cài đặt →

Đặt widget lên trang web Webflow của bạn

Kiểm tra quyền truy cập custom code, chọn widget và cấu hình widget đó. Sau khi xuất bản, hãy kiểm thử một trang thông thường và một trang bộ sưu tập.

Chọn tiện ích

Không cần thẻ · đăng ký một phút, thẻ tag thêm một phút · chỉnh sửa cài đặt đến trang web trong 5 phút