תוסף וורדפרס: פתח וידאו ב- Lightbox עם Elementor

לחצן Elementor פתח את תיבת הווידאו

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

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

למרבה המזל, יש תוסף לכך!

תוספות חיוניות עבור Elementor

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

תוסף פנטסטי אחד הוא תוספות חיוניות עבור Elementor. עם למעלה מ- 800,000 התקנות, התוסף עשוי להיות תוסף ההרחבה הפופולרי ביותר עבור Elementor בשוק. תכונה מרכזית בתוסף זה היא היכולת להוסיף ולהגדיר בקלות תיבת תאורה לאתר הוורדפרס שלך שנבנה עם Elementor.

לחצן Lightbox של אלמנטור

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

אלמנטור

אז תרצה לשנות הגדרות זוגיות עבור האלמנט:

  • הגדר את ההגדרות> הדק למצב לחיצה על כפתור
  • הגדר את ההגדרות> הקלד ל כפתור
  • הגדר את ההגדרות> טקסט כפתור
  • הגדר את התוכן> הקלד ל קישור לדף / וידאו / מפה
  • הגדר את התוכן> ספק דף / וידאו / כתובת אתר לכתובת האתר של הסרטון שלך

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

כפתור lightbox של elementor

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

תוספים חיוניים לאלמנטור: אלמנטים בחינם

הגרסה החינמית כוללת כמה אלמנטים בסיסיים שניתן להוסיף:

  • תיבת מידע - הצג מידע מפתח עם סוג תיבת המידע על ידי הוספת אייקון למעלה והוסף אפקטים של אנימציה.
  • אקורדיון מתקדם - הצג תוכן, הפעל את סמל ההחלפה, מלא את קטע האקורדיון בטקסט הרצוי והפוך אותו למראה אינטראקטיבי עבור הקהל.
  • רשת מוצרי וו - הציגו מוצרי WooCommerce בכל מקום והציגו מוצרים לפי קטגוריות, תגים או מאפיינים. הוסף בקלות אפקטים של רחף על הפריסה כדי להפוך אותו למדהים.
  • להעיף תיבה - הצגת תוכן להפליא עם הפוך אנימציה שמאלה / ימינה על העכבר.
  • כרטיסיות מתקדמות - הצגת מידע מפתח בצורה אינטראקטיבית התומכת בעיצוב כרטיסיות מקוננות בהתאמה אישית כדי למשוך קהל במופע.
  • טבלת תמחור - צור טבלת מחירים יעילה למוצרים עם עיצוב מושלם כדי להשיג יותר מכירות מהקונים הפוטנציאליים שלך.
  • אקורדיון תמונה - הדגש את התמונות שלך באפקטים של רחף ולחץ מדהים באמצעות EA Image Accordion. 
  • הודעה רשת - להציג מספר פוסטים בבלוג בפריסת רשת. אתה יכול לבחור את הפריסה המועדפת עליך מתוך הגדרות הפריסה, להוסיף לה אנימציה ולגרום לה להיראות אינטראקטיבית עבור המבקרים.
  • קריאה לפעולה - עצב את תוכן ה- Call To Action שלך, צבע אותו וקשר אותו כדי להפנות את המבקרים לפעולה הרצויה.
  • ספירה לאחור - בנה ועצב טיימר ממבחר סגנונות שונים.
  • ציר הזמן של ההודעה - הצג פוסטים, דפים או פוסטים מותאמים אישית בבלוג בפריסה אנכית מדהימה. אתה יכול להגדיר את מספר ההודעות המועדף עליך, להוסיף אפקטים מדהימים, כיסוי תמונה, כפתור ועוד כדי לגרור את עניין הקהל.
  • גלריה הניתנת לסינון - הצגת תמונות עם קטגוריות נפרדות, סגנונות רשת, והתאמה אישית של העיצוב הכללי כדי להבטיח מראה יוצא דופן.

הורד את התוספים החיוניים עבור Elementor

תוספים חיוניים לאלמנטור: אלמנטים בתשלום

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

  • Lightbox & Modal - הציגו את הסרטונים, התמונות או תוכן אחר באמצעות פופ-אפ. אתה יכול להגדיר את פעולות ההדק הרצויות, להוסיף אנימציה ולהגדיר את הפריסה למקסימום המעורבות.
  • השוואת תמונות - העצמי את הקונים הפוטנציאליים שלך להשוות בין שתי תמונות המוצרים שלך (ישן מול חדש) בצורה מדהימה.
  • לוגו קרוסלה - בחרו באפקט הקרוסלה הרצוי שלכם, הוסיפו לוגו ועיצבו את הפלט כדי להציג את כל הלקוחות או השותפים שלכם בצורה יפה.
  • אפקטים מקבילים - אפשרו למבקרים שלכם לחוות את האתר שלכם עם אפקט פרלקסה רב שכבתי, שאף משלב אינטראקציה עם העכבר.
  • פרומו - הוסף כותרת אטרקטיבית, תוכן פנימי, תוכן עם העכבר ותמונות יפות כדי ללכוד את תשומת ליבו של המבקר שלך.
  • החלפת תוכן - הוסף לתוכן שלך אפקט רחף המדגיש את ההבדלים שאתה מעוניין שהמבקרים שלך יתמקדו בהם.
  • גוגל מפהs - קבע תצורה של אלמנט מפה, הוסף סמלי סמן והפוך אותו לאינטראקטיבי עבור מבקרים.
  • אפקט החלקיקים - הוסף קטעי קריאייטיב באתר שלך כדי להבליט אותו.
  • כרטיסים אינטראקטיביים - הביאו יכולות מתקדמות כמו גלילה פנימית ואפקטים מרחפים אל גושי התוכן שלכם.
  • תוכן מוגן - הגבל תוכן באמצעות סיסמה או לפי תפקיד משתמש.
  • פוסט בלוק - הצג את הודעות הבלוג שלך עם מגוון סגנונות ייחודיים בעזרת הכוח של CSS Flex המודרני. אתה יכול לבחור פריסה, להוסיף אנימציה, להוסיף אייקון ולעצב הכל - כולל אפקטים של רחף.
  • טיפ כלים מתקדם - הוסף עצות כלים מעל ומתחת לתוכן.
  • ניווט בעמוד אחד - בנה אתר עם עמודים בודדים בלחיצות מעטות בלבד באמצעות Elementor.
  • מחוון המלצות - ליצור לוח המלצות אינטראקטיבי המציג כמה ביקורות יפה באזור תוכן אחד.
  • אינסטגרם - משוך את תשומת ליבו של מבקר האתר שלך והסב לעוקבים נוספים באינסטגרם על ידי הצגת עדכון אינסטגרם באתר שלך.
  • תמונה נקודה חמה - הוסף נקודות חמות של אזור התמונה עם תיאורי כלים מותאמים אישית, כך שהמשתמש יוכל ללחוץ על הנקודות החמות כדי לחשוף טקסט משויך.

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

הורד את התוספים החיוניים עבור Elementor

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.