Borvilág.hu · Tudásbázis
Útmutatók & Erőforrások
Minden fontos link, oktatóvideó és dokumentáció egy helyen.
Integráció
Számlázz.hu · Shopify összekötés
Az automatikus számlázáshoz szükséges beállítások, videók és hivatalos dokumentáció.
Tutorial videó
Számlázz.hu · Shopify integráció — lépésről lépésre
Egyedi oktatóvideó, kifejezetten Borvilág.hu beállításához készítve.
→
Hivatalos videó · YouTube
Számlázz.hu — teljes körű videós útmutató
A számlázz.hu saját, részletes videója — minden beállítási lépést tartalmaz.
→
Dokumentáció · Számlázz.hu
Hol találod az API kulcsot?
Hivatalos leírás: hogyan generálható és hol érhető el az API kulcs a fiókodban.
→
Biztonság
API kulcsok kezelése
Kérünk, tartsd be ezeket az alapvető biztonsági irányelveket.
API kulcsokat soha ne oszd meg!
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.
📋 Í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 |
Egyéb infók
404-es oldal
Ha egy látogató nem létező URL-re téved, ez az oldal fogadja — nem az alap Shopify hibaoldal, hanem egy a Borvilág márkájához igazított verzió.