מדריך שלב אחר שלב להוספת באנר וידאו בנושא שחר Shopify

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

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

במדריך זה נראה לך כיצד לבנות א נושא השחר באנר וידאו למשוך תשומת לב בדף הבית שלך!

סקירה כללית של נושא השחר

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

מהו רקע/באנר וידאו ומדוע כדאי להשתמש בכזה באתר שלך?

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

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

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

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

מדריך שלב אחר שלב להוספת רקע וידאו/באנר לנושא השחר

מבחינה טכנית ישנן ארבע דרכים להוסיף באנר וידאו בנושא שחר (לא כולן אידיאליות):

1. המרת הסרטון לפורמט וידאו/תמונה של WebP.
2. התאמת Shopify קוד עבור באנר תמונה רגיל, כך שהוא תומך בוידאו.
3. המרת הסרטון לפורמט GIF.
4. כל שעליך לעשות הוא להעלות סרטון ל-Video block in Shopify, דילוג על הרעיון של רכיבי חזית (כדי שזה לא יהיה באנר אמיתי).

זה לא נורא קשה לשנות את Shopify קוד עבור באנר תמונה רגילה, אבל התהליך ארוך שלא לצורך בהתחשב בגישה לפורמט קובץ כמו WebP. קובצי GIF מורידים את איכות הווידאו באופן משמעותי, ואפשרות 4 לא נותנת לנו באנר וידאו אמיתי.

לכן, אנו ממליצים להמיר כל פורמט וידאו שיש לך (.mp4, .mov, .wmv) לפורמט WebP. WebP משלב את היתרונות של תמונות JPEG ברזולוציה גבוהה, קטעי וידאו ו-GIF, בכך שאתה יכול להפיק סרטונים נעים יפים ללא כמות גדולה, ומבלי לאבד הרבה רזולוציה. ואתה יכול להעלות סרטונים/תמונות של WebP ל-a Shopify באנר תמונה.

הנה כיצד:

שלב 1: קח את הסרטון שלך והמר אותו לקובץ WebP Format

ישנם ממירי "וידאו ל-WebP" שונים בחינם באינטרנט. נסה חיפוש מקוון, או השתמש באחד מהממירים שבדקנו:

• אזגיף
• ממיר MC
• MP4.to

העלה את הסרטון שלך לכלי הממיר החינמי, ולאחר מכן בחר להמיר אותו לפורמט WebP. שמור את הקובץ החדש במחשב שלך.

שלב 2: מצא את ערכת הנושא של השחר Shopify

עבור אל "חנות מקוונת" > "ערכות נושא".

אם עדיין אין לך את זה, התקן את ערכת הנושא Dawn. אחרת, אתה צריך למצוא את ערכת הנושא Dawn המיועד כ Shopify"הנושא הנוכחי" של לחץ על כפתור "התאמה אישית" כדי להמשיך.

שלב 3: הוסף ובחר את בלוק באנר תמונה

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

שלב 4: העלה את קובץ הווידאו של WebP

לחץ על הלחצן "בחר תמונה" מתחת לקטע "תמונה ראשונה".

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

זה מפיל את קובץ הווידאו של WebP לתוך באנר התמונה, ומאפשר לך לערוך גם כל תוכן בחזית. לחץ על "שמור".

מזל טוב, הוספת בהצלחה באנר וידאו בנושא שחר!

שלב 5: תצוגה מקדימה של הסרטון

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

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

הצלחה!

התאמה אישית של באנר וידאו עם נושא השחר שלך: הופך אותו לשלך

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

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

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

להתאמה אישית נוספת, יש לך גישה לקטע "CSS מותאם אישית".

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

טיפים לאופטימיזציה של קובץ הווידאו שלך למהירות ותאימות מרבית

קיום סרטון מרשים לא משנה אם הוא מאט את סריקת האתר שלך או לא יוצג כהלכה במכשירים מסוימים.

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

• השתמש בפורמטים של קבצי וידאו (כמו WebP) התואמים באופן נרחב לרוב דפדפני האינטרנט.
• שמור על גודל קובץ הווידאו קטן ככל האפשר. WebP עושה עבודה נפלאה בדחיסת וידאו מבלי לאבד איכות.
• הגדר את יחס הגובה-רוחב של הסרטון כך שיתאים היטב לגודל המסך.
• בחרו בסרטון עם צבע וניגודיות מאוזנים המשקפים את אישיות החנות.

פתרון בעיות נפוצות עם הוספת רקע וידאו/באנר לנושא השחר

לפעמים, לא משנה כמה זהיר היית, בעיות עדיין יכולות לצוץ בעת הוספת באנר וידאו עם נושא Dawn. הנה כמה עצות לפתרון בעיות כאשר אתה נתקל בבעיות:

בעיות אי התאמה

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

גודל הסרטון גדול מדי

חתוך את הסרטון או דחוס אותו כדי להקטין את גודל הקובץ תוך שמירה על האיכות.

הסרטון לא מופעל אוטומטית

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

המסקנה שלנו לגבי הוספת באנר וידאו בנושא שחר

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

מה מחשבותיך? ספר לנו בתגובות אם הצלחת להוסיף באנר וידאו בנושא שחר!