Útmutatók

Termékoldal, ami elad: 18 elem a webshop termékoldalán

Termékoldal, ami elad: 18 elem a fotóktól és az ártól a mobilos kosár gombig, a szállításig, a véleményekig és a schemáig, beállítással a CloudCartban.

A CloudCart csapata15 perc olvasás
Telefon és laptop nyitott termékoldallal egy kerámiabögre, szövetminták és egy kis kartondoboz mellett, világos asztalon
Ebben a cikkben · 14 rész
  1. Mi a termékoldal, és melyik 18 elem ad el rajta?
  2. Fotók, videó és 360°: az 1. és a 2. elem
  3. Terméknév, ár és akció: a 3., 4. és 5. elem
  4. Termékváltozatok, készlet és méretek: a 6., 7. és 8. elem
  5. A „Kosárba” gomb és a mobilos gomb: a 9. és a 10. elem
  6. Szállítás, fizetés és visszaküldés: a 11., 12. és 13. elem
  7. Leírás és termékjellemzők: a 14. és a 15. elem
  8. Vásárlói vélemények és kérdések: a 16. és a 17. elem
  9. Kapcsolódó termékek és keresztértékesítés: a 18. elem
  10. Schema markup: strukturált adatok a termékhez
  11. Így rendezi el a termékoldalt a CloudCartban: 7 lépés
  12. Hibák, amelyek rendelésekbe kerülnek
  13. Honnan tudja, hogy az új termékoldal többet ad el?
  14. Gyakori kérdések

Röviden: a termékoldal akkor ad el, ha a telefon első képernyőjén a vásárló látja a tiszta termékfotót, a terméknevet, a végső árat, a változat kiválasztását, a készletet és a „Kosárba” gombot, alattuk pedig a szállítás díját és idejét, a fizetési módokat, a visszaküldést és a véleményeket. Ez összesen 18 elem. A CloudCartban mindegyiket az admin felületen kapcsolja be, kód nélkül.

Minden elemnél leírjuk, mit lát a vásárló, mit vár el a magyar jog és a Google, és hol a beállítás a CloudCartban, a szófiai e-kereskedelmi platformon. A jogi szabályokat a Nemzeti Jogszabálytár hatályos szövegei alapján néztük meg, a Google elvárásait a Google Search Central és a Merchant Center súgója alapján. A CloudCartra vonatkozó tények a platform dokumentációjából és a Dizájn oldalról származnak.

Mi a termékoldal, és melyik 18 elem ad el rajta?

A termékoldal (más néven termékadatlap) egyetlen termék oldala a webshopban: fotók, név, ár, termékváltozatok, vásárlás gomb és azok az információk, amelyek a rendelés előtti kérdésekre felelnek. Ide vezet a Google-keresés, az Árukereső és a Compari, a hirdetés és a hírlevél is. A táblázat összegyűjti a 18 elemet, és megmutatja, hol találja mindegyiket a CloudCart admin felületén.

#ElemHol van a CloudCartban
1Fő termékfotóTermékek → Termékek → Média (az első kép)
2Galéria, videó és 360°Média: legfeljebb 36 kép, 1 YouTube-videó, 1 db 360°-os kép
3Terméknév (H1)Product title a termékszerkesztőben
4Végső árA sablon árblokkja
5Akciós ár a korábbi árralMarketing → Kedvezmények; áthúzott ár és „Megtakarítás” az árblokkban
6Változat kiválasztásaTermékváltozatok: legördülő lista, gombok, képes csempék vagy színes pöttyök
7KészletTermékek → Termékstátuszok
8MérettáblázatAlkalmazások → Size Chart
9„Kosárba” gombBeállítások → Kosár és pénztár
10Telefonon a képernyőn maradó gombA sablontól függ; Nitrogen vásárlói felületen saját terv szerint
11Szállítási díj és időLink a „Szállítás” oldalra a termékadatok moduljában
12Fizetési módokCloudCart Pay Apple Pay- és Google Pay-gombokkal a termékoldalon
13VisszaküldésKülön fül vagy oldalsó panelben megnyíló oldal
14Rövid és hosszú leírásDescription és Short description, Aura Studióval
15TermékjellemzőkA kategória tulajdonságai, táblázatként az oldalon
16Vásárlói véleményekAlkalmazások → Product Reviews
17Kérdések és válaszokQ&A a Product Reviewsban, fülek, Aura Chat
18Kapcsolódó termékekKapcsolódó termékek a szerkesztőben, Marketing → Cross Sell

Azt, hogy mely mezők látszanak, egyetlen modulban dönti el: Dizájn → Modulok → Termékek → „Termék részletes adatai”. A modul határozza meg, mi jelenik meg (ár, gomb, készlet, cikkszám, márka, jellemzők, galéria, leírások), a sablon pedig azt, hogy hol áll az egyes mező. A sablon kiválasztásáról a webshop sablonokról és a szerkesztőről szóló cikk szól.

Fotók, videó és 360°: az 1. és a 2. elem

A fő fotó a teljes terméket mutatja tiszta háttér előtt, a galéria pedig a többi nézetet, a részleteket, a méretet és a használatot.

Mit vár el a Google a termékfotótól?

Ha a termékei megjelennek a Google Shoppingban, a fotó átesik a Merchant Center képekre vonatkozó követelményein. 2027. január 31-től minden termékre kötelező a legalább 500 × 500 pixeles méret, a Google ajánlása 1500 × 1500 pixel vagy nagyobb. A termék a kép 75-90%-át tölti ki. Tilos a promóciós szöveg és az ár a képen, a vízjel, a hozzáadott logó, a keret és a „hamarosan” helyettesítő kép. Minden változatnak saját fotó kell, amelyen csak az a változat látszik.

A „-20%” vagy „Új” címkét a Termékek → Bannerek és címkék menüben készíti el: szöveges címke saját színnel vagy kis kép a sarokban, amelyet a sablon a fotó fölé tesz, a képfájl módosítása nélkül.

Fotók, videó és 360° feltöltése a CloudCartban

A termékszerkesztő Média kártyáján a képeket húzással rendezi sorba; az első lesz a fő kép. Egy termékhez legfeljebb 36 kép, egy YouTube-videó (a címét kell beilleszteni) és egy legfeljebb 36 képkockából összeállított 360°-os kép tartozhat. A rendszer JPG, PNG, WebP, GIF és SVG fájlt fogad.

Az Image Health alkalmazás a katalógus minden képét ellenőrzi minőségre, valamint a Google és a Meta követelményeire, 100-as skálán pontozza, és megmutatja, mely termékeket javítsa először. Alapbeállításban termékenként legalább 3 képet vár. Arról, hogyan fotózzon telefonnal és távolítsa el a hátteret AI-jal, a háttér-eltávolításról szóló cikk szól.

Terméknév, ár és akció: a 3., 4. és 5. elem

A terméknév pontosan megmondja, mit vásárol a vevő, az ár pedig a végső összeg, meglepetés nélkül a kosárban. Egy jó terméknévben benne van a termék típusa, a márkája, a modellje és a fő különbség: „Rozsdamentes acél termosz bögre 450 ml, fekete”.

A CloudCartban a név a Product title mező, és ez lesz az oldal H1 címsora.

Mit mond a magyar jog az árról a termékoldalon?

A szerződéskötés előtt a webshopnak közölnie kell a termék lényeges tulajdonságait és a teljes ellenszolgáltatást az adóval együtt, valamint minden további költséget, például a szállítási díjat. Ha ez előre nem számítható ki, azt kell közölni, hogy további költség merülhet fel. Ezt a 45/2014. (II. 26.) Korm. rendelet 11. § (1) bekezdés a) és e) pontja írja elő (a 2026. szeptember 27-től hatályos szöveg szerint). Az eladási árat és, ha eltér tőle, az egységárat a 4/2009. (I. 30.) NFGM-SZMM együttes rendelet szerint kell feltüntetni (a 2026. január 1-jétől hatályos szöveg).

Árcsökkentésnél a korábbi árat is ki kell írni, és ez a terméknek az akciót megelőző legalább 30 napban ugyanazon az értékesítési helyen alkalmazott legalacsonyabb ára (4/2009. együttes rendelet 2/A. §, 2022. május 28. óta). A CloudCart sablonjainak árblokkja az új árat, az áthúzott korábbi árat és a „Megtakarítás” sort mutatja, ha a termékre a Marketing → Kedvezmények menüben kedvezmény vonatkozik. A kedvezmények beállításáról a kuponkódokról és kedvezményekről szóló cikk szól.

Termékváltozatok, készlet és méretek: a 6., 7. és 8. elem

A változatválasztó a színt színként, a méretet gombként mutatja. A CloudCartban a megjelenése a paraméter típusából jön: legördülő lista, rádiógombok, képes csempék, színes pöttyök vagy kétdimenziós táblázat (például szélesség × hosszúság). Minden változatnak saját ára, cikkszáma és készlete van. Az első változat előre kiválasztását (a termékadatok moduljában) kapcsolja ki, ha a változatok ára eltér.

Készletkijelzés, amely segíti az eladást

A Termékek → Termékstátuszok menüben adja meg a vásárlónak látható szövegeket és mindegyik szabályát: „Raktáron”, „Utolsó 3 darab” legfeljebb 3 darabos készletnél, „Hamarosan érkezik”, „Kérjen ajánlatot”. Minden státusz azt is megmondja, mi történik a vásárlás gombbal: marad, eltűnik, ajánlatkérő gombbá válik, vagy „Értesítsen, ha újra raktáron” gombbá.

Azok a vásárlók, akik az „Értesítsen” gombra kattintottak, a Termékek → Hiányzó termékek listába kerülnek. A feltöltéskor az e-mail nem megy ki magától: a készlet feltöltése után a sor kampánygombja küldi el a várakozóknak.

Mérettáblázat ruhához és cipőhöz

A Size Chart alkalmazás „Mérettáblázat” gombot tesz a termékoldalra, amely felugró ablakban nyitja meg a táblázatot. Külön táblázatokat készíthet (például „Női felsők” és „Cipők EU”), és feltételekkel dönti el, melyik mely termékeknél jelenjen meg.

A „Kosárba” gomb és a mobilos gomb: a 9. és a 10. elem

A „Kosárba” gomb a termékoldal legszembetűnőbb eleme, olyan színnel, amelyet semmi másra nem használ az oldalon.

Azt, hogy mi történik a kattintás után, a Beállítások → Kosár és pénztár menüben, a vásárlás gomb utáni művelet beállításánál adja meg: egyenesen a pénztárba, a kosár oldalára, megerősítő ablak, vagy a vásárló az oldalon marad. Ha a vevők egyetlen terméket vesznek (bútor, műszaki cikk), a pénztárba vezető út a legrövidebb, ha több dolgot raknak a kosárba (kozmetikum, élelmiszer), jobb, ha a vásárló az oldalon marad.

A képernyőn maradó gomb (sticky kosár gomb)

A sticky gomb egy sáv a vásárlás gombbal, amely görgetés közben a képernyő alján marad. A CloudCartban ez a sablontól függ: egyes sablonokban megvan, másokban nincs. Nézze meg a sablon élő előnézetét telefonon. Ha teljesen saját tervű oldalt szeretne, az út a Nitrogen, a CloudCart headless vásárlói felülete: a termékkatalógus, a kosár és a rendelések ugyanabban az admin felületben maradnak, a vásárlói felületet pedig egy fejlesztő írja meg kódként.

A gombok méretéről, a betűtípusról és a mobilos sebességről a mobilbarát webshopról szóló cikk szól.

Szállítás, fizetés és visszaküldés: a 11., 12. és 13. elem

A szállítási díjnak és időnek már a termékoldalon látszania kell, mielőtt a vásárló a pénztárba ér. A 45/2014. Korm. rendelet 11. § (1) bekezdés h) pontja szerint a webshop a szerződéskötés előtt közli a fizetés és a szállítás módját és a teljesítési határidőt, az e) pont szerint pedig a szállítási költséget is.

Hogyan jelenik meg a szállítás a CloudCartban?

A termékadatok moduljában kapcsolja be egy oldal linkjének megjelenítését, és válassza ki a „Szállítás és visszaküldés” oldalát. Ha az oldalsó panelként való megjelenítést is bekapcsolja, az oldal a termék fölött nyílik meg, és a vásárló nem hagyja el a termékoldalt. Írja oda, mivel szállít: GLS házhozszállítással vagy GLS ParcelShopba. Ha van ingyenes szállítás egy kosárérték felett, a határt írja a gomb mellé. Az értékhatár kiszámításáról az ingyenes szállításról szóló cikk szól, a GLS beállításáról pedig a GLS csomagküldésről szóló cikk.

Fizetés: bankkártya, Apple Pay, Google Pay és utánvét

A kártyaikonok és egy „Utánvéttel is fizethet” sor a gomb mellett megmondja a vásárlónak, hogy úgy fizethet, ahogy megszokta. A CloudCart Pay-jel az egyérintéses Apple Pay- és Google Pay-gombok a termékoldalon is ott vannak (a „Gyorsfizetés” blokk alapból be van kapcsolva; az Apple Pay azután jelenik meg, hogy a webshop domainjét regisztrálta az Apple Pay-hez). OTP SimplePay vagy CIB Bank esetén a logóik mehetnek a gomb alá. Hogy mikor melyik fizetési mód hoz több rendelést, az utánvétről és a bankkártyás fizetésről szóló cikk mutatja.

Visszaküldés keresgélés nélkül

Elég egy sor az elállási határidővel és egy link a feltételekhez. A termékszerkesztőben az „Új fül hozzáadása” gombbal olyan füleket készít, mint a „Szállítás és visszaküldés”, „Összetevők” vagy „Jótállás”, és húzással rendezi őket sorba. Az elállás szabályait az elállási jogról és a szavatosságról szóló cikk foglalja össze.

Leírás és termékjellemzők: a 14. és a 15. elem

A rövid leírás az ár mellett áll, és 2-3 sorban elmondja, kinek szól a termék és mi a haszna. A hosszú leírás azokra a kérdésekre felel, amelyek különben az ügyfélszolgálathoz érkeznének: anyag, használat, a doboz tartalma.

A termékjellemzők (teljesítmény, űrtartalom, anyag, méretek) a CloudCartban a kategória tulajdonságaiból jönnek, és táblázatként jelennek meg. Ugyanezek a tulajdonságok töltik fel a kategória szűrőit is, ezért minden terméknél töltse ki őket.

A leírást, a rövid leírást és a meta leírást az Aura Studio írja meg a termékszerkesztőben a webshop adataiból, Ön pedig elfogadja vagy javítja a szöveget. A jó leírás felépítéséről és arról, hogyan ír az AI egyszerre több száz leírást, a termékleírás AI-jal való írásáról szóló cikk szól.

Vásárlói vélemények és kérdések: a 16. és a 17. elem

A csillagos értékelés a terméknév mellett áll, maguk a vélemények pedig a leírás alatt.

Vélemények a CloudCartban, és mit kell melléjük írni

A Product Reviews alkalmazás csillagos értékelést és szöveges véleményt tesz a termékoldalra. A beállításokban kiválasztja, hogy mindenki írhat-e, vagy csak azok a vásárlók, akik megvették a terméket, és hogy a vélemény azonnal, az Ön jóváhagyása után, vagy egy bizonyos értékelés felett automatikusan jelenik-e meg. Ha csak a vevőknek ad jogot, véleményt a fizetett vagy teljesített rendelés után írhatnak.

A 2008. évi XLVII. törvény (Fttv.) 7. § (8) bekezdése szerint (a 2026. október 1-jétől hatályos szöveg) ha a webshop fogyasztói véleményeket tesz elérhetővé, jelentős információnak minősül, hogy biztosítja-e és hogyan, hogy a vélemények olyan fogyasztóktól származnak, akik a terméket ténylegesen használták vagy megvásárolták. Írjon a vélemények alá egy sort, például: „Véleményt csak teljesített rendelés után lehet írni. Minden véleményt közzéteszünk, a pozitívakat és a negatívakat is”, és tartsa igaznak. A vélemények gyűjtéséről és a negatív értékelésre adott válaszról a vásárlói véleményekről szóló cikk szól.

Kérdések és válaszok a termékoldalon

A Product Reviewsban a Kérdések és válaszok részt is bekapcsolhatja: a vásárlók a termékoldalon kérdeznek, Ön vagy más vásárlók válaszolnak, Ön pedig jóváhagyja, mi jelenjen meg.

Kapcsolódó termékek és keresztértékesítés: a 18. elem

A kapcsolódó termékek azt mutatják, mi kell még: tok a telefonhoz, szérum a krémhez. Növelik az átlagos kosárértéket.

A CloudCartban háromféle mód van. A termékszerkesztő Kapcsolódó termékek mezőjében Ön választja ki őket kézzel, igény szerint kétirányú kapcsolattal. A hasonló termékek modulja kategória, márka vagy címke szerint mutat más termékeket a termék alatt. A Marketing → Cross Sell ajánlatai a kiválasztott pillanatban jelennek meg: a termékoldalon, a kosárba tételkor (az ablakban kedvezménnyel és visszaszámlálóval), a kosárban vagy a pénztárban. Az ajánlattípusokat a keresztértékesítésről és az upsellről szóló oldal mutatja be, a kosárérték növelésének módszereit pedig a kosárértékről szóló cikk.

Ajánljon 2-4 kiegészítőt a fő termék ára alatt.

Schema markup: strukturált adatok a termékhez

A schema markup (strukturált adat) olyan kód az oldalon, amely gépi nyelven mondja meg a Google-nek a termék nevét, képét, árát, készletét és értékelését. A Google ezt a találattípust kereskedői listának (merchant listing) nevezi.

TulajdonságKötelező?Honnan jön a webshopban
nameIgenA terméknév
imageIgenA fő termékfotó
offers a price és priceCurrency mezőkkelIgen, 0-nál nagyobb árA termék ára és pénzneme
availabilityAjánlottA készletstátusz
gtin, sku, brandAjánlottVonalkód (EAN), cikkszám és márka a szerkesztőből
aggregateRating, reviewAjánlottProduct Reviews
shippingDetails, hasMerchantReturnPolicyAjánlottA szállítási és visszaküldési feltételek

A CloudCartban a strukturált adatok a sablonból jönnek, ezért ellenőrizze a saját oldalát, mielőtt számít rájuk. Tegye be egy termék címét a Google Rich Results Testbe, és nézze meg, megtalálja-e a Product típust árral és készlettel. Ha valami hiányzik, írjon a support@cloudcart.com címre. A webshop többi technikai SEO-beállítását a webshop keresőoptimalizálásáról szóló ellenőrzőlista tartalmazza. A szállítást és a visszaküldést a Merchant Centerben is megadhatja, és az ottani beállítások elsőbbséget élveznek a kódban lévőkkel szemben.

Így rendezi el a termékoldalt a CloudCartban: 7 lépés

A legtöbb beállítás minden termékre közös, ezért a legjobban fogyó termékkel kezdje.

  1. Válassza ki, mi látszódjon. Dizájn → Modulok → Termékek → „Termék részletes adatai”: kapcsolja be az árat, a gombot, a státuszt, a jellemzőket, a galériát és a két leírást.
  2. Kösse be a szállítási oldalt. Ugyanebben a modulban kapcsolja be az oldal linkjét, válassza a „Szállítás és visszaküldés” oldalt és az oldalsó panelként való megjelenítést.
  3. Rendezze a médiát. A termékszerkesztőben töltsön fel legalább 3 képet, és ha kell, videót vagy 360°-os képet. Futtassa le az Image Health ellenőrzést.
  4. Állítsa be a készletkijelzést. Termékek → Termékstátuszok: „Utolsó darabok” státusz kis készletnél és „Értesítsen” az elfogyott termékekhez.
  5. Kapcsolja be a véleményeket és a kérdéseket. Alkalmazások → Product Reviews: ki írhat, hogyan hagyja jóvá, és kapcsolja be a kérdéseket és válaszokat.
  6. Adja hozzá a kapcsolódó termékeket. A szerkesztőben válasszon 2-4 kiegészítő terméket.
  7. Ellenőrizze telefonon és a Google-ben. Nyissa meg az oldalt telefonon: az első képernyőn ott kell lennie a fotónak, a névnek, az árnak, a változatnak és a gombnak. Utána tegye be a címet a Rich Results Testbe.

Hibák, amelyek rendelésekbe kerülnek

  • Felirat vagy ár a termékfotón. A Google Shopping elutasítja az ilyen képet, telefonon pedig a felirat olvashatatlan.
  • Áthúzott ár alap nélkül. A korábbi árnak az akciót megelőző legalább 30 nap legalacsonyabb árának kell lennie (4/2009. együttes rendelet 2/A. §), és a kedvezmény százalékát is ehhez kell számolni.
  • A szállítási díj csak a pénztárban derül ki. A vásárló az utolsó lépésben látja meg, és a vásárlók egy része ott megáll.
  • Előre kiválasztott változat más árral. A vásárló egy árat lát, kiválasztja a méretét, és egy másikat kap.
  • Elfogyott termék alternatíva nélkül. Tegyen ki „Értesítsen” gombot és egy sor hasonló terméket, hogy ne veszítse el a vásárlót.

Honnan tudja, hogy az új termékoldal többet ad el?

A változtatás akkor ad el többet, ha azonos forgalom mellett nő a kosárba tételek és a rendelések száma. Egyszerre egy elemet változtasson, és hasonlítsa össze a változtatás előtti és utáni 2 hetet; a mérés módját a konverziós rátáról szóló cikk írja le. A 0% jutalékkal a CloudCartnak fizetett díj a csomag fix díja, és nem nő a rendelésekkel.

Gyakori kérdések

A termékoldalon tiszta fotók, terméknév, végső ár, változatválasztó, készletinformáció és „Kosárba” gomb van. Alattuk a szállítás, a fizetés, a visszaküldés, a leírás, a termékjellemzők, a vásárlói vélemények és a kapcsolódó termékek következnek.

Legalább 3: egy fő kép tiszta háttér előtt, egy részletfotó és egy használat közben készült kép. A CloudCart Image Health alapból 3 képet vár, a galériában pedig legfeljebb 36 kép, egy videó és egy 360°-os kép fér el. A Google Shoppingban 2027. január 31-től 500 × 500 pixel a minimum.

A gomb az első képernyőn, az ár és a változatválasztó alatt áll, olyan színnel, amelyet semmi másra nem használ. Telefonon segít a görgetéskor a képernyő alján maradó sáv a gombbal. A CloudCartban ez a sablontól függ.

Ajánlott. A 45/2014. Korm. rendelet 11. §-a szerint a szállítási költséget és a szállítás feltételeit a rendelés előtt közölni kell a vásárlóval. A CloudCartban a legegyszerűbb a „Szállítás és visszaküldés” oldalt bekötni a termékadatok moduljában, és oldalsó panelként megjeleníteni.

A korábbi ár a terméknek az akciót megelőző legalább 30 napban ugyanabban a webshopban alkalmazott legalacsonyabb ára (4/2009. együttes rendelet 2/A. §). A CloudCartban az árblokk az új és a korábbi árat, valamint a vásárló megtakarítását mutatja.

A schema markup olyan kód az oldalon, amely megmondja a Google-nek a termék nevét, képét, árát, készletét és értékelését. Kötelező a name, az image és az offers árral és pénznemmel. Hogy a saját oldalán megvannak-e, a Google Rich Results Testtel ellenőrzi.

A jog nem tiltja a nem vásárlók véleményét, de az Fttv. 7. § (8) bekezdése szerint közölnie kell, biztosítja-e és hogyan, hogy a vélemények valódi vásárlóktól származnak. A CloudCart Product Reviews alkalmazásában beállíthatja, hogy csak fizetett vagy teljesített rendeléssel rendelkező vásárlók írhassanak véleményt.

Kérdése van a webshopja termékoldalaival kapcsolatban? Írjon nekünk a support@cloudcart.com címre.

Források

  1. Merchant Center képekre vonatkozó követelményeinsupport.google.com
  2. 45/2014. (II. 26.) Korm. rendeletnjt.jog.gov.hu
  3. 4/2009. (I. 30.) NFGM-SZMM együttes rendeletnet.jogtar.hu
  4. 2008. évi XLVII. törvény (Fttv.)njt.jog.gov.hu
  5. kereskedői listának (merchant listing)developers.google.com
  6. Google Rich Results Testbesearch.google.com
A CloudCart csapataA platform dokumentációja alapján ellenőrizve. Kérdése van? support@cloudcart.com

Hozza létre webáruházát

0% jutalék a rendelések után minden csomagban. Kérdése van? support@cloudcart.com

Hozza létre webáruházát