Dacă ai folosit Shopify, știi tema Dawn. Este una dintre temele gratuite disponibile pentru noii antreprenori și o opțiune extrem de personalizabilă pentru proiectarea unei vitrine unice.
Tema Dawn vine cu numeroase module, cum ar fi blocul de încărcare video standard și un banner de imagine.
Bannerul de imagine permite ca butoanele și textul să servească drept prim plan, în timp ce imaginea este fundal. Din păcate, modulul video nu permite acest tip de prim-plan. Există, totuși, modalități de a obține tot ce este mai bun din ambele lumi, creând un banner video în care videoclipul este un fundal - și există text în prim-plan.
În acest ghid, vă vom arăta cum să construiți un Tema zorilor banner video pentru a atrage atenția pe pagina ta de pornire!
Prezentare generală a temei Dawn
Tema Dawn este gratuită Shopify temă care este utilizat pe scară largă de comerțul electronic cu amănuntul. Cu un design simplu și setări simple, rămâne o alegere populară pentru amenajarea unui magazin atrăgător din punct de vedere vizual și cu aspect elegant.
Ce este un fundal/banner video și de ce ar trebui să folosiți unul pe site-ul dvs.?
Un banner video este o zonă a unei pagini web care prezintă un videoclip ca fundal cu lățime completă, împreună cu alte elemente în prim-plan, cum ar fi butoanele și textul.
Un modul precum un banner video cu tema Dawn oferă numeroase beneficii pentru a îmbunătăți experiența generală a site-ului pentru vizitatori. Iată câteva avantaje cheie:
- Elemente vizuale îmbogățite: Prin încorporarea videoclipurilor captivante, site-ul web devine mai atrăgător din punct de vedere vizual, captând atenția vizitatorilor.
- Conținut dinamic și captivant: Videoclipurile transmit în mod eficient informații. Aceștia pot prezenta caracteristicile produsului, pot demonstra modalități sau pot spune o poveste captivantă a mărcii, menținând vizitatorii implicați.
- Implicare sporită a utilizatorilor: Videoclipurile au puterea de a crea o impresie de durată asupra vizitatorilor. Combinația de imagini, sunet și mișcare captează atenția și încurajează utilizatorii să exploreze mai departe.
- Comunicare eficientă a mărcii: Un fundal video sau un banner poate comunica clienților mesajul mărcii. Permite companiilor să își evidențieze propunerea de valoare unică, să prezinte produse sau servicii și să stabilească o identitate de brand puternică.
Prin valorificarea puterii video în designul site-ului dvs. web, vă puteți face site-ul mai interesant și puteți crește conversiile.
Ghid pas cu pas pentru adăugarea unui fundal/banner video la tema Dawn
Din punct de vedere tehnic, există patru moduri de a adăuga un banner video cu tema Dawn (nu toate sunt ideale):
- Conversia videoclipului în formatul video/imagine WebP.
- reglarea Shopify cod pentru un banner de imagine obișnuit, astfel încât să accepte videoclipuri.
- Conversia videoclipului într-un format GIF.
- Pur și simplu încărcați un videoclip în blocul Video în Shopify, sărind peste ideea de a avea elemente în prim-plan (deci nu ar fi un banner adevărat).
Nu este îngrozitor de greu să modifici Shopify cod pentru un banner de imagine standard, dar procesul este inutil de lung, având în vedere că aveți acces la un format de fișier precum WebP. GIF-urile scad semnificativ calitatea video, iar opțiunea 4 nu ne oferă un banner video real.
Prin urmare, vă recomandăm să convertiți orice format video aveți (.mp4, .mov, .wmv) în formatul WebP. WebP combină avantajele imaginilor, videoclipurilor și GIF-urilor JPEG de înaltă rezoluție, prin faptul că puteți produce videoclipuri frumoase, în mișcare, fără volum și fără a pierde multă rezoluție. Și puteți încărca videoclipuri/imagini WebP într-un Shopify banner imagine.
Iată cum:
Pasul 1: Luați videoclipul și convertiți-l în fișierul WebP Format
Există diverse convertoare gratuite „video în WebP” online. Încercați o căutare online sau utilizați unul dintre convertoarele pe care le-am testat:
Încărcați videoclipul în instrumentul de conversie gratuit, apoi alegeți să îl convertiți în format WebP. Salvați noul fișier pe computer.
Pasul 2: Găsiți tema Dawn în Shopify
Accesați „Magazin online” > „Teme”.
Dacă nu o aveți deja, instalați tema Dawn. În caz contrar, ar trebui să găsiți tema Dawn desemnată ca Shopify„Tema curentă” a lui. Faceți clic pe butonul „Personalizați” pentru a continua.
Pasul 3: Adăugați și selectați blocul de banner imagine
Blocul „Image Banner” este adăugat implicit în tema Dawn. Deci, ar trebui să puteți face clic pe modulul respectiv pentru a-i deschide setările în panoul din stânga. De asemenea, este posibil să faceți clic pe bannerul imaginii în sine, în previzualizarea vizuală din dreapta. Utilizați linkul „Adăugați bloc” dacă trebuie să inserați „Bannerul de imagine” de la zero.
Pasul 4: Încărcați fișierul video WebP
Faceți clic pe butonul „Selectați imaginea” din secțiunea „Prima imagine”.
Aceasta încarcă o zonă pentru a încărca imagini în biblioteca media din magazin. De asemenea, este posibil să inserați adrese URL pentru videoclipuri, dar vom folosi funcționalitatea de încărcare. Alegeți butonul „Adăugați imagini” și alegeți fișierul WebP pe care l-ați creat mai devreme. Marcați fișierul nou încărcat cu o bifă, apoi faceți clic pe butonul „Terminat”.
Acest lucru plasează fișierul video WebP în Bannerul de imagine, permițându-vă să editați și orice conținut din prim-plan. Faceți clic pe „Salvați”.
Felicitări, ați adăugat cu succes un banner video cu tema Dawn!
Pasul 5: previzualizați videoclipul
Dar așteptați, este înțelept să previzualizați videoclipul pe front-end pentru a vă asigura că arată corect, rulează fără probleme și are rezoluția corespunzătoare.
Înapoi pe ecranul principal al tabloului de bord, faceți clic pe pictograma globului ocular pentru „Vizualizați magazinul dvs. online”. Acesta se află lângă „Magazin online”, sub secțiunea „Canale de vânzări”.
Succes!
Personalizarea banner-ului video cu tema Dawn: Fă-l unic al tău
Personalizarea vă asigură că videoclipul dvs. se potrivește perfect cu marca și estetica magazinului dvs. Deci, hai să ne suflecăm mânecile și să ne scufundăm, bine?
Trebuie să selectați întotdeauna bannerul de imagine pentru a-i vedea setările. Odată ajuns acolo, puteți modifica opacitatea suprapunerii imaginii și puteți modifica înălțimea bannerului. Apoi, puteți modifica poziția conținutului de pe desktop, schimbând locul în care se află textul suprapus.
Mutarea conținutului și a pozițiilor butoanelor funcționează pentru afișarea textului și a butonului deasupra unei zone a videoclipului unde sunt cele mai vizibile.
Pentru personalizare suplimentară, aveți acces la o secțiune „CSS personalizat”.
Și, desigur, este posibil să selectați textul de conținut sau butonul pentru a schimba ceea ce spun și cum apar.
Sfaturi pentru optimizarea fișierului video pentru viteză și compatibilitate maxime
A avea un videoclip impresionant nu va conta dacă îți încetinește site-ul la accesare cu crawlere sau nu se afișează corect pe anumite dispozitive.
De aceea, optimizarea fișierului video pentru viteză și compatibilitate maximă este o sarcină nenegociabilă. În această secțiune, vom împărtăși câteva indicații utile pentru a ne asigura că conținutul video este optimizat pentru o încărcare eficientă și o redare universală.
- Utilizați formate de fișiere video (cum ar fi WebP) care sunt compatibile cu majoritatea browserelor web.
- Păstrați dimensiunea fișierului video cât mai mică posibil. WebP face o treabă minunată de comprimare a videoclipurilor fără a pierde calitatea.
- Setați raportul de aspect al videoclipului pentru a se potrivi bine cu dimensiunea ecranului.
- Optează pentru un videoclip cu culori echilibrate și contrast care să reflecte personalitatea magazinului.
Depanarea problemelor frecvente legate de adăugarea unui fundal/banner video la tema Dawn
Uneori, indiferent cât de atent ai fost, pot apărea probleme atunci când adaugi banner video cu tema Dawn. Iată câteva sfaturi de depanare atunci când întâmpinați probleme:
Probleme de incompatibilitate
Încercați să convertiți videoclipul într-un format de fișier compatibil, cum ar fi WebP sau utilizați linkul de încorporare video.
Dimensiunea videoclipului este prea mare
Tăiați videoclipul sau comprimați-l pentru a reduce dimensiunea fișierului, păstrând în același timp calitatea.
Videoclipul nu se redă automat
Verificați dacă ați activat opțiunea „Redare automată” în setările temei.
Concluzia noastră privind adăugarea unui banner video cu tema Dawn
Urmând ghidul nostru pas cu pas și sfaturile de depanare, ar trebui să puteți adăuga banner video cu tema Dawn la Shopify cu ușurință.
Care sunt gandurile tale? Spuneți-ne în comentarii dacă ați reușit să adăugați un banner video cu tema Dawn!
Comentarii Răspunsuri 0