डॉन थीम वीडियो बैनर जोड़ने के लिए चरण-दर-चरण मार्गदर्शिका Shopify

यदि आपने प्रयोग किया है Shopify, आप डॉन थीम को जानते हैं। यह नए उद्यमियों के लिए उपलब्ध निःशुल्क थीमों में से एक है, और एक अद्वितीय स्टोरफ्रंट डिजाइन करने के लिए एक उच्च अनुकूलन योग्य विकल्प है।

डॉन थीम कई मॉड्यूल के साथ आती है, जैसे इसका मानक वीडियो अपलोड ब्लॉक और एक छवि बैनर।

इस गाइड में, हम आपको दिखाएंगे कि कैसे निर्माण करें डॉन थीम आपके मुखपृष्ठ पर ध्यान आकर्षित करने के लिए वीडियो बैनर!

डॉन थीम का अवलोकन

डॉन थीम निःशुल्क है Shopify विषय इसका उपयोग ईकॉमर्स खुदरा विक्रेताओं द्वारा व्यापक रूप से किया जाता है। सरल डिज़ाइन और सीधी सेटिंग्स के साथ, यह दिखने में आकर्षक और सुंदर दिखने वाला स्टोर स्थापित करने के लिए एक लोकप्रिय विकल्प बना हुआ है।

वीडियो पृष्ठभूमि/बैनर क्या है और आपको अपनी वेबसाइट पर इसका उपयोग क्यों करना चाहिए?

वीडियो बैनर एक वेबपेज का एक क्षेत्र है जो एक वीडियो को पूर्ण-चौड़ाई वाली पृष्ठभूमि के साथ-साथ अग्रभूमि में बटन और टेक्स्ट जैसे अन्य तत्वों के साथ प्रस्तुत करता है।

डॉन थीम वीडियो बैनर जैसा मॉड्यूल आगंतुकों के लिए समग्र वेबसाइट अनुभव को बढ़ाने के लिए कई लाभ प्रदान करता है। यहां कुछ प्रमुख लाभ दिए गए हैं:

1. समृद्ध दृश्य तत्व: मनमोहक वीडियो को शामिल करने से, वेबसाइट अधिक आकर्षक बन जाती है और आगंतुकों का ध्यान खींचती है।
2. गतिशील और आकर्षक सामग्री: वीडियो प्रभावशाली तरीके से जानकारी देते हैं। वे उत्पाद की विशेषताओं को प्रदर्शित कर सकते हैं, कैसे-करें का प्रदर्शन कर सकते हैं, या एक आकर्षक ब्रांड कहानी बता सकते हैं, जिससे आगंतुक जुड़े रह सकते हैं।
3. बढ़ी हुई उपयोगकर्ता सहभागिता: वीडियो में आगंतुकों पर स्थायी प्रभाव डालने की शक्ति होती है। दृश्य, श्रव्य और गति का संयोजन ध्यान आकर्षित करता है और उपयोगकर्ताओं को और अधिक अन्वेषण करने के लिए प्रोत्साहित करता है।
4. प्रभावी ब्रांड संचार: एक वीडियो पृष्ठभूमि या बैनर ग्राहकों तक ब्रांड का संदेश पहुंचा सकता है। यह व्यवसायों को अपने अद्वितीय मूल्य प्रस्ताव को उजागर करने, उत्पादों या सेवाओं को प्रदर्शित करने और एक मजबूत ब्रांड पहचान स्थापित करने की अनुमति देता है।

अपनी वेबसाइट डिज़ाइन में वीडियो की शक्ति का लाभ उठाकर, आप अपनी साइट को अधिक रोमांचक बना सकते हैं और रूपांतरण बढ़ा सकते हैं।

डॉन थीम में वीडियो पृष्ठभूमि/बैनर जोड़ने के लिए चरण-दर-चरण मार्गदर्शिका

डॉन थीम वीडियो बैनर जोड़ने के तकनीकी रूप से चार तरीके हैं (उनमें से सभी आदर्श नहीं हैं):

1. वीडियो को WebP वीडियो/छवि प्रारूप में परिवर्तित करना।
2. समायोजन Shopify एक नियमित छवि बैनर के लिए कोड, ताकि यह वीडियो का समर्थन कर सके।
3. वीडियो को GIF प्रारूप में परिवर्तित करना।
4. बस वीडियो ब्लॉक में एक वीडियो अपलोड करना है Shopify, अग्रभूमि तत्वों के विचार को छोड़ दें (इसलिए यह एक सच्चा बैनर नहीं होगा)।

इसे संशोधित करना बहुत कठिन नहीं है Shopify एक मानक छवि बैनर के लिए कोड, लेकिन यह प्रक्रिया अनावश्यक रूप से लंबी है क्योंकि आपके पास WebP जैसे फ़ाइल प्रारूप तक पहुंच है। GIFs वीडियो की गुणवत्ता को काफी कम कर देते हैं, और विकल्प 4 हमें वास्तविक वीडियो बैनर नहीं देता है।

इसलिए, हम आपके पास जो भी वीडियो फ़ॉर्मेट है (.mp4, .mov, .wmv) उसे WebP फ़ॉर्मेट में बदलने की सलाह देते हैं। WebP में उच्च-रिज़ॉल्यूशन JPEG इमेज, वीडियो और GIF के फ़ायदे शामिल हैं, जिसमें आप बिना ज़्यादा वज़न के और ज़्यादा रिज़ॉल्यूशन खोए सुंदर मूविंग वीडियो बना सकते हैं। और आप WebP वीडियो/इमेज को किसी भी फ़ॉर्मेट में अपलोड कर सकते हैं। Shopify छवि बैनर.

यहां बताया गया है:

चरण 1: अपना वीडियो लें और इसे WebP फ़ाइल में कनवर्ट करें Format

ऑनलाइन विभिन्न मुफ्त "वीडियो टू वेबपी" कन्वर्टर्स उपलब्ध हैं। ऑनलाइन खोज का प्रयास करें, या हमारे द्वारा परीक्षण किए गए कनवर्टर्स में से किसी एक का उपयोग करें:

• एजगिफ
• एमसी कन्वर्टर
• MP4.to

अपने वीडियो को मुफ़्त कन्वर्टर टूल पर अपलोड करें, फिर उसे WebP फ़ॉर्मेट में कन्वर्ट करना चुनें। नई फ़ाइल को अपने कंप्यूटर पर सेव करें।

चरण 2: डॉन थीम ढूंढें Shopify

"ऑनलाइन स्टोर" > "थीम्स" पर जाएँ।

अगर आपके पास पहले से यह नहीं है, तो डॉन थीम इंस्टॉल करें। अन्यथा, आपको डॉन थीम को इस रूप में नामित किया जाना चाहिए Shopifyकी "वर्तमान थीम।" आगे बढ़ने के लिए "कस्टमाइज़" बटन पर क्लिक करें।

चरण 3: छवि बैनर ब्लॉक जोड़ें और चुनें

डॉन थीम में डिफ़ॉल्ट रूप से "इमेज बैनर" ब्लॉक जोड़ा गया है। तो, आपको बाएं पैनल में इसकी सेटिंग्स खोलने के लिए उस मॉड्यूल पर क्लिक करने में सक्षम होना चाहिए। दाईं ओर दृश्य पूर्वावलोकन में छवि बैनर पर क्लिक करना भी संभव है। यदि आपको स्क्रैच से "इमेज बैनर" डालने की आवश्यकता है तो "ब्लॉक जोड़ें" लिंक का उपयोग करें।

चरण 4: वेबपी वीडियो फ़ाइल अपलोड करें

"पहली छवि" अनुभाग के अंतर्गत "छवि चुनें" बटन पर क्लिक करें।

यह आपके स्टोर मीडिया लाइब्रेरी में छवियां अपलोड करने के लिए एक क्षेत्र लोड करता है। वीडियो यूआरएल चिपकाना भी संभव है, लेकिन हम अपलोड कार्यक्षमता का उपयोग करेंगे। "चित्र जोड़ें" बटन चुनें, और आपके द्वारा पहले बनाई गई WebP फ़ाइल चुनें। नई अपलोड की गई फ़ाइल को चेकमार्क से चिह्नित करें, फिर "संपन्न" बटन पर क्लिक करें।

यह WebP वीडियो फ़ाइल को छवि बैनर में छोड़ देता है, जिससे आप अग्रभूमि में किसी भी सामग्री को संपादित कर सकते हैं। "सहेजें" पर क्लिक करें।

बधाई हो, आपने सफलतापूर्वक डॉन थीम वीडियो बैनर जोड़ लिया है!

चरण 5: वीडियो का पूर्वावलोकन करें

लेकिन रुकिए, यह सुनिश्चित करने के लिए कि वीडियो सही दिखता है, सुचारू रूप से चलता है, और उचित रिज़ॉल्यूशन वाला है, फ्रंटएंड पर वीडियो का पूर्वावलोकन करना बुद्धिमानी है।

डैशबोर्ड की मुख्य स्क्रीन पर वापस, "अपना ऑनलाइन स्टोर देखें" के लिए नेत्रगोलक आइकन पर क्लिक करें। यह "ऑनलाइन स्टोर" के बगल में, "बिक्री चैनल" अनुभाग के नीचे स्थित है।

सफलता!

अपने डॉन थीम वीडियो बैनर को अनुकूलित करना: इसे विशिष्ट रूप से अपना बनाना

अनुकूलन यह सुनिश्चित करता है कि आपका वीडियो आपके ब्रांड और स्टोर सौंदर्य के साथ पूरी तरह फिट बैठता है। तो, आइए हम अपनी आस्तीनें चढ़ाएँ और गोता लगाएँ, क्या हम?

आपको हमेशा इमेज बैनर की सेटिंग देखने के लिए उसे चुनना होगा। वहां पहुंचने के बाद, आप इमेज ओवरले अपारदर्शिता को संशोधित कर सकते हैं और बैनर की ऊंचाई बदल सकते हैं। फिर, आप डेस्कटॉप सामग्री की स्थिति को संशोधित कर सकते हैं, ओवरले टेक्स्ट की स्थिति बदल सकते हैं।

सामग्री और बटन की स्थिति को स्थानांतरित करने से टेक्स्ट और बटन को वीडियो के उस क्षेत्र के ऊपर दिखाया जाता है जहां वे सबसे अधिक दिखाई देते हैं।

आगे के अनुकूलन के लिए, आपके पास "कस्टम सीएसएस" अनुभाग तक पहुंच है।

और निश्चित रूप से, वे जो कहते हैं और वे कैसे दिखते हैं उसे बदलने के लिए सामग्री पाठ या बटन का चयन करना संभव है।

अधिकतम गति और अनुकूलता के लिए अपनी वीडियो फ़ाइल को अनुकूलित करने की युक्तियाँ

एक प्रभावशाली वीडियो होने से कोई फर्क नहीं पड़ता अगर यह आपकी साइट को क्रॉल करने में धीमा कर देता है या कुछ उपकरणों पर सही ढंग से प्रदर्शित होने में विफल रहता है।

इसीलिए अपनी वीडियो फ़ाइल को अधिकतम गति और अनुकूलता के लिए अनुकूलित करना एक गैर-समझौता योग्य कार्य है। इस अनुभाग में, हम यह सुनिश्चित करने के लिए कुछ उपयोगी संकेत साझा करेंगे कि आपकी वीडियो सामग्री कुशल लोडिंग और सार्वभौमिक प्लेबैक के लिए सुव्यवस्थित है।

• ऐसे वीडियो फ़ाइल प्रारूपों (जैसे WebP) का उपयोग करें जो अधिकांश वेब ब्राउज़रों के साथ व्यापक रूप से संगत हों।
• वीडियो फ़ाइल का आकार यथासंभव छोटा रखें। WebP गुणवत्ता खोए बिना वीडियो को संपीड़ित करने का अद्भुत काम करता है।
• वीडियो के पहलू अनुपात को स्क्रीन आकार के भीतर अच्छी तरह फिट करने के लिए सेट करें।
• संतुलित रंग और कंट्रास्ट वाला वीडियो चुनें जो स्टोर के व्यक्तित्व को दर्शाता हो।

डॉन थीम में वीडियो पृष्ठभूमि/बैनर जोड़ने से संबंधित सामान्य समस्याओं का निवारण

कभी-कभी, चाहे आप कितने भी सावधान रहें, डॉन थीम वीडियो बैनर जोड़ते समय समस्याएं अभी भी सामने आ सकती हैं। जब आपके सामने समस्याएँ आती हैं तो यहाँ कुछ समस्या निवारण युक्तियाँ दी गई हैं:

असंगति मुद्दे

वीडियो को WebP जैसे संगत फ़ाइल प्रारूप में परिवर्तित करने का प्रयास करें या वीडियो एम्बेड लिंक का उपयोग करें।

वीडियो का आकार बहुत बड़ा है

गुणवत्ता बनाए रखते हुए फ़ाइल का आकार कम करने के लिए वीडियो को ट्रिम करें या उसे संपीड़ित करें।

वीडियो ऑटोप्ले नहीं होता

जांचें कि आपने थीम सेटिंग्स में "ऑटोप्ले" विकल्प सक्षम किया है।

डॉन थीम वीडियो बैनर जोड़ने पर हमारा निष्कर्ष

हमारे चरण-दर-चरण मार्गदर्शिका और समस्या निवारण युक्तियों का पालन करके, आपको डॉन थीम वीडियो बैनर जोड़ने में सक्षम होना चाहिए Shopify आसानी से।

आपके क्या विचार हैं? यदि आपको डॉन थीम वीडियो बैनर जोड़ने में सफलता मिली है तो हमें टिप्पणियों में बताएं!