Studio Editor: שימוש בחלוניות לייטבוקס (Lightbox)

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

הוספת לייטבוקס

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

כדי להוסיף לייטבוקס:

  1. הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
  2. הקליקו על Layout Tools (כלי פריסה).
  3. הקליקו על Lightboxes (חלוניות לייטבוקס).
  4. בחרו את הלייטבוקס שאתם רוצים להוסיף. 

עריכת הלייטבוקס

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

כדי לערוך את הלייטבוקס:

  1. הקליקו על Pages (עמודים) בצד שמאל של ה-Editor.
  2. בחרו את חלונית חלונית הלייטבוקס הרלוונטית תחת Lightboxes.
  3. הקליקו על הלייטבוקס ב-Editor.
  4. בחרו איך לערוך את הלייטבוקס:
    • הוספת אלמנטים:  
      1. הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
      2. גררו ושחררו את האלמנט הרלוונטי. 
    • עיצוב הרקע: 
      1. הקליקו על החץ לפתיחת חלונית ה-Inspector (עריכה)  בפינה הימנית העליונה של ה-Editor.
      2. גללו למטה אל Design (עיצוב).
      3. בחרו צבע והגדירו את רמת השקיפות תחת Background (רקע).
  5. כשאתם מוכנים, הקליקו על Done (סיום) למטה כדי לצאת ממצב עריכה. 
צילום מסך של מצב עריכת הלייטבוקס, בעת בחירת צבע רקע ב-Inspector
מה השלב הבא?
צפו בתצוגה מקדימה של האתר כדי לראות את הלייטבוקס בפעולה.

הגדרת טריגרים ללייטבוקס

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

כדי להגדיר גורמי הפעלה:

  1. הקליקו על Pages (עמודים) בצד שמאל של ה-Editor.
  2. בחרו את חלונית הלייטבוקס הרלוונטית תחת Lightboxes (חלוניות לייטבוקס). 
  3. הקליקו על הלייטבוקס שעל הקנבס.
  4. הקליקו על Set Triggers |(הגדרת טריגרים).
  5. בחרו את האפשרות הרלוונטית תחת Automatically display lightbox on Pages (הצגה אוטומטית של הלייטבוקס בעמוד):
    • Yes: חלונית הלייטבוקס תופיע אוטומטית כשהגולשים ייכנסו לעמודים הרלוונטיים.
      1. הקליקו תחת Which pages is it on? (באיזה עמוד זה מופיע) כדי לבחור העמודים הרלוונטיים
      2. גררו את פס ההזזה Delay (השהיה) כדי לקבוע את משך הזמן (בשניות) שיקח ללייטבוקס להופיע אחרי שהעמוד נטען.   
    • No: חלונית הלייטבוקס לא תופיע כשהגולשים ייכנסו לעמוד, אלא כשהם יקליקו על כפתור או לינק שתבחרו. 
  6. הפעילו את המתגים הרלוונטיים תחת How does the lightbox close (אופן סגירת הלייטבוקס) .
    שימו לב: אם תבטלו גם את אייקון ה-'X' וגם את כפתור ה-Close' (סגירה), הגולשים יוכלו להקליק מחוץ ללייטבוקס כדי לסגור אותה.
  7. כשאתם מוכנים, הקליקו על Done (סיום) כדי לצאת ממצב עריכה.  
חלונית הטריגרים פתוחה ליד חלונית לייטבוקס, שמוגדרת להיפתח אוטומטית בעמוד הבית

תזמון של לייטבוקס

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

כדי להגדיר את לוח הזמנים של הלייטבוקס:

  1. הקליקו על Pages (עמודים) בצד שמאל של ה-Editor.
  2. בחרו את חלונית הלייטבוקס הרלוונטית תחת Lightboxes (חלוניות לייטבוקס). 
  3. הקליקו על הלייטבוקס שעל הקנבס.
  4. הקליקו על Set Triggers |(הגדרת טריגרים).
  5. גללו למטה אל Lightbox scheduling (תזמון לייטבוקס) והקליקו על ‎+ Set schedule (הגדרת לוח זמנים).
  6. הגדירו את תאריך ושעת ההתחלה ואת תאריך ושעת הסיום.
    טיפ: ודאו שמוגדר אצלכם אזור הזמן הנכון. אם לא, אתם יכולים לשנות אותו. 
הגדרת לוח הזמנים של הלייטבוקס ב-Studio Editor

קישור אלמנטים ללייטבוקס

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

כדי לקשר אלמנט ללייטבוקס:

  1. הקליקו על האלמנט הרלוונטי ב-Editor.
  2. הקליקו על אייקון הלינק  .
  3. בחרו ב-Lightbox בצד שמאל.
  4. הקליקו על התפריט הנפתח Which Lightbox?‎ ובחרו את חלונית הלייטבוקס הרלוונטית.
  5. הקליקו על Done (סיום).
קישור אלמנט מסכת טקסט כדי לפתוח את הלייטבוקס כשהגולשים מקליקים

ניהול הלייטבוקס

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

כדי לנהל לייטבוקס:

  1. הקליקו על Pages (עמודים) בצד שמאל של ה-Editor.
  2. הקליקו על אייקון הפעולות הנוספות ליד חלונית הלייטבוקס הרלוונטית.
  3. בחרו מה לעשות מכאן:
לייטבוקס בחלונית העמודים, אפשרויות הניהול הזמינות מוצגות

זה עזר לך?

|