לדלג לתוכן הראשי

📅 יצירת ווידג'ט לוח שנה (Calendar Widget)

נכתב על ידי with Support

📅 יצירת ווידג'ט לוח שנה (Calendar Widget)

רוצה להציג את אירועי העיר שלך באתר אינטרנט?
באמצעות ווידג׳ט לוח שנה (Calendar Widget) ניתן להטמיע את כל האירועים, או תצוגה מסוננת, ישירות בכל עמוד באתר.
זו דרך נהדרת להגדיל חשיפה ולשמור על מעורבות קהילתית.


שלב 1: התחברות ללוח הארגוני

  1. היכנסו לקישור: organization-dash.coing.co

  2. התחברו למערכת באמצעות חשבון המשתמש שהוגדרה לו הרשאת ניהול.
    (ההתחברות מתבצעת באותה דרך ההתחברות למרחב או למערכת הניהול).

  3. ניתן לשנות את שפת המערכת לעברית – בהתאם למדריך שינוי שפה בלוח הארגוני.

שלב 2: מעבר ללשונית לוח שנה

  1. בתפריט בצד הימני, לחצו על לשונית ״יומן אירועים״

  2. לאחר מכן, עברו ללשונית המשנה "יצירת יומן".


🎨 שלב 3: בחירת סוג הווידג'ט (Widget Design Options)

בשלב זה תבחרו את פריסת התצוגה המתאימה ביותר לצרכים שלכם. כל עיצוב נבדל במראה ובפונקציונליות:

🟦 Smart Widget - ווידג׳ט חכם

ווידג׳ט מתקדם וגמיש במיוחד עם אפשרויות התאמה אישית: כרטיסי אירוע, חיפוש, סינונים וגישה לכל האירועים.
✔ הבחירה המומלצת לשליטה מלאה בעיצוב וחוויית משתמש.

🟦 Lite Calendar Widget - תצוגת לוח פשוטה

ממשק בסיסי של לוח שנה המציג את פרטי האירועים החשובים בלבד.
✔ מתאים לפתרון מהיר, קליל ופשוט לשילוב באתר.

🟦 Carousel Widget - תצוגת קרוסלה

תצוגה נגללת של אירועים קרובים, עם מיקוד על אירוע אחד בכל פעם.
✔ אידאלי למיקוד בתמונות באירועים נבחרים.

🟦 Grid Widget - תצוגת רשת

המתאים ביותר לתצוגה מרובת אירועים בצורה מאורגנת, סימטרית ובגודל שווה.
✔ מצוין להצגה חזותית מאוזנת של מספר אירועים בו-זמנית.

📝 תצוגה מקדימה

ניתן לראות תצוגה מקדימה של כל עיצוב על ידי עמידה עם העכבר על סמל העין (Preview) ליד כל ווידג׳ט.


🛠 שלב 4 - התאמה אישית (Visual Customization)

בתפריט ההגדרות שמופיע תחת Visual Customization, ניתן להתאים את עיצוב הווידג'ט לצרכים המיתוגיים שלך.

🧭 מיקום לוח השנה בעמוד (Widget Placement):

  • Show Calendar on Top – הצגת לוח השנה מעל לתוכן

  • Show Calendar on Right – הצגה בצד ימין

  • Show Calendar on Left – הצגה בצד שמאל

🖌 הגדרות עיצוב:

הגדרה

מונח במערכת

תרגום והסבר

Calendar Title

כותרת לוח השנה (נראה למשתמשים)

טקסט כותרת עליון (עד 50 תווים)

Title Font Size

גודל גופן הכותרת

מספר ב-PX (למשל: 14)

Title Color

צבע כותרת

קוד HEX (למשל: #000000 לשחור)

Lead Color

צבע מוביל

בחירת הצבע הדומיננטי בעיצוב

Background Color

צבע רקע

ניתן לבחור צבע או להשאיר שקוף

Calendar Font

סגנון גופן

בחרו גופן מהרשימה (למשל: Arial, Poppins)

🧪 ניתן ללחוץ על סמל העין (Preview Icon) כדי לצפות בשינויים בזמן אמת.


🗂 שלב שישי – הגדרת תצוגת האירועים

החלט/י אילו תכנים יוצגו:

  • בחר/י לוח שנה אחד או יותר להצגה

  • (אופציונלי) סנן/י לפי עד 3 קטגוריות (למשל: “אמנות ותערוכות”, “פסטיבלים”, “משפחות וילדים”)


🔗 שלב שביעי – התאמת כפתור "לכל האירועים"

אם יש צורך, ניתן לשנות את הקישור שכפתור "Go to All Events" מפנה אליו — לדוגמה: תצוגת לוח שנה מסוננת, או עמוד מחלקה באתר העירייה.


📝 שלב שמיני – הוספת שם פנימי

הזנ/י שם פנימי לווידג'ט – זה יסייע לך לנהל בקלות כמה ווידג'טים שונים בעתיד.


👁 שלב תשיעי – תצוגה מקדימה וסיום

בדוק/י שהווידג'ט נראה טוב ונכון. ערוך/י הגדרות במידת הצורך.


📤 שלב עשירי – יצירה והטמעה

לחץ/י על Create Widget
לאחר מכן, העתק/י את קוד ההטמעה בפורמט הרצוי (iframe, HTML או embed)
והדבק/י אותו בעמוד המתאים באתר שלך.

האם קיבלת תשובה לשאלתך?