Ha használtad Shopify, ismered a Hajnal témát. Ez az egyik ingyenes téma az új vállalkozók számára, és rendkívül testreszabható lehetőség egyedi kirakat kialakításához.
A Dawn témához számos modul tartozik, például szabványos videófeltöltési blokk és képszalag.
A kép banner lehetővé teszi, hogy gombok és szöveg szolgáljon előtérként, míg a kép a háttér. Sajnos a videomodul nem teszi lehetővé az ilyen típusú előtér használatát. Vannak azonban módok arra, hogy mindkét világból a legjobbat hozzuk ki, és készítsünk egy videó szalaghirdetést, ahol a videó a háttér – és szöveg van az előtérben.
Ebben az útmutatóban megmutatjuk, hogyan kell felépíteni a Hajnali téma videó banner, hogy felhívja a figyelmet a kezdőlapjára!
A Hajnal téma áttekintése
A Dawn téma ingyenes Shopify téma amelyet az e-kereskedelmi kiskereskedők széles körben használnak. Egyszerű dizájnjával és áttekinthető beállításaival továbbra is népszerű választás a tetszetős és elegáns megjelenésű üzlet kialakításához.
Mi az a videóháttér/szalaghirdetés, és miért érdemes ilyet használni a webhelyén?
A videoszalaghirdetés a weboldal azon része, amely a videót teljes szélességű háttérként jeleníti meg az előtérben lévő egyéb elemekkel, például gombokkal és szöveggel együtt.
Egy olyan modul, mint a Dawn témájú videoszalag, számos előnnyel jár a látogatók általános webhelyélményének javítása érdekében. Íme néhány fő előny:
- Dúsított vizuális elemek: Lebilincselő videók beépítésével a weboldal látványosabbá válik, felkelti a látogatók figyelmét.
- Dinamikus és vonzó tartalom: A videók hatékonyan közvetítenek információkat. Bemutathatják a termékjellemzőket, bemutathatják a használati útmutatót, vagy elmondhatnak egy lebilincselő márkatörténetet, amivel leköti a látogatókat.
- Továbbfejlesztett felhasználói elköteleződés: A videók tartós benyomást kelthetnek a látogatókban. A látvány, a hang és a mozgás kombinációja felkelti a figyelmet, és további felfedezésre ösztönzi a felhasználókat.
- Hatékony márkakommunikáció: Egy videós háttér vagy banner közvetítheti a márka üzenetét az ügyfelek felé. Lehetővé teszi a vállalkozások számára, hogy kiemeljék egyedi értékajánlatukat, bemutassák termékeiket vagy szolgáltatásaikat, és erős márkaidentitást alakítsanak ki.
Ha a videó erejét kiaknázza webhelye kialakításában, izgalmasabbá teheti webhelyét, és növelheti a konverziókat.
Útmutató lépésről lépésre videóháttér/szalaghirdetés hozzáadásához a Dawn témához
Technikailag négyféleképpen adhat hozzá Dawn témájú videószalagot (nem mindegyik ideális):
- A videó konvertálása WebP videó/képformátumba.
- A Shopify kódot egy normál képszalaghoz, hogy támogassa a videót.
- Videó konvertálása GIF formátumba.
- Egyszerűen csak töltsön fel egy videót a videóblokkba Shopify, átugorva az előtérben lévő elemek gondolatát (így nem lenne igazi szalaghirdetés).
Nem túl nehéz módosítani a Shopify kód egy szabványos képszalaghoz, de a folyamat szükségtelenül hosszadalmas, tekintve, hogy hozzáfér egy olyan fájlformátumhoz, mint a WebP. A GIF-ek jelentősen rontják a videó minőségét, és a 4. lehetőség nem ad valódi videószalagot.
Ezért azt javasoljuk, hogy bármilyen videoformátumot (.mp4, .mov, .wmv) konvertáljon WebP formátumba. A WebP egyesíti a nagy felbontású JPEG-képek, videók és GIF-képek előnyeit abban, hogy gyönyörű mozgó videókat készíthet tömeg nélkül, anélkül, hogy nagy felbontást veszítene. És feltölthet WebP videókat/képeket a Shopify kép banner.
Itt van, hogyan:
1. lépés: Készítse el a videót, és alakítsa át WebP-fájllá Format
Különféle ingyenes „video to WebP” konverterek találhatók az interneten. Próbáljon meg egy online keresést, vagy használja az általunk tesztelt konverterek egyikét:
Töltse fel videóját az ingyenes konvertáló eszközbe, majd válassza a WebP formátumba konvertálását. Mentse el az új fájlt a számítógépére.
2. lépés: Keresse meg a Dawn témát Shopify
Lépjen az „Online áruház” > „Témák” menüpontra.
Ha még nem rendelkezik vele, telepítse a Dawn témát. Ellenkező esetben a Hajnal témát a következőként kell megjelölnie Shopifyaz „Aktuális téma”. A folytatáshoz kattintson a „Testreszabás” gombra.
3. lépés: Adja hozzá és válassza ki a képszalagblokkot
Az „Image Banner” blokk alapértelmezés szerint hozzáadódik a Dawn témához. Tehát képesnek kell lennie arra a modulra kattintva, hogy megnyissa a beállításokat a bal oldali panelen. Magára a képi szalaghirdetésre is rákattinthat a jobb oldali vizuális előnézetben. Használja a „Blokk hozzáadása” hivatkozást, ha a semmiből kell beillesztenie az „Image Banner”-t.
4. lépés: Töltse fel a WebP videofájlt
Kattintson a „Kép kiválasztása” gombra az „Első kép” részben.
Ez betölt egy területet, ahol képeket tölthet fel az áruház médiakönyvtárába. Videó URL-ek beillesztése is lehetséges, de mi a feltöltési funkciót fogjuk használni. Válassza a „Képek hozzáadása” gombot, és válassza ki a korábban létrehozott WebP-fájlt. Jelölje be pipával az újonnan feltöltött fájlt, majd kattintson a „Kész” gombra.
Ez a WebP videofájlt az Image Bannerbe helyezi, lehetővé téve az előtérben lévő tartalom szerkesztését is. Kattintson a „Mentés” gombra.
Gratulálunk, sikeresen hozzáadott egy Dawn témájú videoszalaghirdetést!
5. lépés: Tekintse meg a videó előnézetét
De várj, bölcs dolog megnézni a videó előnézetét a frontenden, hogy megbizonyosodjon arról, hogy jól néz ki, zökkenőmentesen fut, és megfelelő felbontással rendelkezik.
Visszatérve az irányítópult főképernyőjére, kattintson a szemgolyó ikonra az „Online áruház megtekintése” lehetőséghez. Ez az „Online áruház” mellett található, az „Értékesítési csatornák” szakasz alatt.
Siker!
A Dawn témájú videószalag testreszabása: egyedivé varázsolja a tiéd
A testreszabás biztosítja, hogy a videó tökéletesen illeszkedjen a márkájához és az üzletéhez. Szóval, feltűrjük az ingujjunkat, és merüljünk bele, jó?
Mindig ki kell választania a képszalagot a beállítások megtekintéséhez. Ha ott van, módosíthatja a képfedő átlátszatlanságát, és módosíthatja a szalaghirdetés magasságát. Ezután módosíthatja az asztali tartalom pozícióját, megváltoztatva a fedőszöveg helyét.
A tartalom és a gombok pozíciójának mozgatásával a szöveg és a gomb a videó azon területe felett jeleníthető meg, ahol a legjobban láthatóak.
A további testreszabáshoz hozzáférése van az „Egyéni CSS” szakaszhoz.
És természetesen lehetőség van a tartalom szövegének vagy gombjának kiválasztásával módosítani, hogy mit mondanak és hogyan jelenjenek meg.
Tippek a videofájl optimalizálásához a maximális sebesség és kompatibilitás érdekében
A lenyűgöző videó nem számít, ha lelassítja webhelyét a feltérképezésig, vagy nem jelenik meg megfelelően bizonyos eszközökön.
Éppen ezért a videofájl optimalizálása a maximális sebesség és kompatibilitás érdekében nem megtárgyalható feladat. Ebben a részben megosztunk néhány hasznos támpontot, amelyek biztosítják, hogy videotartalma leegyszerűsödjön a hatékony betöltés és az univerzális lejátszás érdekében.
- Használjon olyan videofájl-formátumokat (például WebP), amelyek széles körben kompatibilisek a legtöbb webböngészővel.
- A videofájl mérete legyen a lehető legkisebb. A WebP csodálatos munkát végez a videó tömörítésében a minőség romlása nélkül.
- Állítsa be a videó képarányát úgy, hogy jól illeszkedjen a képernyő méretéhez.
- Válasszon egy kiegyensúlyozott szín- és kontrasztú videót, amely tükrözi az üzlet személyiségét.
A Dawn témához videóháttér/szalaghirdetés hozzáadásával kapcsolatos gyakori problémák elhárítása
Néha, akármilyen körültekintő volt is, továbbra is felmerülhetnek problémák a Dawn témájú videoszalaghirdetések hozzáadásakor. Íme néhány hibaelhárítási tipp, ha problémákat tapasztal:
Inkompatibilitási problémák
Próbálja meg konvertálni a videót kompatibilis fájlformátumra, például WebP-re, vagy használja a videó beágyazási hivatkozását.
A videó mérete túl nagy
Vágja le vagy tömörítse a videót a fájl méretének csökkentése érdekében a minőség megőrzése mellett.
A videó nem indul automatikusan
Ellenőrizze, hogy engedélyezte-e az „Automatikus lejátszás” opciót a témabeállításokban.
Következtetésünk egy hajnali témájú videószalag hozzáadásával kapcsolatban
Ha követi lépésről lépésre útmutatónkat és hibaelhárítási tippjeinket, akkor képesnek kell lennie arra, hogy Dawn témájú videószalagot adjon hozzá Shopify könnyedén.
mik a gondolataid? Kommentben tudassa velünk, ha sikerült egy Hajnal témájú videó bannert hozzáadnia!
Hozzászólások 0 válaszok