Cách thêm CSS tùy chỉnh vào widget

Việc tùy chỉnh widget TicketingHub bằng CSS giúp widget trông như một phần trong website của bạn.

Sau đây là cách thực hiện chỉ với vài bước đơn giản:

Ví dụ về widget tùy chỉnh

Dưới đây là hình ảnh minh họa cách CSS tùy chỉnh có thể thay đổi giao diện widget. Bạn có thể thấy thiết kế của widget sau khi tùy chỉnh phù hợp với phong cách tổng thể của website như thế nào.

Ví dụ số 1

Ví dụ số 2

Thêm CSS tùy chỉnh vào widget

1. Tạo và tải lên tệp CSS

Tạo một tệp CSS chứa các kiểu bạn muốn áp dụng cho widget. Sau khi hoàn tất, hãy tải tệp này lên máy chủ của bạn.

2. Trong trang quản trị TicketingHub, nhấp vào Widgets

3. Nhấp vào Channels

4. Nhấp vào Web Integrations của widget bạn muốn chỉnh sửa

5. Nhấp vào widget của tour

6. Đi tới Settings

7. Tìm ô Custom CSS URL và dán URL CSS của bạn vào đó

8. Xem trước và điều chỉnh

9. Khi hoàn tất, nhấp vào Publish Changes

10. Nhấp vào Confirm để hoàn tất các thay đổi