Főoldali banner képek mérete és feltöltése

Amikor a látogató a webáruházunkba jut, az egyik első és legfeltűnőbb dolog, amivel találkozik az oldalunkon, általában a főoldalon elhelyezett nagy kép, azaz a főoldali banner. Épp ezért fontos, hogy megfelelő minőségű és tartalmú képpel várjuk a látogatót, hiszen egy jól irányzott bannerrel már rögtön elindíthatjuk őt a vásárlási folyamatban.

A Shoprenter rendszerében akár több ilyen bannert is fel tudunk tölteni, amik automatikusan váltakozhatnak, így több, számára releváns ajánlathoz is el tudjuk vezetni a látogatónkat egy ilyen slider segítségével. Feltölteni a banner képeinket a Megjelenés > Modulok menüpontban lehet a Főoldali bannerkezelő modulban, ide kattintva a beállítás pontos menetét is láthatjuk.

Optimális kép méret a bannereknél

Annak érdekében, hogy a bannereink a lehető legjobb minőségben jelenjenek meg a webshopban, érdemes mindet a sablonnál ajánlott ideális méretben elkészíteni. A méreteket ide kattintva, sablonokra lebontva megtaláljuk.

Ez azért is fontos, mert a feltöltés után a rendszer már automatikusan át fogja méretezni a képeinket a megfelelő szélességre, ha azonban a magasság a különböző bannereknél eltérő lesz, a banner alatti modulok folyamatosan csúszkálhatnak, ami ronthatja a felhasználói élményt. Ha tudjuk, hogy milyen sablont használunk (ezt a Megjelenés > Téma testreszabása menüpontban ellenőrizhetjük), a képszerkesztőben már alapból az ajánlott méretben szükséges megszerkeszteni a képet, és csak utána kell feltölteni a főoldali bannerkezelő modulba.

Ha Tokyo sablont használunk, ide kattintva mintát is találunk a bannerünk elkészítéséhez, ami segíthet a kialakításban.

A banner kép megszerkesztésénél érdemes egy nagyobb felbontású képet használni, hogy ne torzítsa a megjelenést egy kis méretű kép. Ezen kívül sokan alkalmaznak ún. CTA (call-to-action) gombokat a képeiken, amelyekkel a látogatót egyből valamilyen cselekvésre ösztönözhetjük. Ilyen gomb szokott lenni például a gyakran használt Megvásárolom vagy Regisztrálok gomb. Ezeket érdemes már a képszerkesztőben elhelyezni egyszerű grafikus elemként a képünkön, a banner feltöltése után pedig lesz arra lehetőség, hogy azt a linket is hozzákapcsoljuk a bannerhez, amire a kattintás után kell a képnek vezetnie (pl. egy kiemelt termékajánlat esetén a termékoldal linkjét).

Videó banner

A bannerkezelő csak képeket tud kezelni, ezért, ha videót szeretnénk elhelyezni a főoldalon, ezt egy másik modullal tudjuk megoldani. A Megjelenés > Modulok menüpontban több egyedi HTML modult is találunk, amelyekbe videót tudunk beilleszteni. A legegyszerűbb módszer az, ha fel van töltve a videónk a Youtube-ra vagy más videómegosztó oldalra, ahonnan ki tudunk nyerni a videóhoz egy beágyazható (HTML) kódot:

youtube-megosztas.png

Utána ezt a kimásolt kódot be tudjuk illeszteni az egyedi HTML modulunk forráskód nézetébe, a Forráskód szerkesztőgombra kattintva:

video-banner.png

A modulban így most már meg fog jelenni a videó, azt pedig, hogy maga a modul hol jelenjen meg, a Pozíció beállításával tudjuk megadni. A videómegosztókon általában már előre be lehet állítani a beágyazott videó méretét, érdemes már ezekkel az előre definiált méretekkel beilleszteni a kódot a modulba. Ide kattintva további hasznos tippeket találunk a videók beágyazásával kapcsolatban.

Sablon váltással vagy testreszabással kapcsolatos egyéni igények megvalósításához tudjuk ajánlani a fejlesztő bérlés szolgáltatásunkat, vagy az egyedi designban jártas Shoprenter Szakértőinket.

Van még kérdésed? Kérdés beküldése

Kérdésed van?

  • Böngéssz a Témák között!
  • Keress rá a konkrét kérdésedre!
  • Ha nem találtál megoldást a problémádra, vedd fel a kapcsolatot kollégáinkkal:
  • Írd meg kérdésed a Kérdés beküldése menüpontban!
  • Írj e-mailt az info@shoprenter.hu címre!
  • Írj chat-en webáruházad adminisztrációs felületén!
  • Hívj bennünket a 06-1/234-5011-es számon munkanapokon 9:00-17:00 között!
  • Hétvégén is elérhetők vagyunk e-mailben és chat-en 10:00-14:00 között.

Hibabejelentés