חדש! Elementor
Experts Network — מצאו שותפים לדרך, קדמו והגדילו את העסק שלכם

איך לבנות פופאפים שהלקוחות יקליקו עליהם – חלק ב'

הדס גולצאקר | אוגוסט 2020

בחלק הראשון של הכתבה דיברנו על פתרונות לאתגרים שעומדים בפנינו בדרך ליצירת הפופ־אפ המושלם. בחלק השני והאחרון של הכתבה נתמקד בעשייה: איך מעצבים ובונים את הפופ־אפ הכי מתאים עבורנו בעזרת אלמנטור ואיך מתזמנים אותו כך שיקפוץ בדיוק ברגע הנכון. אז בואו נתחיל לבנות.

בדשבורד של וורדפרס, תחת אלמנטור, נבחר באופציית טמפלטים > פופאפים.

בחלון שנפתח נבחר בהוספה של פופ־אפ חדש.

ניתן לפופ־אפ שלנו שם ונלחץ על הכפתור יצירת טמפלט.

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

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

הבנייה של פופאפים באלמנטור דומה מאוד לבנייה של עמודים או פוסטים. האדיטור המוכר נשאר אותו הדבר וכך גם רובו של תהליך הבנייה. אך ישנם הבדלים קטנים שאותם כדאי להכיר. 

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

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

בשלב האחרון, באופציית מתקדם, נוכל לשנות את ה-Margin וה-Padding של הפופ־אפ (בדומה לבנייה הרגילה באלמנטור). נוכל גם להגדיר את ההתנהגות שלו, כמו למשל עצירה של המשך הגלילה בעמוד בזמן שהפופ־אפ מופיע או ביטול האפשרות לסגור אותו באמצעות esc וכו'. 

כאשר סיימנו לבנות את הפופ־אפ המושלם שלנו, הגיע הזמן לחלק הקריטי ביותר – פרסום הפופ־אפ וקביעת התזמון שלו. בכתבה הקודמת דיברנו רבות על החשיבות של דרך ההצגה והתזמון של הפופ־אפ וההשפעה שלהם על המבקרים באתר ועל הדירוג בגוגל. פופ־אפ מושלם הוא לא רק חלונית שמעוצבת מדהים, אלא גם כזה שקופץ גם בתזמון מדויק, לא מרתיע את הגולשים ומניע לפעולה.

כאשר נלחץ על כפתור הפרסום, ייפתח חלון שבו שלושה שלבים:

Conditions – היכן נרצה שהפופ־אפ שלנו יוצג (עמודים ספציפיים, פוסטים, כל האתר וכו’).

Triggers – מה יגרום לפופ־אפ שלנו לקפוץ בפני המבקרים באתר (בזמן טעינת העמוד, כשמגיעים לאזור מסוים, כשמקליקים על משהו באתר וכו').

Advanced rules – חוקיות שנוכל להוסיף לפופ־אפ שלנו (הופעה חד־פעמית, הופעה רק אחרי מספר מסוים של כניסות, רק ברזולוציה מסוימת וכו’).

בסיום ההגדרות, נלחץ על save & close ונבדוק בלייב את הפופ־אפ שלנו.

רוצים להיות כותבים במגזין שלנו?

הדס גולצאקר

מובילת הצמיחה של אלמנטור בישראל, מעצבת, FOODIE ומעריצה של סטפן סגמייסטר

אהבתם? שתפו.
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב telegram
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

One Response

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

תודה שקראתם!

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

רוצים להיות כותבים במגזין שלנו?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!

רוצים להיות חלק מאלמנטור?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!

בואו לגדול במקום הנכון - בזמן הנכון