--- title: "Bannerek" articleId: "banners" lastEdited: "2026-10-16 09:33 UTC" canonical: https://tamogatas.shoptet.hu/bannerek/ breadcrumb: "Shoptet Támogatás / Marketing / Értékesítési promóciók" language: hu sections: - { title: "Bannerek feltérképezése", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#bannerek-felterkepezese" } - { title: "Carousel (Vetítéses hirdetés)", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#carousel-vetiteses-hirdetes" } - { title: "Mobileszközös carousel", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#mobileszkozos-carousel" } - { title: "Bannerek", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#bannerek" } - { title: "Kiegészítő bannerek:", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#kiegeszito-bannerek" } - { title: "Marketing bannerek:", level: 2, url: "https://tamogatas.shoptet.hu/bannerek/#marketing-bannerek" } --- # Bannerek > **Tipp** > > **A [Sablontervező](https://tamogatas.shoptet.hu/sablontervezo/) funkció segítségével mostantól egyszerűen testreszabhatja üzlete megjelenését egyetlen helyről.** Ebben a bejegyzésben megtudhatja, hogy hol és hogyan kell beállítani a bannerek különböző típusait. A sablonokban lévő elemek méreteiről a [Bannerek, logók és fejlécek mérete a sablonokon](https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/) bejegyzésben további részleteket is megtudhat. > **Akadálymentesítés** > > A bannerek megjelenésének és tartalmának meg kell felelnie az [akadálymentesítési szabályoknak](https://tamogatas.shoptet.hu/akadalymentesites/#felhasznaloi-tartalom). Ezekről a szabályokról részletesen az [Akadálymentesítés](https://tamogatas.shoptet.hu/akadalymentesites/) cikkben olvashat. ## Bannerek feltérképezése A **Megjelenés és tartalom → Bannerek** (01. ábra) fül alatt módosíthatja a webáruháza megjelenését (01. ábra). A bannert közvetlenül a főoldalra (ez egy rotáló banner, ún. carousel), vagy a sablon bal és jobb oldali oszlopába teheti. Esetleg olyan kiegészítő bannereket is használhat, melyek sablonok szerint különbözőek lehetnek. Minden egyes banner beállítási részletei hasonlóak, csak apróságokban térnek el. A kép típusúaknál a feltöltött fotó a piros kereszt segítségével egyszerűen kitörölhető, csak rá kell menni az egérrel a képes szekcióra. ![01. ábra](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/4403159982866-mceclip0.png) ## Carousel (Vetítéses hirdetés) Ez egy olyan címoldalon elhelyezett nagy kép, ami több kép esetén időnként cserélődik. Ezeket a tulajdonságokat állítja be (02. ábra): * **Név**: kizárólag az admin felület áttekinthetőséghez szükséges. * **Szalaghirdetés típusa**: kép (lehetővé teszi a kép számítógépről történő feltöltését) / szöveges banner (lehetővé teszi a HTML kód beszúrását). * **Beillesztés dátuma**: meghatározza, hogy mettől meddig kell a képnek megjelennie. * **Eltávolítás dátuma**: az a dátum, amikor a képet el kell rejteni. * **Szalaghirdetés megjelenítése**: a banner láthatósága. * **Kép leírása**: azok a képre vonatkozó információk, amelyek átkerülnek a webáruházba- * **Cél URL**: amennyiben az URL cím kitöltésre került, a kép az adott URL címre hivatkozásként működik, így pl. a kategóriákba irányíthatja vele az ügyfeleket. * **Megnyitás új ablakban**: átírja-e a hivatkozás a jelenlegi ablakot, vagy azt egy új könyvjelzőben nyissa-e meg (az eredeti oldal megmarad). ![02. ábra](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/4403153632402-mceclip2.png) Azt az időtartamot, ameddig minden egyes felvétel megjelenik, a **Megjelenés és tartalom → Bannerek** helyen a **Egyéb beállítások** könyvjelzőn, a **Vetítéses hirdetés (carousel)** szekcióban állíthatja be. A részletes információkat a [Megjelenés egyéb beállításai](https://tamogatas.shoptet.hu/megjelenes-tovabbi-beallitasai/) bejegyzésben találja. ## Mobileszközös carousel A mobileszközös carousel lehetővé teszi, hogy a webáruháza bannere olyan ügyfelek számára is látható legyen, akik mobiltelefonnal látogatnak el a webáruházába. Magát a mobileszközös carouselt az admin felületen a **Megjelenés és tartalom → Bannerek → Mobileszközös carousel** alatt tudja beállítani. A beállítási lehetőségek ugyanazok, mint az asztali nézet carousele esetében (02. ábra). A képek mérete a mobileszközös carouselhez nincs korlátozva. Azt javasoljuk, hogy az oldalak aránya hasonlítson a négyzet alakhoz. Az ilyen kép a függőlegesen álló mobilkészülék kijelzőjén jobban mutat, mint a széles kép. Segítségére lehet a [Google súgójában](https://support.google.com/adsense/answer/6002621?hl=cs) a bannerek méretével kapcsolatos útmutató. A nagyobb felbontású kijelzővel rendelkező mobileszközökön való megjelenítés jobb láthatósága érdekében a 800 x 665 px felbontás választását javasoljuk. A képek folyamatos váltakozása miatt a carouselben előnyös, ha a képek mérete és oldalainak aránya azonos. Azt az időtartamot, ameddig minden egyes felvétel megjelenik, a **Megjelenés és tartalom → Bannerek** menüpontban a **Egyéb beállítások** könyvjelzőn, a **Vetítéses hirdetés (carousel)** szekcióban állíthatja be. Ez a beállítás a normál és a mobileszközös carouselre egységesen vonatkozik. A további információkat a [Megjelenés egyéb beállításai](https://tamogatas.shoptet.hu/megjelenes-tovabbi-beallitasai/) bejegyzésben találja. Amennyiben le szeretné tesztelni a számítógépen, hogy hogyan fog kinézni az új mobileszközös carousel, javasoljuk például a Edge keresőben az **Egyéb eszközök → Fejlesztési eszközök** (billentyűparancs Fn + f12) **Emuláció** (fent a könyvjelzőkben) használatát, ami szimulálja a mobiltelefonokban történő megjelenést. Esetleg használhatja a Chrome keresőben lévő Fejlesztési eszközöket is. Ott a felső eszközlistában a **Toggle Device Toolbar** eszközt használhatja (billentyűparancs Ctrl + Shift + M). ## Bannerek A banner az [Oldal elrendezés](https://tamogatas.shoptet.hu/az-oldal-elrendezese/) beállítástól függően a bal, illetve a jobb oldali oszlopba, és a láblécbe is beilleszthető. Az alábbi tulajdonságokat állíthatja be: * **Név**: kizárólag az admin felület áttekinthetőséghez szükséges * **Szalaghirdetés típusa**: kép (lehetővé teszi a kép számítógépből történő betöltését) / szöveges banner (lehetővé teszi a html kód beszúrását). * **Beillesztés dátuma**: meghatározza, hogy mettől meddig kell a képnek megjelennie. * **Eltávolítás dátuma**: az a dátum, amely után a banner elrejtésre kerül. * **Szalaghirdetés megjelenítése**: a banner láthatósága. * **Kép leírása**: azok a képre vonatkozó információk, melyek az alt attribútumba továbbítódnak. * **Cél URL**: amennyiben az URL cím kitöltésre került, a kép az adott URL címre hivatkozásként működik, így pl. a kategóriákba irányíthatja vele az ügyfeleket. * **Megnyitás új ablakban**: átírja-e a hivatkozás a jelenlegi ablakot, vagy azt egy új könyvjelzőben nyissa-e meg (az eredeti oldal megmarad). [YouTube video](https://www.youtube.com/watch?v=Nvn3buWLv0g) > **Tipp** > > A **Kategória** pozícióban lévő további bannerek esetében szükséges, hogy soros listázás esetén legalább 6 termék legyen a kategóriában, oszlopos listázás esetén pedig legalább három sornyi termék. ![04. ábra](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/4403159992722-mceclip1.png) ## Kiegészítő bannerek: A konkrét sablonok szerint különböznek egymástól, és a főoldalon a leggyakoribbak. A kiegészítő bannerek sorrendjét a nevük határozza meg. Abc szerint kerülnek besorolásra, a legalacsonyabb számtól a legmagasabbig. A banner nevének megváltoztatásával megváltoztathatja a sorban elfoglalt helyét. Kattintson a **Név** elnevezésű oszlopba. Megnyílik a kiegészítő banner részletezése. Töltse ki a **Név** mezőt. Ez a banner rendszerben vagy a Google Analytics által történő azonosítására szolgál. [YouTube video](https://www.youtube.com/watch?v=ApuH2GnmTec) Ugyanakkor az ügyfelek a webáruházban az egérrel a bannerre rámozogva látják azt a szöveget, amit a **Kép leírása** mezőben beállít. Javasoljuk, hogy az áttekinthetőség érdekében tegyen a név elé számot (pl.: 01, 02, stb.). Ezeket a tulajdonságokat tudja beállítani: * **Név**: kizárólag az admin felület áttekinthetőséghez szükséges, illetve meghatározza a bannerek sorrendjét. * **Banner típusa**: kép (lehetővé teszi a kép számítógépből történő betöltését) / szöveges banner (lehetővé teszi a html kód beszúrását). * **Beillesztés dátuma**: meghatározza, hogy mettől meddig kell a képnek megjelennie. * **Eltávolítás dátuma**: az a dátum, amikor a képet el kell rejteni. A mai dátum nem számítódik be, ezért ha a terméket 02.01-ig akarja megjeleníteni, úgy 02.02-re állítsa be. * **Pozíció**: Top (főoldal felső része), Középső (a leírás és a termékek között a címoldalon), Lábléc (a lábléc feletti részen jelenik meg), Kategóriák. * **Szalaghirdetés megjelenítése**: a banner láthatósága. * **Kép leírása**: azok a képre vonatkozó információk, melyek a SEO számára fontos alt attribútumba továbbítódnak. * **Cél URL**: amennyiben az URL cím kitöltésre került, a kép az adott URL címre hivatkozásként működik, így pl. a kategóriákba irányíthatja vele az ügyfeleket. * **Megnyitás új ablakban**: átírja-e a hivatkozás a jelenlegi ablakot, vagy azt egy új könyvjelzőben nyissa-e meg (az eredeti oldal megmarad). ## Marketing bannerek: Kezdőlapon, kategóriákban és termékrészletben megjeleníthet marketing bannereket. Kiemelheti az ügyfelek számára, milyen előnyekkel jár az Önnél való vásárlás a versenytársaihoz képest (pl. ingyenes szállítás, ajándék a rendeléshez vagy minőségi garancia). * A kezdőlapon a marketing banner a carousel vagy a többi banner alatt jelenik meg. Kivétel a Tango sablon, amely a bannert az oldal alján jeleníti meg. * A kategóriákban a lábléc felett jelenik meg. * A termékleírásban a fotó és a termékleírás között található. Javasolt méret: 150 x 150 px. Optimális képélesség érdekében 1:1 képarányt javasolt betartani. Ezeket a tulajdonságokat tudja beállítani (05. ábra): * **Név**: kizárólag az admin felület áttekinthetőséghez szükséges, illetve meghatározza a bannerek sorrendjét. * **Banner típusa**: itt csak Marketing banner típus található. * **Beillesztés dátuma**: meghatározza, hogy mettől meddig kell a képnek megjelennie. * **Eltávolítás dátuma**: az a dátum, amikor a képet el kell rejteni. A mai dátum nem számítódik be, ezért ha a terméket 02.01-ig akarja megjeleníteni, úgy 02.02-re állítsa be. * **Pozíció**: Top (főoldal felső része), Középső (a leírás és a termékek között a címoldalon), Lábléc (a lábléc feletti részen jelenik meg), Kategóriák. * **Banner megjelenítése**: a banner láthatósága. * **Kép leírása**: azok a képre vonatkozó információk, melyek a SEO számára fontos alt attribútumba továbbítódnak. * Megnyitás új ablakban: átírja-e a hivatkozás a jelenlegi ablakot, vagy azt egy új könyvjelzőben nyissa-e meg (az eredeti oldal megmarad). * **Cél URL**: amennyiben az URL cím kitöltésre került, a kép az adott URL címre hivatkozásként működik, így pl. a kategóriákba irányíthatja vele az ügyfeleket. * **Banner cím**: kép mellett jobb oldalt fog megjelenni. * **Banner szövege**: Banner cím alatt megjelíthető szöveg. ![05. ábra](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/4762980049170-mceclip0.png)