Borvilág · Tudásbázis

Az API kulcs olyan, mint egy jelszó — aki hozzáfér, teljes jogosultsággal rendelkezik a kapcsolódó fiókhoz vagy szolgáltatáshoz. Ennek megfelelően kell kezelni:

Ne küldd el chaten, e-mailben vagy Messengeren — ezek nem titkosított csatornák.
Ne tedd be Google Docs-ba, Notionbe vagy más megosztott dokumentumba, ahol mások is láthatják.
Ne oszd meg képernyőképen sem — a képek könnyen továbbterjeszthetők.
Ha mégis megosztottad véletlenül: azonnal generálj új kulcsot a fiókodban, a régit töröld le.

Ha az integrációhoz meg kell adnod az API kulcsodat, mindig a rendszer megfelelő beviteli mezőjébe írd be — soha ne szövegesen, chatben. Ha nem vagy biztos benne, kérdezz bátran.

Technikai alap

Sitemap

A sitemap segíti a Google-t abban, hogy megtalálja és indexelje az összes terméket, oldalt és blogbejegyzést az áruházadban.

A Shopify áruházad sitemapje automatikusan elérhető — nem kell külön létrehoznod, a Shopify folyamatosan generálja és frissíti. Két URL-en is elérhető:

Shopify aldomainnel borvilag.myshopify.com/sitemap.xml

Saját domainnel borvilag.hu/sitemap.xml

A sitemap.xml fájlt a Google Search Console-ba is be lehet nyújtani, hogy a Google gyorsabban indexelje az új termékeket és oldalakat. Ha ez még nem történt meg, jelezz és segítünk beállítani.

Technikai alap

Shopify Admin áttekintés — hol mi van

A Shopify Admin az áruház irányítóközpontja. Ide lép be minden alkalommal, amikor kezelni szeretnéd az áruházat.

🗂️ Admin felület — bal oldali menü és fő szekciók ▾

Belépés: shopify.com/admin böngészőből, vagy Shopify mobilapp iOS / Android eszközről. Néhány haladó beállítás csak asztali gépen érhető el.

Bal oldali menü — szekciók

🏠 Home	Áttekintő dashboard — napi értékesítés, legutóbbi aktivitás, értesítések
📦 Orders	Beérkező rendelések kezelése, visszáru, draft rendelések; beépített csalásdetektálás
🛍️ Products	Termékek, változatok, készlet, kollekciók, ajándékkártyák
👥 Customers	Vásárlói profilok, rendeléstörténet, szegmensek
📊 Analytics	Értékesítési riportok, forgalmi adatok, konverziós ráta; testreszabható dashboard
📣 Marketing	Kampányok létrehozása és nyomon követése, automációk
🏷️ Discounts	Kedvezmény kódok és automatikus akciók kezelése
🌐 Online Store	Theme Editor (megjelenés), Blog, Oldalak, Navigáció, Domain beállítások
⚙️ Settings	Fizetési módok, szállítás, adók, értesítések, staff hozzáférések — minden alapbeállítás

Hasznos navigációs tippek

Gyorskeresés	Ctrl + K (PC) vagy Cmd + K (Mac) — bármely oldalról gyorsan keresel termékeket, rendeléseket, beállításokat
Breadcrumb navigáció	2025 tavaszától kenyérmorzsa útvonal jelenik meg pl. Products › T-shirt › Blue — könnyebb visszalépés
Kedvenc appok rögzítése	Telepített alkalmazásokat a bal sávba rögzítheted (pin ikon) a gyors eléréshez, fogd és vidd sorrendbe rakható
Sidekick AI asszisztens	A fejlécben lévő AI-asszisztens kontextusfüggő segítséget nyújt és konkrét feladatokban is segíthet
Mobil app	Rendelések, termékek és analitika mobilon is elérhetők, de összetett beállításokhoz desktop ajánlott

Technikai alap

Fizetési módok kezelése

Hol és hogyan kezeld a fizetési módokat — Magyarország-specifikus információkkal.

💳 Fizetési beállítások — elérhetőség és lehetőségek ▾

Hol találod: Settings → Payments

Shopify Payments — Magyarország

A Shopify Payments Magyarországon elérhető. Kifizetést HUF (forint) vagy EUR (euró) formában fogadhatsz — a kifizetési pénznem a banki adatoknál állítható. A vásárló által fizetett pénznem és a kifizetési pénznem eltérhet egymástól.

Magyar vásárlók által preferált fizetési módok

Bankkártya	Visa és Mastercard — alapvető, Shopify Payments-en keresztül natívan elérhető
SimplePay (OTP)	Legnépszerűbb magyar online fizetési megoldás — külön app integráció szükséges
Barion	Magyar fejlesztésű, széles körben elterjedt fizetési rendszer — app integráció szükséges
PayPal	Nemzetközi vásárlóknak fontos, Magyarországon is elterjedt
Apple Pay / Google Pay	Shopify Payments-en keresztül automatikusan elérhető — mobilon egyre preferáltabb
Banki átutalás	Előre utalásos fizetési opció — kézi kezelés szükséges

Fontos tudnivalók

Tranzakciós díj	Shopify Payments használatakor nincs extra Shopify-díj. Harmadik féltől (pl. SimplePay) esetén a Shopify plan szerint 0,5–2% extra díj is felmerülhet
Fizetési mód hozzáadása	Settings → Payments → "Add payment methods" → keresd a kívánt szolgáltatót
Teszt mód	Settings → Payments → Shopify Payments → Manage → "Test mode" — éles indítás előtt hamis kártyaadatokkal tesztelhető az egész folyamat
Utánvét (COD)	Shopify natívan nem kezeli — külön app szükséges hozzá (pl. Cash on Delivery)

Tartalom szerkesztése

Slider kezelése és képek cseréje

Hogyan szerkeszd a slideshow szekciót és cseréld le a képeket a Shopify vizuális szerkesztőjében.

🎬

Tutorial videó

Slider kezelése és képek cseréje — Shopify Editor

Lépésről lépésre: dia hozzáadása, törlése, kép feltöltése és csere a vizuális szerkesztőben.

→

📋 Írásos útmutató — slider beállítások részletesen ▾

Hol találod: Shopify Admin → Online Store → Themes → Customize → keresd: ⚡ WOW Hero Slideshow

Diák kezelése

A slider maximum 4 diát tartalmazhat. Diát az "Add block → Slide" gombbal adhatsz hozzá, törölni a blokk jobb felső sarkában lévő kukával lehet. Az első dia automatikusan betöltési prioritást kap (gyorsabb megjelenés).

Slideshow szintű beállítások minden diára hat

Átmenet típusa	Fade (olvadás) vagy Slide (csúszás)
Autoplay	Be/ki kapcsoló — automatikus lapozás
Autoplay sebesség	2 000 – 9 500 ms (milliszekundum); alapértelmezett: 5 000 ms (5 mp)
Nyilak megjelenítése	Előző/következő nyilak a kép szélein
Pontok megjelenítése	Navigációs pontok alul, aktív pont kiszélesedik
Desktop magasság	30–100 vh, alapértelmezett: 70 vh
Mobil magasság	30–100 vh, alapértelmezett: 55 vh

Háttérkép és overlay diánként

Háttérkép (desktop)	Ajánlott méret: 1920×1080px vagy nagyobb, JPG/PNG
Háttérkép (mobil)	Külön mobilkép adható meg — ha nincs megadva, a desktop kép jelenik meg
Overlay be/ki	A kép tetején lévő színes félig-átlátszó réteg
Overlay szín	Alapértelmezett: fekete (#000000)
Overlay átlátszóság	0–90% — minél magasabb, annál sötétebb a kép

Szöveg tartalom diánként

Fejléc (Heading)	Főcím; tag: H1 / H2 / H3 közül választható
Alcím (Subheading)	Elhelyezhető a fejléc felett vagy alatt
Bekezdés (Paragraph)	Rich text — félkövér, dőlt, linkek használhatók

Tipográfia diánként, szövegtípusonként

Minden szövegeleméhez (fejléc, alcím, bekezdés) külön beállítható: szín, méretpx, fejlécnél betűvastagság (400–900) és nagybetűsítés (normál / ALL CAPS / First Letter).

Elhelyezés diánként, desktop + mobil külön

Vízszintes	Bal / Középen / Jobb
Függőleges	Felül / Középen / Alul
Szövegigazítás	Bal / Középen / Jobb — a doboz belső igazítása

Gombok diánként, 2 gomb

Mindkét gomb teljesen testreszabható: szöveg, link, stílus (teli / outline), border-radius, betűvastagság, nagybetűsítés, háttér-, szöveg- és keretszín.

Hotspotok (termékjelölők) diánként, max. 2 db

Minden dián 2 hotspot kapcsolható be. Mindkettőhöz egy terméket kell hozzárendelni a Shopify termékkeresőn keresztül. A pont pozícióját X/Y százalékban lehet beállítani, desktopra és mobilra külön. Kattintásra vagy hover-re megjelenik a termék kártyája (kép, ár, link).

A hotspot pont stílusát (szín, méret, animáció) a slideshow szintű beállításoknál lehet módosítani — ez az összes diára egységesen vonatkozik. Animációk: None / Pulse / Breathe / Heartbeat / Glow / Ripple (alapértelmezett).

Tartalom szerkesztése

Képek cseréje a Shopify Editorban

Általános útmutató ahhoz, hogyan cserélhetsz le képeket az áruházad bármely részén — termékképektől a szekciók hátterein át a bannerekig.

📋 Képcsere útmutató — hol és hogyan ▾

Termékképek cseréje

A termékképeket a Shopify Admin → Products oldalon tudod kezelni. Nyisd meg a terméket, görgess a képekhez, majd húzd fel az új képet vagy kattints a "Add media" gombra. A képeket fogd és vidd mozgatással át is rendezheted — az első kép lesz a termék borítóképe a kollekció oldalon.

Szekció háttérképek és bannerek cseréje Theme Editor

Az Online Store-ban lévő szekciók képeit a vizuális szerkesztőben (Online Store → Themes → Customize) lehet módosítani. Kattints a szerkeszteni kívánt szekció blokkjára a bal oldali panelen, majd az "Image" vagy "Background image" mezőnél a meglévő képre kattintva cserélheted le.

Képformátum és méret ajánlások

Termékképek	Négyzetes arány (1:1), min. 1024×1024px, JPG vagy WebP
Hero / banner képek	Fekvő arány (16:9), min. 1920×1080px, JPG
Mobil háttérképek	Álló arány (9:16 vagy 3:4), min. 750×1000px
Kollekció borítók	Fekvő, min. 1200×600px
Maximális fájlméret	20 MB per kép — Shopify automatikusan optimalizálja

Alt text (képleírás) — miért fontos?

Az alt text a kép szöveges leírása, amelyet a Google is olvas — segít a keresőoptimalizálásban és az akadálymentességben. Termékeknél a kép szerkesztésekor lehet megadni ("Add alt text"), szekció képeknél szintén a Theme Editorban, a kép kiválasztása után. Mindig adj rövid, leíró szöveget, pl. "Vörös Villányi Cabernet Sauvignon 2021 — Borvilág".

Hasznos tippek

Képek tömörítése	Feltöltés előtt tömörítsd a képeket a WOW Studio Képoptimalizáló eszközzel — ingyenes, böngészőből működik
Ajánlott formátum	WebP vagy JPEG — a WebP kisebb fájlméretet ad azonos minőség mellett; PNG csak logóknál vagy átlátszó háttérnél
Elnevezés	Használj értelmes fájlneveket: `villányi-cabernet-2021.jpg` — nem `IMG_4892.jpg`
Konzisztens arányok	Ugyanazon szekcióban lévő képek legyenek azonos arányúak, hogy ne ugráljon a layout
Mobilos ellenőrzés	A Theme Editorban a fejlécnél mobilnézetre váltva ellenőrizd, hogy a kép jól néz-e ki kisebb képernyőn is

Tartalomkezelés

Blogbejegyzések kezelése

Hogyan hozz létre, szerkessz és tegyél közzé blogbejegyzéseket a Shopify Adminban — a legfrissebb felület alapján.

📝 Blogposzt feltöltése — lépésről lépésre ▾

Hol találod: Content → Blog posts → Add blog post
⚠️ Régebbi Shopify verziókban Online Store → Blog posts alatt volt, de 2024 óta a Content menübe került át.

Blogok kezelése először ezt érdemes beállítani

A Shopify alapból egy "News" nevű blogot hoz létre. Ezt átnevezheted, vagy újat hozhatsz létre: Content → Blog posts → Manage blogs → Add blog. Egy áruháznak több blogja is lehet (pl. külön a recepteknek és a híreknek), de általában egy elég. Blog neve max. 255 karakter lehet.

Alapadatok kitöltése

Cím (Title)	Max. 255 karakter — ez jelenik meg a böngésző lapján és a Google találatokban. Kötelező mező, mentés előtt meg kell adni.
Tartalom	Rich text szerkesztő — félkövér, dőlt, listák, linkek és képek beilleszthetők
Blog	Melyik blogba kerüljön — a legördülőből választható, vagy ott helyben hozhatsz létre újat
Szerző	Csak a boltot kezelő staff tagok és a bolt tulajdonosa választható — külső szerzőhöz staff hozzáférést kell adni

Kiemelt kép (Featured image)

A jobb oldali Image szekcióban adható meg — ez jelenik meg a bloglistán és közösségi médiában megosztva. Ez különbözik a szövegbe ágyazott képektől: a featured image a poszt borítójaként jelenik meg. Ajánlott méret: 1200×630px.

Kivonat (Excerpt)

Opcionális rövid összefoglaló, amely a bloglistán jelenik meg a teljes poszt helyett. Ha nem töltöd ki, a Shopify automatikusan a szöveg elejét veszi. Érdemes kézzel megadni: legyen figyelemfelkeltő, max. 2–3 mondat.

Közzététel és ütemezés

Azonnali közzététel	Visibility → Visible → Save
Előre ütemezés	Visibility → Set a specific publish date → dátum és idő megadása → Save. A poszt automatikusan közzéteszi magát a megadott időpontban.
Piszkozat mentése	Visibility → Hidden — elmenti, de nem jelenik meg az oldalon, bármikor visszahozható

Tagek (Címkék)

A jobb oldali sávban adhatók hozzá — ezekkel csoportosíthatod a bejegyzéseket (pl. vörösborok, receptek, újdonságok). A látogatók tagek szerint szűrhetnek a blogon, és a Shopify belső keresője is indexeli őket.

Kommentek kezelése

Blog szinten állítható: Content → Blog posts → Manage blogs → blog neve. Három lehetőség: kommentek letiltva / moderálva (jóváhagyás után jelennek meg) / szabadon engedélyezve. A moderált vagy letiltott opció ajánlott.

SEO beállítások

SEO title	A Google találatokban megjelenő cím — max. 70 karakter, legyen kulcsszóban gazdag
Meta description	A találat alatti leírás — max. 160 karakter, foglalja össze a cikket olvasóbarát módon
URL (handle)	Automatikusan generálódik a címből, de kézzel is szerkeszthető — kerüld az ékezeteket, szóközök helyett kötőjel

Hasznos tippek

Preview	A Preview gombbal mentés előtt megnézheted hogyan néz ki az oldalon
Meglévő poszt szerkesztése	Content → Blog posts → kattints a bejegyzés nevére → szerkesztés → Save
Poszt elrejtése	Content → Blog posts → poszt megnyitása → Visibility → Hidden → Save
Képek tömörítése	Feltöltés előtt tömörítsd a képeket a WOW Studio Képoptimalizáló eszközzel
Belső linkek	A szövegben linkelj vissza más blogposztokra és termékekre — segíti a SEO-t és a vásárlói útvonalat
Olvashatóság	Rövid bekezdések, H2/H3 alcímek és képek tagolják a szöveget — mobilon különösen fontos