CMS: הוספה והגדרה של סרגל התקדמות (Progress Bar)
זמן קריאה: 6 דקות
סרגל התקדמות משמש להמחשה ויזואלית של ההתקדמות לעבר השגת היעד. כדי להציג את ערך ההתקדמות (כלומר, לאן הגיע המשתמש) אתם יכולים להשתמש בקוד Velo או בשדה באוסף CMS. כדי להציג את ערך היעד, אתם יכולים להגדיר ערך סטטי שלא משתנה, או ערך דינמי עם Velo או על ידי חיבור לשדה באוסף.
דוגמאות לשימוש בסרגל התקדמות:
- להציג כמה משימות הושלמו ברשימת משימות
- להציג איזה אחוז מהשלבים הושלמו בתהליך הצטרפות (onboarding)
- להציג סכום כסף שגויס מתוך יעד בגיוס תרומות
- להציג כמה אנשים חתמו על עצומה שצריכה מספר מסוים של קולות
טיפ:
אתם יכולים להשתמש ב-Velo כדי לעדכן את ערך סרגל ההתקדמות בלי להתחבר ל-CMS. למידע נוסף: עבודה עם ה-Progress Bar API
לפני שתתחילו:
הוסיפו את ה-CMS לאתר שלכם וצרו אוסף שכולל שדה מספר עבור ערך ההתקדמות.
כדי להוסיף ולהגדיר סרגל התקדמות:
Studio Editor
Wix Editor
- עברו אל ה-Editor.
- ודאו שהפעלתם את Velo ב-Editor:
- הקליקו למעלה על Dev Mode (מצב פיתוח).
- הקליקו על Turn on Dev Mode (הפעלת מצב פיתוח).
- הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
- הקליקו על Interactive (אינטראקטיבי).
- הקליקו על Progress Bar (סרגל התקדמות) תחת Indicators (אינדיקטורים).
- גררו אל העמוד את סרגל ההתקדמות שבחרתם.
- בחרו אם להגדיר את ערך היעד כערך דינמי או כערך סטטי:
ערך יעד דינמי
שעל אלמנט סרגל ההתקדמות.
ובחרו את כיוון ההתקדמות.
ובחרו עיצוב מוגדר מראש או המשיכו לערוך ולשנות את העיצוב הקיים.ערך יעד סטטי
