Nút đa năng

Nút đa năng — một nút nổi ở góc website, khi nhấn sẽ mở ra dạng quạt các kênh liên lạc: WhatsApp, Telegram, Viber, VK, mạng xã hội, điện thoại, email, bất kỳ liên kết nào của bạn — và các hành động của chính các Widget chúng tôi («viết vào chat», «đặt hàng», «đặt lịch»).

Nó cũng giải quyết vấn đề của chính bạn: mỗi Widget vẽ một nút riêng ở cùng một góc dưới, và khi bật chat, đặt hàng và gọi lại, bạn sẽ có một chồng nút chen chúc nhau. Nút đa năng loại bỏ chồng nút đó — các kênh của những Widget bị thu gọn sẽ sống trong dạng quạt của nó, còn nút riêng của chúng sẽ bị tắt.

Widget này miễn phí: không cần mua tiện ích mở rộng riêng.

Bật ở đâu: Bảng quản trị → Marketing → «Website của tôi» → thẻ «Nút đa năng». Công tắc bật Widget, bánh răng mở cài đặt; nút «Đưa vào thanh bên» cấp cho Widget một mục menu riêng.

Cài đặt lên website#

Không cần mã riêng — hoạt động qua thẻ chung của mục «Website của tôi»:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="TÊN-MIỀN-CỦA-BẠN" async></script>

Một dòng trong <head> hoặc trước </body>; thành phần các Widget được thiết lập sau bằng công tắc trong Tài khoản. Hướng dẫn theo nền tảng (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — trong bài Website của tôi, mục «Cài đặt trên các nền tảng phổ biến».

⚠️ Thẻ chung đặc biệt quan trọng với Nút đa năng. Nó thu gọn các Widget lân cận — nhưng chỉ có thể thu gọn những Widget thực sự đã tải trên cùng trang đó. Nếu chat được chèn trên một số trang, còn đặt hàng trên những trang khác, dạng quạt trên các trang đó sẽ khác nhau. Trình tải chung tải các Widget theo đúng thứ tự và Nút đa năng — cuối cùng, khi các Widget lân cận đã sẵn sàng.

Thẻ đơn multibutton/v1.js cũng có (khối «Nâng cao»), và nó có các thuộc tính riêng: data-color, data-icon (emoji trên nút), data-label, data-position="left|right", data-lang và data-keep-fabs="1" — không tắt nút riêng của các Widget lân cận. Thuộc tính của thẻ luôn mạnh hơn cài đặt từ Tài khoản.

Kiểm tra cài đặt thấy gì và không thấy gì. Nút «Kiểm tra cài đặt» đọc HTML gốc của trang: tìm thấy trình tải chung / chỉ các thẻ riêng lẻ / mã của vị trí khác / không có mã. Thẻ được chèn ngay trong trình duyệt bởi Google Tag Manager thì nó không thấy — đây không phải lỗi, hãy kiểm tra website bằng mắt.

Cấu hình Widget#

Các cài đặt tự động lưu, không có nút “Lưu” riêng. Bên phải các trường là bản xem trước trực tiếp của vòng tròn kênh.

Giao diện#

Màu nút, biểu tượng emoji trên nút, góc màn hình và nhãn (cũng chính là nhãn cho trình đọc màn hình).

Các kênh trong vòng tròn#

Trình tạo danh sách: thêm, xóa, sắp xếp lại ↑↓. Tối đa — 12 kênh. Ba nhóm:

Mục “Viết cho hỗ trợ” mở tab “Yêu cầu” của cửa sổ chat — yêu cầu không có nút riêng, nên mục này chỉ khả dụng khi chat được bật. Nếu yêu cầu tại chi nhánh bị tắt, nó sẽ mở chat thông thường, và trình tạo sẽ báo điều này ngay tại mục đó.

Mỗi kênh có nhãn (riêng cho từng ngôn ngữ của trang web) và thuộc tính hiển thị ở đâu: mọi nơi · chỉ trên máy tính · chỉ trên điện thoại.

Mẫu tin nhắn đầu tiên có ở WhatsApp và Telegram: văn bản mà khách sẽ thấy đã được soạn sẵn. Hỗ trợ biến thay thế {url} và {title} — địa chỉ và tiêu đề của trang mà khách đã nhấn (được thay vào thời điểm nhấp, không phải khi hiển thị). Tối đa — 300 ký tự.

Bong bóng mời#

Một cụm từ ngắn bên cạnh nút (“Có câu hỏi không?”) — đó là cách mời khách nhấn: một nút im lặng ở góc thường bị bỏ qua. Văn bản được đặt riêng cho từng ngôn ngữ, văn bản trống nghĩa là không có bong bóng nào cả.

Có thể cấu hình độ trễ trước khi bong bóng xuất hiện và khoảng nghỉ giữa các lần hiển thị. Khoảng nghỉ được tính theo từng khách, không phải theo trang web: dấu ghi nhớ lần hiển thị nằm trong trình duyệt của khách, nên lời mời không biến thành banner bật lên ở mỗi trang trong mỗi lần truy cập.

Dòng “Đang mở”#

Trong phần đầu của vòng tròn mở rộng — một dòng về giờ làm việc: “Mở đến 22:00”, “Đóng · mở lúc 10:00”, “Đóng · mở vào thứ Hai lúc 10:00”. Giờ được lấy từ thẻ chi nhánh (lịch làm việc cùng các ngoại lệ) — cố ý không có bản sao trong cài đặt Widget.

Hai giá trị: tự động (mặc định — dòng hiển thị nếu giờ đã được điền) và không hiển thị. Trạng thái được tính lại mỗi lần mở vòng tròn, không phải một lần khi tải trang: nút treo trên trang hàng giờ, và “Mở đến 22:00” lúc 22:30 chính là điều dối trá khiến người ta mất tin vào mọi thứ còn lại. Nếu giờ của chi nhánh chưa được điền — không có dòng nào cả (không thể tuyên bố cơ sở đóng cửa ngay trên trang web của chính họ).

Khi nào hiển thị#

Khối dùng chung với gọi lại và “Cửa hàng trực tiếp”:

• trang — mặt nạ địa chỉ “chỉ trên…” và “ngoại trừ…”, * = bất kỳ đoạn nào, tối đa 20 mặt nạ trong mỗi danh sách; ngoại lệ mạnh hơn cho phép;
• độ trễ — 0…600 giây sau khi tải trang;
• thiết bị — tất cả · chỉ máy tính · chỉ điện thoại (ngưỡng — 480 px);
• lịch trình — tối đa 14 khung giờ riêng “ngày + từ… đến…” hoặc giờ làm việc của chi nhánh.

⚠️ Giờ được tính theo múi giờ của địa điểm; nếu chi nhánh chưa đặt múi giờ, khung giờ được tính theo thời gian của người truy cập, và bảng điều khiển nói rõ điều này. Nếu chọn “giờ làm việc của chi nhánh” mà lịch chưa được điền, lịch trình không giới hạn gì cả và nút vẫn hiển thị. Ngược lại, danh sách khung giờ riêng trống nghĩa là “không bao giờ hiển thị”.

Thành phần của vòng tròn được tính lại mỗi lần mở: giữa các lần hiển thị, khách có thể vừa xoay điện thoại, vừa chuyển sang trang mà nút không được phép có mặt.

Bố cục trên điện thoại#

Mục “📱 Bố cục trên điện thoại”: nút tròn (mặc định) hoặc thanh dưới — dải gồm bốn kênh đầu tiên kèm nhãn và nút “Thêm” với ngăn kéo chứa các kênh còn lại. Trên màn hình rộng luôn là vòng tròn; xoay điện thoại thay đổi bố cục tức thì. Trong bản xem trước, bạn thấy ranh giới thật giữa “trong thanh / dưới ‘Thêm’” và dòng “N trong M kênh sẽ vào thanh”.

Thanh hoạt động khéo léo trên trang của người khác: nằm phía trên thanh cố định của trang đó ở dưới cùng, nếu có; ẩn đi khi cuộn xuống và trở lại khi cuộn lên; tôn trọng vùng an toàn của iPhone và biến mất hoàn toàn nếu không còn kênh nào.

Hiển thị trên Cửa hàng của chúng tôi#

Một công tắc riêng (mặc định tắt). Vòng tròn nhiều nút là Widget duy nhất có cài đặt này, và lý do là sự trung thực: trên Cửa hàng của chúng tôi, nó hấp thụ các nút gốc — bong bóng chat và ống nghe gọi lại — tức là thay đổi góc màn hình mà bạn đã cấu hình. Điều đó không được bật thay bạn một cách im lặng.

Điều gì xảy ra sau khi nhấn#

Khách mở vòng tròn và chọn kênh:

• ứng dụng nhắn tin, mạng xã hội hoặc liên kết của bạn — mở trong tab mới; cuộc trò chuyện diễn ra ở nơi kênh dẫn đến. Nếu kênh đã đặt mẫu tin nhắn, ô nhập của khách đã được điền sẵn;
• điện thoại và email — mở trong tab hiện tại bằng ứng dụng mặc định của thiết bị (nếu không, trình duyệt sẽ mở rồi đóng ngay một cửa sổ trống);
• hành động của widget chúng tôi — ngay trên trang này mở ra cửa sổ chat, biểu mẫu gọi lại, giỏ hàng, đặt bàn hoặc lịch hẹn. Dữ liệu đi đến đúng nơi thường lệ: cuộc trò chuyện — vào “Chat”, đơn hàng — vào “Đơn hàng”, đặt bàn — vào “Bàn”, lịch hẹn — vào “Lịch hẹn”, số điện thoại gọi lại — vào “Yêu cầu”.

Multibutton không tự thu thập dữ liệu: nó chỉ dẫn khách đến kênh. Thứ nó đếm là lượt nhấp, và chúng hiển thị trong bảng điều khiển của chính nó ở khối “Lượt nhấp trong 30 ngày”: số lần nút được hiển thị, số lần vòng tròn được mở và số lần nhấn cho mỗi kênh. Không có địa chỉ kênh, nội dung tin nhắn hay trang của khách trong thống kê này — chỉ có loại kênh và con số.

Giới hạn#

• Vòng tròn trống = không có widget. Khi chưa đặt kênh nào, nút hoàn toàn không được vẽ: một nút trống ở góc trang web người khác còn tệ hơn là không có.
• Không quá 12 kênh, văn bản mẫu — không dài quá 300 ký tự.
• Kênh hành động chỉ tồn tại khi widget còn tồn tại. Tắt chat — mục “Mở chat” sẽ biến mất khỏi cài đặt ngay lần lưu đầu tiên và không tự quay lại, cần thêm lại. Khi chạy, multibutton cũng kiểm tra hàng xóm trước mỗi lần mở: nếu không khởi động được — mục đó sẽ không có, để không còn lại một nút mà phía sau không có gì.
• Việc nuốt nút của hàng xóm là trực quan. Multibutton ẩn các nút nổi của chúng, nhưng bản thân các widget vẫn tiếp tục hoạt động; có thể tắt việc nuốt bằng thuộc tính data-keep-fabs="1" trên thẻ đơn.
• Mẫu tin nhắn — chỉ có ở WhatsApp và Telegram. Với các kênh khác, ô này bị bỏ qua: ở WhatsApp việc điền trước được ghi trong tài liệu, ở Telegram khách hàng hỗ trợ nó theo nhiều cách khác nhau, còn các kênh khác hoàn toàn không hỗ trợ. Địa chỉ trang quá dài sẽ được trả về mà không thay thế — một liên kết hoạt động được quan trọng hơn văn bản.
• Chỉ cho phép các địa chỉ an toàn: https, http, tel, mailto và viber. Mọi thứ khác đều bị loại bỏ — cả trong bản xem trước trong tài khoản lẫn trên trang web, vì chỉ có một lần kiểm tra.
• Trên cửa hàng của chúng tôi, multibutton chỉ hiển thị theo một công tắc riêng, và mục “gọi từ trình duyệt” trong vòng tròn của nó hoàn toàn không tồn tại ở đó: không có cửa sổ nào cho nó trên cửa hàng.
• Dòng “Đang mở” không thay thế lịch trình. Nó đọc giờ từ thẻ chi nhánh; nếu chưa điền — sẽ không có dòng đó, nhưng nút vẫn còn.

Khắc phục sự cố#

Không có nút trên trang web.

1. Không tìm thấy thẻ — “Kiểm tra cài đặt”. “Không có mã” — thẻ chưa được chèn hoặc không có trên tất cả các trang của mẫu; “mã của vị trí khác” — data-domain lạ trong thẻ. Thẻ do GTM đặt — kiểm tra sẽ không thấy nó.
2. Thay đổi chưa đến — các tệp widget được phân phối qua CDN với bộ nhớ đệm 5 phút: hãy đợi và làm mới trang với xóa bộ nhớ đệm.
3. Widget bị tắt hoặc danh sách kênh trống — vòng tròn trống không được vẽ.
4. Điều kiện hiển thị đã loại trang — kiểm tra mặt nạ (ngoại lệ mạnh hơn cho phép), thiết bị và độ trễ.
5. Lịch trình đã đóng — hiện tại ngoài khung giờ. Kiểm tra khung giờ của bạn hoặc lịch trong thẻ chi nhánh.
6. Múi giờ của chi nhánh chưa được đặt — khi đó khung giờ được tính theo giờ của người truy cập, và nút xuất hiện không đúng lúc bạn mong đợi.

Trong vòng tròn thiếu một mục.

• Mục hành động biến mất — widget tương ứng đã bị tắt: hãy bật nó lên và thêm kênh lại, nó không tự quay lại;
• mục được đánh dấu “chỉ dành cho điện thoại” (hoặc ngược lại) — bộ lọc thiết bị của kênh đã hoạt động;
• hàng xóm chưa kịp khởi động (mạng chậm, hạn chế bảo mật của trang bạn) — hãy làm mới trang; về lâu dài, một thẻ duy nhất thay vì các thẻ đơn sẽ giúp ích.

Ở góc vẫn còn hai nút. Nghĩa là hàng xóm không có mục hành động tương ứng trong vòng tròn: chỉ những widget có hành động nằm trong vòng tròn mới bị nuốt. Hãy thêm mục cần thiết. Tình huống ngược lại — không cần nút của hàng xóm, nhưng việc nuốt đã bị tắt bằng thuộc tính data-keep-fabs="1": hãy bỏ thuộc tính.

Thanh trên điện thoại che bảng của người khác. Thanh tự tìm dải cố định của người khác ở dưới cùng và đặt lên trên nó, lặp lại phép đo vài lần sau khi tải. Nếu bảng của người khác xuất hiện quá muộn, hãy chuyển sang nút tròn — nó không tham gia vào bố cục phần dưới trang.

Đám mây không hiển thị. Kiểm tra rằng văn bản đã được đặt cho ngôn ngữ của trang, và rằng khoảng tạm dừng giữa các lần hiển thị đã đặt chưa hết hạn — nó được tính cho từng khách cụ thể, trong trình duyệt của họ.

Thống kê trống. Các lượt nhấp được gửi theo lô và có độ trễ, không phải từng cái một; bộ đếm hiển thị 30 ngày và được điền dần khi khách nhấn.

Câu hỏi thường gặp#

Dịch vụ này có mất phí không?#

Không. Multi-button miễn phí và không cần tiện ích mở rộng riêng — khác với các sản phẩm tương tự bán nó như một sản phẩm độc lập.

Có thể thêm bao nhiêu kênh?#

Tối đa mười hai. Thứ tự do bạn đặt bằng mũi tên ↑↓, và thứ tự này cũng quyết định bốn kênh nào sẽ xuất hiện trong thanh dưới cùng trên điện thoại.

Tin nhắn từ các ứng dụng nhắn tin sẽ đi đâu?#

Đến nơi mà kênh dẫn tới: WhatsApp — vào WhatsApp, Telegram — vào Telegram. Nếu bạn muốn xem cuộc trò chuyện trong Tài khoản, hãy kết nối các kênh này trong mục “Chat” — khi đó tin nhắn sẽ vào hộp thư chung, và trong vòng kênh bạn có thể đặt mục “Mở chat”.

Multi-button có ẩn các nút của widget khác không?#

Có, và đó chính là mục đích của nó: các nút của những widget có hành động nằm trong vòng kênh của nó sẽ bị ẩn đi để góc màn hình không bị chồng chéo. Bản thân các widget vẫn hoạt động, còn trên thẻ đơn, hành vi này bị tắt bằng thuộc tính data-keep-fabs="1".

Có thể hiển thị các kênh khác nhau trên điện thoại và máy tính không?#

Có, mỗi kênh có thuộc tính “hiển thị ở đâu”: mọi nơi, chỉ trên máy tính hoặc chỉ trên điện thoại. Thành phần của vòng kênh được tính lại mỗi lần mở, vì vậy việc xoay điện thoại được cập nhật ngay lập tức.

Điều gì xảy ra nếu khách nhấn “Viết tin nhắn WhatsApp” từ laptop?#

Phiên bản web của ứng dụng nhắn tin sẽ mở trong tab mới — với nội dung đã được điền sẵn nếu bạn đã đặt mẫu tin nhắn.

Dòng “Mở cửa đến 22:00” lấy giờ từ đâu?#

Từ thẻ Chi nhánh — cùng lịch làm việc có ngoại lệ mà khách nhìn thấy trên Cửa hàng. Trong widget không cài đặt giờ riêng để tránh hai nguồn thông tin không khớp nhau. Nếu lịch chưa được điền, dòng này sẽ không xuất hiện.

Vòng kênh sẽ hiển thị bằng ngôn ngữ nào?#

Nhãn kênh và bong bóng do bạn tự đặt theo từng ngôn ngữ; widget xác định ngôn ngữ của trang dựa trên đánh dấu của trang (hoặc thuộc tính data-lang). Tên ngày trong tuần trong dòng “Mở cửa ngay bây giờ” được lấy từ trình duyệt theo ngôn ngữ của trang.

Các mục liên quan#

• Trang web của tôi — mã cài đặt và mười một widget còn lại
• Chat với khách — hộp thư chung của trang web và các ứng dụng nhắn tin
• Gọi lại — biểu mẫu “gọi lại cho tôi” và tự động gọi
• Gọi từ trang web — trò chuyện trực tiếp từ trình duyệt
• Đặt hàng trực tuyến trên trang web của bạn — giỏ hàng và thanh toán trên trang web của bạn