דלגו לתוכן

כיצד להוסיף CSS מותאם אישית לווידג'ט

התאמה אישית של ווידג’ט TicketingHub באמצעות CSS גורמת לו להיראות כחלק מהאתר שלכם.

כך תעשו זאת בכמה שלבים פשוטים:

דוגמאות לווידג’טים מותאמים אישית

להלן תמונות שמציגות כיצד CSS מותאם אישית יכול לשנות את מראה הווידג’ט שלכם. שימו לב כיצד ההתאמה האישית גורמת לעיצוב הווידג’ט להשתלב באסתטיקה של האתר.

דוגמה מס’ 1

דוגמה להתאמה אישית של ווידג'ט 1

דוגמה מס’ 2

דוגמה להתאמה אישית של ווידג'ט 2

הוספת CSS מותאם אישית לווידג’ט

1. יצירת קובץ ה-CSS והעלאתו

צרו קובץ CSS עם הסגנונות הרצויים לווידג’ט שלכם. לאחר שהקובץ מוכן, העלו אותו לשרת שלכם.

2. בלוח הבקרה של TicketingHub, לחצו על Widgets

לחיצה על Widgets בלוח הבקרה

3. לחצו על Channels

לחיצה על Channels

4. לחצו על Web Integrations של הווידג’ט שברצונכם לערוך

לחיצה על Web Integrations

5. לחצו על הווידג’ט של הסיור

לחיצה על ווידג'ט הסיור

6. עברו אל Settings

מעבר אל Settings

7. מצאו את השדה Custom CSS URL והדביקו בו את כתובת ה-URL של קובץ ה-CSS

הדבקת כתובת ה-URL של קובץ ה-CSS

8. הציגו תצוגה מקדימה ובצעו התאמות

תצוגה מקדימה של השינויים

9. לאחר שתסיימו, לחצו על Publish Changes

לחיצה על Publish Changes

10. לחצו על Confirm כדי להשלים את השינויים

לחיצה על Confirm