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