Mỗi nút của SITETOT.COM là một khối tự chạy: một file JavaScript duy nhất, không cần jQuery, không cần thư viện nào khác. Cài nút chỉ có hai việc: nạp file, rồi đặt thẻ ở chỗ muốn hiện nút.
Bước 1: chép file nút lên site
Giải nén gói đã mua, chép file nut-sao-chep-link.js vào một thư mục trên site, ví dụ /nut/.
Bước 2: dán một dòng script và một thẻ
<script defer src="/nut/nut-sao-chep-link.js"></script>
<nut-sao-chep-link mau="#e8590c"></nut-sao-chep-link>Dòng <script> chỉ cần xuất hiện một lần trên trang, đặt ở đâu cũng được. Thẻ <nut-…> đặt đúng chỗ bạn muốn nút hiện ra, dùng bao nhiêu lần cũng được.
Trên WordPress
- Dán dòng
<script>vào phần chèn mã ở footer của theme (nhiều theme có sẵn ô "Footer scripts"; hoặc dùng plugin chèn mã). - Dán thẻ
<nut-…>vào khối HTML tuỳ chỉnh trong bài viết, trang hoặc widget.
Đổi màu, đổi chữ
Mọi nút đều nhận các thuộc tính chung: mau (màu thương hiệu), mau-chu, nhan (đổi chữ), kieu="icon" (chỉ hiện icon tròn 44px), kieu="vien" (nút viền) và rong (giãn hết chiều ngang). Thuộc tính riêng của từng nút nằm trong trang của nút đó.
Tắt một nút trên toàn site
Đặt một dòng trước script nút:
<script>window.KHO_NUT_TAT = ['chat-zalo'];</script>Mọi thẻ <nut-chat-zalo> trên site tự ẩn. Bật lại thì xoá tên khỏi danh sách — không phải sửa từng trang.