יש מספרים שכדאי להראות ולא רק לכתוב: כמה מהיעד כבר גויס, כמה מקומות נתפסו בסדנה, כמה זמן מחכים בממוצע לתשובה. הווידג'ט מדי התקדמות הופך אותם לפסים, לטבעות, למדי מחוג או לתאי סוללה שמתמלאים כשהגולש מגיע אליהם בגלילה, והמספר עולה בספירה יחד איתם.
מה הווידג'ט עושה
כל פריט מקבל תווית, ערך ומקסימום. המקסימום הוא 100 כשמדובר באחוזים, או היעד עצמו, למשל 250 הרשמות. אחר כך בוחרים אחד מעשרה מראות, והווידג'ט מחשב את השאר.
- כלול: שבעה סוגי פסים
פס דק עם בועת ערך, פס עבה עם התווית בפנים, פס מפוספס, פס במעבר צבע עם זוהר, פס מחולק לשלבים, פס זכוכית ותאי סוללה.
- כלול: טבעות ומדים
טבעת לכל פריט, טבעות זו בתוך זו עם מקרא, ומד עם מחוג שהאזורים בו עוברים מאדום לכתום ולירוק.
- כלול: כמה דרכים להציג את הערך
אחוז מהמקסימום, הערך עצמו או ערך מתוך המקסימום, ואפשר להוסיף טקסט אחרי הערך, כמו "נרשמים".
- כלול: סמל וצבע לכל פריט
הצבעים מתחילים מצבעי האתר בהגדרות האתר של Elementor, וצבע שנבחר לפריט תמיד גובר.
- כלול: נבנה כדי לעזור לעמוד בדרישות הנגישות
כל פריט מעביר לקוראי מסך את התווית ואת הערך שלו, וגולשים שביקשו מהמכשיר פחות תנועה רואים מיד את הערכים הסופיים.
ככה זה נראה
למעלה, טבעת לכל פריט עם סמל בתוכה. למטה, מדי מחוג שבהם ערכים נמוכים הם החדשות הטובות, כמו זמן המתנה. כל המספרים כאן הם נתוני דוגמה. כדאי לגלול לאט ולראות איך הם מתמלאים.
למי זה מתאים
לכל עסק שרוצה להציג התקדמות או יכולות בלי טבלה. סטודיו לעיצוב מראה בעמוד האודות במה הוא חזק, עמותה מציגה כמה מהיעד של קמפיין הגיוס כבר הושג, מארגני סדנה או כנס מראים כמה מקומות כבר נתפסו, ומוקד שירות מציג במד עם מחוג את זמן ההמתנה הממוצע. חנות לציוד טכנולוגי יכולה להציג קיבולת או חיי סוללה של מוצר בתאי סוללה, וקורס מציג בטבעות כמה מהתכנית כבר נלמד.
איך מגדירים
- מוסיפים פריטים
בתוכן > פריטים נותנים לכל פריט תווית, ערך ומקסימום: 100 לאחוזים, או היעד עצמו, למשל 250 ל-250 הרשמות.
- משלימים פרטים
אפשר להוסיף לכל פריט טקסט אחרי הערך (למשל "פרויקטים"), סמל וצבע.
- בוחרים מראה
בתוכן > מראה ופריסה בוחרים את המראה, ואחר כך את "הצגת הערך": אחוז מהמקסימום, הערך עצמו או ערך מתוך המקסימום.
- מסדרים עמודות ותאים
בטבעות ובמדי מחוג בוחרים את מספר העמודות לכל גודל מסך. בפס המחולק לשלבים ובתאי סוללה בוחרים את מספר התאים.
- מעצבים
בסגנון > פסים וטבעות קובעים את עובי הפס, את עיגול הפינות, את צבע המסלול ואת הרווח בין הפריטים. בסגנון > תוויות ומספרים משנים צבעים וגופנים.
טיפים
שאלות נפוצות
מה קורה כשהערך גדול מהמקסימום?
הפס נעצר כשהוא מלא, והמספר מציג את הערך האמיתי, למשל 120%.
אפשר להציג מספרים שאינם אחוזים?
כן. ב"הצגת הערך" בוחרים "הערך עצמו (75)" או "ערך מתוך המקסימום (75/100)", ומוסיפים "טקסט אחרי הערך", למשל "נרשמים".
למה אצל חלק מהגולשים המדים לא זזים?
גולשים שביקשו מהמכשיר שלהם פחות תנועה רואים את הערכים הסופיים מיד, בלי אנימציה. זה מכוון.
איזה מראה לבחור?
פסים מתאימים לרשימה של כישורים או יעדים. טבעת לכל פריט מתאימה למספרים מרכזיים זה לצד זה, ומד עם מחוג למדידה אחת עם אזורים טובים ורעים. תאי סוללה מתאימים לקיבולת ולמכסות.
הווידג'ט "מדי התקדמות" כלול ב-PeleAddons, בחינם ובלי נעילות. הוא פעיל מיד אחרי ההתקנה, ומוצאים אותו בפאנל של Elementor בקטגוריה PeleAddons. הסבר מלא, שלב אחר שלב, נמצא גם ב-PeleAddons > עזרה.