header-logo
איך לבנות את האתר והעסק שלכם עם Wix
עיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול המנויים, התוכניות והחשבוניות
ניהול העסק והלקוחות ישירות מהנייד
איך קונים דומיין ומחברים או מעבירים אותו לאתר
כלים לפיתוח העסק והנוכחות שלכם אונליין
כלי שיווק ו-SEO להגדלת החשיפה של העסק
פיצ'רים מתקדמים לייעול העבודה שלכם
פתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
שיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
טיפים ועצות בעיצוב אתרים, שיווק ועוד
איך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
בניית אתר עם פלטפורמת ה-full-stack שלנו
במאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image

CMS: הוספה והגדרה של סרגל התקדמות (Progress Bar)

6 דקות
סרגל התקדמות משמש להמחשה ויזואלית של ההתקדמות לעבר השגת היעד. כדי להציג את ערך ההתקדמות (כלומר, לאן הגיע המשתמש) אתם יכולים להשתמש בקוד Velo או בשדה באוסף CMS. כדי להציג את ערך היעד, אתם יכולים להגדיר ערך סטטי שלא משתנה, או ערך דינמי עם Velo או על ידי חיבור לשדה באוסף.
צילום מסך של דוגמת סרגל התקדמות.
דוגמאות לשימוש בסרגל התקדמות:
  • להציג כמה משימות הושלמו ברשימת משימות
  • להציג איזה אחוז מהשלבים הושלמו בתהליך הצטרפות (onboarding)
  • להציג סכום כסף שגויס מתוך יעד בגיוס תרומות
  • להציג כמה אנשים חתמו על עצומה שצריכה מספר מסוים של קולות
טיפ:
אתם יכולים להשתמש ב-Velo כדי לעדכן את ערך סרגל ההתקדמות בלי להתחבר ל-CMS. למידע נוסף: עבודה עם ה-Progress Bar API
לפני שתתחילו:
הוסיפו את ה-CMS לאתר שלכם וצרו אוסף שכולל שדה מספר עבור ערך ההתקדמות.

כדי להוסיף ולהגדיר סרגל התקדמות:

Studio Editor
Wix Editor
  1. עברו אל ה-Editor.
  2. ודאו שהפעלתם את Velo ב-Editor:
    1. הקליקו למעלה על Dev Mode (מצב פיתוח).
    2. הקליקו על Turn on Dev Mode (הפעלת מצב פיתוח).
  3. הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
  4. הקליקו על Interactive (אינטראקטיבי).
  5. הקליקו על Progress Bar (סרגל התקדמות) תחת Indicators (אינדיקטורים).
  6. גררו אל העמוד את סרגל ההתקדמות שבחרתם.
  7. בחרו אם להגדיר את ערך היעד כערך דינמי או כערך סטטי:
צילום מסך של דוגמת סרגל התקדמות.