Bật chế độ tối trên tiện ích trò chuyện website

Các trang web hiện đại cho phép người dùng chuyển đổi giữa chế độ sáng và tối. Do đó, một cuộc trò chuyện trực tiếp hoạt động với cả hai chủ đề là rất quan trọng.

Hướng dẫn này giúp bạn thiết lập chế độ tối cho tiện ích trò chuyện trực tiếp AhaSpot trên trang web của bạn.

Dưới đây là cái nhìn nhanh về cách hoạt động của chế độ tối trên tiện ích trò chuyện trực tiếp.

Để bật chế độ tối trên tiện ích Chatwoot, hãy sử dụng tham số darkMode.

Tham số darkMode hỗ trợ 3 giá trị.

1. light - Chỉ kích hoạt chế độ ánh sáng. Đây là giá trị mặc định.
2. auto - Kích hoạt chế độ tối dựa trên tùy chọn hệ điều hành.
3. dark- Chỉ kích hoạt chế độ tối.

window.chatwootSettings = {
  //... other Settings
  darkMode: "auto",
};

Chỉ việc thêm nó vào Messenger Script như sau:

<script>
      (function(d,t) {
        var BASE_URL="https://app.ahaspot.com";
        var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=BASE_URL+"/packs/js/sdk.js";
        g.defer = true;
        g.async = true;
        s.parentNode.insertBefore(g,s);
        g.onload=function(){
          window.chatwootSDK.run({
            websiteToken: 'PY6tJKgSFoYYdXHUSGtPD2MG',
            baseUrl: BASE_URL
          })
        }
          window.chatwootSettings = {darkMode: "dark", };
      })(document,"script");
    </script>