Csekklista honlap újratervezéshez
Épp gondolkodsz, hogy a honlapodat hogyan alakítsd át? Mivel a Marketing Commando-nál épp
dolgozunk a saját weboldalunkon, gondoltam, hasznos lehet Neked, ha megosztom: milyen oldal
típusokat készítünk, milyen elemekkel, milyen funkciókkal...
Ez nem egy elefánt
... hanem egy honlap-felújítási projekt, ami akkora fa-
lat, hogy egyben képtelenség megenni! Ráadásul a fa-
latok is nagyok, rágósak, és mindegyiket mással kell
megsüttetni.
Általában gyors megvalósítók vagyunk, de a honlap át-
alakítás egy furcsa kivétel lett. Az egész úgy kezdődött,
hogy azon gondolkodtam 3 éve: a Facebook-on a leg-
több média nem posztokat oszt meg, hanem a saját cik-
keit, blogbejegyzéseit linkeli be. Klassz fotó, klassz cím-
sor, klassz bevezető szöveg (szaknyelven „lead”: a címsor
alatti, 2-3 soros bevezető szöveg, amit megírni külön mű-
vészet). „Ideje újra blogolni, hogy azt tudjam megosztani
a Facebook-on!” – gondoltam – de aztán rájöttem:
- Ha elkezdek látogatókat küldeni a blogra, akkor...
- Kell oda új Google analytics és remarketing kód
funkció is...
- A blogra ki kellene tenni egy új csalit, tehát
- Új csalit is kellene fejleszteni,
- Akkor már át kellene alakítani a feliratkozás utáni
processzt is,
- Akkor újra kell gondolni az email listánk struktú-
ráját is,
- Plusz ideje már egy design frissítésnek is...
Mint a kötött pulcsi: egy szálat meghúzol, és az egész
megmozdul, szétesik – és akkor már talán könnyebb
egy új pulcsit kötni.
Őszintén, ezen a honlap átalakításon többet görcsöltem
és többet gondolkodtam, mint amikor először szervez-
tünk Expót! Nem csak online marketinghez kell hozzá
érteni. Hanem projekt menedzsmenthez is, mert a régi
„nekiülök és egy hétvége alatt megcsinálom!” módszer
itt már nem működik. Hetek, hónapok alatt kell külön
darabokban, más és más partnerekkel összehozni.
Kell hozzá:
- Koncepció,
- Online marketing,
- Szövegírás,
- Design,
- Processz-tervezés,
- Online technológiák összekötése (email, hitelkártya,
számlázás, analitika)
Hah, hová lett a régi, szimpla bemutatkozó oldal, igaz? :)
Szóval arra gondoltam, hogy ha Te is küzdesz ezzel az
elefánttal, akkor talán segít, ha leírom, mi hogyan es-
tünk neki az újratervezésnek.
Ki kell egy honlap újratervezéshez?
Ma már ritka, hogy egy valaki az egészet meg tudja csi-
nálni. Nálunk az alábbi specialistákat kellett bevonni:
1) Webdesigner – kulcsszó „designer”, akinek a dolga,
hogy szép legyen a honlap (mobilon is)
2) SEO szakértő – melyik oldalon milyen analytics
mérésnek kell ott lennie, tag-ek, link nevek, stb.
3) Hirdetési szakértő: melyik aloldalakra fogunk láto-
gatókat terelni, és azokra az oldalakra ehhez milyen
kódokat, remarketing pixeleket stb kell elhelyezni?
4) Programozó (más néven kódoló), aki az egészet
összeszereli, az oldalakat leprogramozza és a rend-
szereket (email, analytics, bankkártya stb) össze-
köti.
5) „Egyéb”: ezen kívül szükség lesz szövegírásra (szö-
vegíróra), készítenünk kell videós tartalmat is, plusz
olyan apróságokra is, mint az új arculathoz illeszke-
dő email sablon elkészítése.
Komolyan mondom: ma, a versenyképesség egyik
nagy faktora, hogy vannak-e jó partnereid, akik mind-
ezt el tudják végezni? Akik felkészültek? Akik ismerik
a cégedet és így nem kell mindent nulláról elmagyaráz-
ni nekik? Akik ismerik a kampányaidat, így ha egy új
kampányt akarsz indítani, akkor csak azt kell mondani
neki: „csinálunk megint egy ugyanolyat mint tavaly a
3 videós termékbevezetés”, és már tudják is, hogy mi a
dolguk.
Honlap újratervezés: a nagy kép
Mi kell hozzá? Nézzük a fő kategóriákat, aztán majd
kibontjuk:
1) Milyen oldaltípusokra van szükséged? (Nyitólap,
értékesítési oldal, rólunk oldal, rendelést megkö-
szönő oldal stb)
1) Milyen elemek szükségesek az egyes oldalakra?
(Címsor, fotó, videó, adatbeviteli mezők, megren-
delés gomb, stb)
2) Milyen funkciók? (Feliratkozás, bankkártyás ren-
delés, facebook like, stb)
3) Milyen processz-ek? (Ha ide kattint, akkor mi tör-
ténik? Ha ide beírom az email címem, hová kerül
az be? stb)
4) Milyen rendszereket kell kezelnie, „meghív-
nia”, összekapcsolnia az oldalnak? (Email rend-
szer, mint pl Mailmaster; fizetési megoldás mint a
PayU vagy Braintree; számlázási rendszer, mint a
számlázz.hu, stb.)
Design:
Nem vagyok híve a mikromenedzselésnek. Ha van
egy jó webdesign-ered, elég pár dolgot elmonda-
ni neki, aztán hadd agyaljon! Mi ennyit írtunk a
designer-nek:
A Marketing Commando anno lázadó cégként kezdte,
de mára piacvezetővé vált a kisvállalati marketing kate-
góriában. Szeretnénk, ha a design ezt a vezető szerepet
erősítené, azaz a korábbi harsány és másoktól tudatosan
különböző design helyett már letisztultabb képet kapna.
A honlap célcsoportja:
Elsődleges célközönség az ügyfélkörünk, akik nem csak
vásárolni jönnek hozzánk, de példaként is tekintenek a
honlapunkra. A másodlagos célközönség az ÚJ látoga-
tók, kis- és középvállalkozók, akik most kezdenek ér-
deklődni a marketing iránt. A saját online megjelené-
sük gyenge.
Pár stílus potméter:
Hivatalos ------|--- Barátságos
Tartózkodó -------|-- Közvetlen
Konzervatív -----|---- Harsány
Barokk -------|-- Letisztult
Extra kérés: reszponzív legyen az oldal (azaz ala-
kuljon át olvashatóvá, ha tableten / okostelefonon
nézem)
2
Amikor ezt elküldtem a designer-nek, akkor csak an�-
nyit kért, hogy ha van olyan honlap, ami tetszik, amin
láttam jó ötletet, akkor annak a linkjeit küldjem át.
A design folyamata:
- Megbeszéltük, hogy először a nyitólapot tervezik meg.
- Ehhez először végigvettük, hogy a nyitólapon mi-
lyen elemekre lesz szükség (címsor, 3 legfrissebb
blogbejegyzés képe / címe / lead-je, stb)
- Utána elkészítettek egy wireframe-et (drótvázat?),
ami tulajdonképpen az oldal elemeinek körvonala,
azaz hogy melyik elem hol lesz és mekkora lesz:
A nyitólap drótváza
Ebből született egy asztaligép, tablet és mobil verzió is,
a responsive oldal miatt.
Amikor erre meglett az ámen, akkor került a wireframe
a designer-hez, aki megropogtatta az ujjait és nekiállt
megrajzolni az oldal grafikai tervét, de amivel elké-
szült, arra még pár hetet várnod kell, hogy meglásd :)
Oldal típusok, amikre szükség lesz
Valószínűleg Neked nem PONT ilyenekre lesz szük-
séged, de egy ponton Neked is kell ebből egy listát ké-
szítened:
1. Nyitólap
(tipp: ide nem küldünk fizetett forgalmat. A fizetett
forgalmat SOSEM a nyitólapra küldjük, hanem...)
2. Érkező oldalak
(másnéven landing page-ek). Ezekből többféle is kell:
videós, képes-szöveges, tesztkérdéses, feliratkoztatós
és nem-feliratkoztatós is. Ezek kampányokat ill. fo-
lyamatos hirdetéseket fognak kiszolgálni, és a céljuk
az ide érkező látogatókat továbblökni az értékesítési
ciklus következő fokára. Mindjárt kifejtem őket :)
3. Termék lista aloldal
A megvásárolható oktatási anyagaink listája, tulaj-
donképpen olyan, mint egy webshop kategória ol-
dala.
4. Értékesítési oldalak
Ez az, ahol egy terméket (vagy tréninget, vagy ren-
dezvényt) teljesen kifejtünk, vagy ahol egy kam-
pány ajánlatát részletezzük, „eladjuk”, a lap alján
egy „Megrendelés” gombbal. Értékesítési oldalból
kétfélét készítünk, az egyik videós (videó sales ol-
dal), a másik fajta szöveges + képes.
5. Megrendelő form oldal
Ezen vesszük fel a megrendelő adatait, és itt végle-
gesíti a vásárlást a vevő.
6. Upsell oldalak
Haha! Azt hitted, kész vagy a rendeléssel? :) Csak
most kezdődik a móka, itt ajánlunk fel egy adott
rendeléshez kapcsolódó kiegészítő termékeket,
szolgáltatásokat, vagy egy termék VIP verzióját.
Upsell oldalból többféle is lesz, részletek mindjárt.
7. Köszönő oldal
Megrendelés utáni visszaigazoló oldal, hogy a
vevő tudja: a rendelése átment.
8. Rólunk oldal
9. Blog főoldal
(a legfrissebb pár bejegyzés + feliratkozás a blog
értesítőre + keresés)
10. Blogbejegyzés
Cím, kép, szöveg, like, komment stb.
Nahát, pont 10 db. Nézzük őket részletesen!
NYITÓLAP
Milyen elemekre van szükség egy nyitólapon?
1. Felső sor:
Ebbe jön a logó, esetleg szlogen, plusz helyet kaphat
benne a menüsor, és egy kereső funkció is, ami a
honlapon belül keres.
2. Címsor
A modern honlapokon – nagyon helyesen, marketing
szempontból – általában egy hatalmas képpel és nagy
betűkkel írt címsorral ott áll az oldal lényege. Korábban
a slider-ek voltak divatosak (ahol lapozhattál pár ilyen
kép közt), de ezek épp most mennek ki a divatból, hogy
helyet adjanak az EGY képnek, EGY címsornak.
3. Facebook doboz
Ez egy hitelességi eszköz, ami fontos, ha már
1000-nél több követőd van. Ezt le tudod generálni
Facebook-ból, de én azt a változatot javaslom, ami
csak az oldalad fejlécét mutatja, a követők számát,
és a barátaidat, akik még követik:
4. Üdvözlő szöveg és/vagy videó
... ahol vagy egy pár sorban, vagy egy max 1 per-
ces videóban elmagyarázod, hogy kinek szól ez az
oldal, milyen problémájára ad megoldást, és miben
tér el a piac többi hasonló megoldásától.
5. Csali banner
Mert ugye legyen ott a fő csalid, ami egy új látogatót
elindít a vevővé válás folyamatán, és ennek a csalinak
kell egy jó banner, azaz egy jó reklám a nyitólapodon.
6. Testimonials,
azaz a csúcs ügyfeleid fotói, nevei, esetleg egy popup,
ami akkor jelenik meg, ha az egeret a nevükre / fo-
tójukra húzzuk. Extra: linkek az egyes ügyfelekhez
tartozó esettanulmányokhoz.
7. Média doboz
Interjúk, sajtómegjelenések, kiragadott idézetek ró-
lad / termékedről, amik megjelentek a médiában.
Ha sok ilyen van, akkor akár készíthetsz egy külön
oldalt (honlap.hu/media) ahol kifejezetten a sajtó
képviselőinek szóló információid vannak (opcioná-
lis, mi pl. ezt csak a Marketing Expónál csináljuk)
8. Belépő termék vagy Kiemelt termék reklámja:
Banner: fotó, rövid leírás, link a sales oldalhoz egy
épp aktuális akciódról, vagy a belépő termékedről
(nekünk itt a Kisvállalati Marketing Biblia lesz, il-
letve ha épp fut kampányunk vagy rendezvényünk,
akkor annak a bannere)
9. Blog preview:
A legfrissebb pár blogbejegyzés fotója, címsora,
lead-je
10. Csali banner az oldal alján még egyszer
11. Lábléc
Elérhetőségeid, újra a fő menüpontok, ÁSZF link,
adatvédelmi nyilatkozat linkje
Nyitólap technológia
Milyen funkciókat kell becsatornázni a nyitólapra:
- Google Analytics: látogatók, mennyit néznek meg az
oldalból, honnan jönnek, meddig maradnak, merre
mennek tovább a nyitólapról
3
- Remarketing pixel, Google és Facebook: aki feltéved
a nyitólapra, majd onnan kilép, annak a belépő ter-
mék remarketing hirdetése jelenjen meg 1 hétig
Ennyit a nyitólapról!
Most jöhet a marketing gépezetünk LEGFONTOSABB
eleme, és a legnagyobb honlap marketing újítás:
Kampány oldal template-ek
(avagy Landing page, v. Érkező oldal template-ek,
ugyanazt jelenti)
Na, ezt kicsit meg kell magyaráznom. Ezek azok a
„kampány oldalak”, ahová fizetett forgalmat küldünk,
Google adwords-ből, Facebook hirdetésből, banner
kampányokból, email kampányból.
Ezek az oldalak a honlap menüjéből nem is elérhetők!
(Max pár kivétellel) Ezeknek a dolga HIDEG forgalmat
– azaz olyan látogatókat, akik nem ismernek minket –
felmelegíteni és tovább lökni a vásárlás felé.
Példa:
Mondjuk készül egy új termékünk Facebook kommu-
nikációról.
Ugye nem fogjuk ismeretleneknek egyből a terméket
reklámozni, hanem először csak olyanokat halászunk,
akiket érdekel a téma, és nekik feldobunk egy csalit egy
ilyen kampány oldalon.
FB hirdetés: Jó kép, plusz mintha egy blogbejegyzés
posztja lenne:
Cím: „12 poszt típus, ami befolyást épít”
Alcím: „a 3-ast egyenesen Zuckerbergtől lestük el), katt
ide a példákhoz >>”
Ha kattint, felkerül egy kampány oldalra, amin van egy
címsor, egy videó, amin elmagyarázom a 12 poszt tí-
pust, és amikor a videó végére érek, felfedem, hogy van
egy tananyagunk, ami ezt tanítja, hogy ne posztban
gondolkodj, hanem poszt sorozatokban, és így végre ne
csak összevissza posztolj, hanem stratégiailag, amivel
befolyást növelsz – ekkor megjelenik a videó alatt egy
gomb „Mutasd, hogyan >>” felirattal, ami már egyene-
sen az új termék sales oldalára viszi.
Mi van, ha nem vásárol a friss látogató?
Akkor 1 hétig remarketing hirdetésben reklámozzuk
neki az új tananyagot, amíg vagy le nem telik az 1 hét,
vagy meg nem vásárolja.
Milyen lehet egy ilyen kampány oldal?
4
„Kampány oldal” típusok, amikre szükség van, és amit
a designernek el kell készítenie
1. Videós, feliratkozós kampány oldal
Címsor, videó, feliratkozás popup (ha email címeket
akarunk gyűjteni), FB Like box, alul FB kommentek
a hitelességhez / virális effekthez.
1. Videós, NEM feliratkozós kampány oldal
Címsor, videó, FB Like box, alul FB kommentek
a hitelességhez / virális effekthez. Itt a feliratkozás
Remarketing lesz: aki a videó után nem vásárol, azt
remarketinggel hozzuk vissza.
2. Fotós feliratkozós kampány oldal
Címsor, fotó, rövid szöveg, feliratkozás mező.
3. Fotós, NEM feliratkozós kampány oldal
Címsor, fotó, rövid szöveg, gomb ami a Sales oldalra
visz. A „feliratkozás” itt is remarketing.
4. Piaci bevezetéses érkező oldal
3 v. 4 részes videó sorozat, képek, címsor, feliratko-
zás doboz, videók, amik egymás után „nyílnak ki”
és lesznek elérhetők. Ez kiváló a hosszú „előgerjesz-
tésű” piaci bevezetésekhez, és a végén ez is majd a
Sales oldalra linkel, amin majd az újdonságot is-
mertetjük és adjuk el.
5. Feliratkozás utáni oldal: köszönő, megerősítő, csali
letöltő oldalak.
Ezek az oldalak tehát elemi fontosságúak lesznek, akár
egy meglévő termék FOLYAMATOS reklámozásáról
van szó, akár egy konkrét és határidős akció KAM-
PÁNYSZERŰ reklámjáról.
Még egyszer: fizetett forgalmat NEM küldünk a honlap
nyitólapjára, hanem csak ilyen kampány oldalra.
Kampány oldal technológia
Milyen funkciókat kell becsatornázni a kampány olda-
lakra:
- Google Analytics: melyik hirdetésből jönnek? Meddig
maradnak? Melyik látogatóforrás a legértékesebb szá-
munkra (pl melyik hozza a legtöbb feliratkozót / melyik
hozza a legtöbb profitot? Gyakran nem ugyanaz!)
- Remarketing pixel, Google és Facebook: aki átkat-
tint a kampány oldalra, annak a kampány oldalon
reklámozott termék remarketing hirdetése jelenjen
meg 1 hétig (vagy a kampány végéig)
- Ide már be kell csatornázni az email marketing
rendszert is, hogy ha az oldal feliratkoztat, akkor
melyik listára tegyük az új embert, és milyen email
sorozat menjen ki neki.
- CRM becsatornázása: lesznek kampány oldalak,
ahol telefonszámot is kérünk (pl. Expo kiállítói aján-
 lat ismertetőt ki kéri el?), ezeknek mennie kell az
ügyfélszolgálathoz, hogy telefonon tudjuk szükség
esetén lezárni a feliratkozókat.
Ha mást nem viszel haza ebből a cikkből, akkor leg-
alább ezt, hogy ilyen kampány oldalakat csinálj, amire
a fizetett látogatókat küldeni tudod!
Akkor menjünk is tovább...
Termék kategória oldalak
KönyvEK. TananyagOK. TréningEK. KonferenciÁK.
Ezek azok az aloldalak, ahol egy adott kategóriába tar-
tozó termékeket felsoroljuk röviden, innen kiválasztja
a látogató, ami érdekli őt, és továbbmegy az adott ter-
mék Sales oldalára.
A kategória oldalon szerepelnie kell:
1. Kategória megnevezése, pl. Tréningek (linkben is
szerepelnie kell)
2.  Címsor
3. Kiemelt termék banner (hogy ha épp kampányolunk
egy terméket onnan, mondjuk rendezvényt, akkor
azt kiemelten is meg tudjuk jeleníteni)
4. Vevői- / média idézet a termék kategóriáról
5. Kategóriába tartozó termékek listája:
• fotóval,
• rövid leírással,
• linkkel az egyes termékek Sales oldalához
6. Oldal alján Like / share gomb, hadd terjessze, aki-
nek tetszik :)
Ezek nagyon egyszerű, statikus oldalak, csak infó van
rajtuk.
Tehát technológia szempontból sem fontosak, első
körben ide csak Google analytics kell, ide még nem te-
szünk remarketing kódokat sem: ha valaki megnézi a
termék kategóriát és NEM megy tovább egy adott ter-
mék sales oldalára, akkor inkább békén hagyjuk :)
De ha tovább kattint és felkerül egy Sales oldalra, akkor
jön az igazi izgalom!
Videó + szöveges SALES oldal
(ahol a terméket / ajánlatot videón is, meg szövegesen
is prezentáljuk, és eljuttatjuk a vevőt egészen a Megren-
delés gomb lenyomásáig)
1. Címsor: az oldal tetejére (h1 – ezt a programozód
és a SEO-sod fogja érteni, ez a címsor formátum,
aminek a szövegét a Google kiemelten figyeli), de
lejjebb is legyen címsor blokk (h2 – ez az alcím),
amivel tagolni lehet a sales oldalt és olvashatóbbá
tenni
2.  Termékfotó – naná :), mi minden oktatási termé-
künkről, könyvről, csináltatunk egy 3D-s modellt,
mintha térben látnád az adott terméket. Rendez-
vénynél nyílván itt egy korábbi rendezvény fotója
lesz, vagy egy a következőt illusztráló reklámkép.
Tech részlet: a kép alt tag-jébe be kell írni a termék /
rendezvény nevét is, hogy keresőbarát legyen!
3. Videó blokk: videó ablak, alatta felirat lehetőséggel.
Ez ott lesz fontos, ahol készül Sales videó egy adott
termékhez, szolgáltatáshoz, rendezvényhez.
4.  Szövegblokk: fotó + alcím + szövegtörzs (jól olvas-
ható!). A szövegblokk jól elválasztható legyen más
blokkoktól, akár más háttérszínnel, hogy KÖN�-
NYEN olvasható, könnyen áttekinthető legyen.
5.  Vevőidézetek blokk, vevő fotókkal (pl. Facebook
kommentek képernyőfotók)
6. Hatalmas és gyönyörű MEGRENDELEM gomb,
ami – Steve Jobs szavaival – olyan szép, hogy egye-
nesen meg akarod nyalni! És amit lenyomva a Meg-
rendelő form oldalra kerül a látogató.
7. Kifogás popup. A Megrendelés gomb alatt „Csak
akkor kattints ide, ha eddig eljutottál, és úgy dön-
töttél, hogy még sem veszed meg az X terméket”
felirat/link. Erre kattintva egy popup jelenjen meg,
ami csak szöveges, és ahová beírhatjuk a top 3 ki-
fogást és azok kezeléseit. A popup alján egy nagy
gomb: „Kattints ide a megrendeléshez”
Sales oldal technológia:
Ehhez fontos megérteni, hogy a sales oldalra HON-
NAN kerülnek látogatók?
Például vegyünk egy Marketing Expo kampányt.
A kampány elején van egy „felizgató” rész, ahol még
egy kampány oldalra küldjük a HIDEG látogatókat –
jön az Expo, add meg az email címed, ha prioritás infót
kérsz! – aki erre a kampány oldalra érkezik, azt fel is
iratjuk, de ha nem iratkozik fel, akkor megpixelezzük,
hogy majd ahogy kinyílik a sales oldal, tudjunk neki
remarketingezni.
A végleges sales oldalra – ahol a konferencia részletei
vannak, majd az alján a Jelentkezem gomb – oda ki-
ket küldünk? Először is, a vevőinket. Sőt, először min-
dig a Navigátor tagoknak szólunk, emailben :) Aztán
megy az email a többi vevőnknek. Végül, 1-2 nappal
később, megy az email az egész listára, meg az „érdekel
az Expo” email listára, plusz akkor már a remarketing
listáknak is nyomjuk az Expo sales oldalát.
5
Emiatt a Sales oldalra az alábbi technológiákat kell be-
csatornázni:
- Google Analytics
- Remarketing pixel
- Email rendszer
Szöveges sales oldal elemei
Ez nagyon hasonlít az előzőre, ezért csak röviden. En-
nek a lényege, hogy van egy csomó termékünk és szol-
gáltatásunk, amihez (még!) nincs videó. Ergo, nekik
csak képes-szöveges sales oldaluk lehet, rajta az alábbi
blokkokkal:
1.  Címsor: az oldal tetejére is (h1), de lejjebb is le-
gyen címsor blokk (h2), amivel meg lehet szakítani
a sales oldalt
2. Ultraszexi Termékfotó
3. Szövegblokk: fotó + alcím + szövegtörzs (jól olvas-
ható!). A szövegblokk jól elválasztható legyen más
blokkoktól
4.  Vevőidézetek blokk
5. Hatalmas és gyönyörű MEGRENDELEM gomb
Technológia: ugyanaz mint az előzőnél.
VIDEÓ sales oldal
Spéci oldal azokhoz a kampányokhoz / termékekhez,
ahol CSAK videó készül az eladáshoz. Ezt szeretem,
mert egy videót néha gyorsabb elkészíteni, mint megír-
ni egy komplett Sales oldalt. Ráadásul ha a terméket vi-
deón tudom bemutatni, az sokkal látványosabb. Ez egy
végtelenül egyszerű oldal, minimális számú blokkal:
1.  Címsor: az oldal tetejére (h1), alatta max egy cikk
bevezetőnyi szöveges rész
2. Videó ablak
3. Vevőidézetek blokk
4. Hatalmas és gyönyörű MEGRENDELEM gomb
Technológia: ugyanaz mint a többi Sales oldal típus-
nál is.
Megrendelő form oldal
Nagyon fontos oldal, figyelj jól!
Ide jön, aki egy adott Sales oldalon alul lenyomta a
Megrendelem (Jelentkezem) gombot. Ennek az oldal-
nak a célja bekérni a vevő adatait.
6
Ehhez olyan szépnek, világosnak és egyértelműnek kell
lennie, hogy a vevő NEHOGY bárhol is elbizonytala-
nodjon és abbahagyja a vásárlást.
A szükséges blokkok:
1.  Címsor
(például a termék / rendezvény neve-címe még egy-
szer, vagy a fő ígérete, pozícionálása)
2. Címsor alatt kéthasábos elrendezés:
- bal hasábban az adatbekérő mezők,
- jobb hasábban a termék fotója plusz leírása
Ez azért fontos, hogy első ránézésre világos legyen:
- baloldalt kell bepötyögnöm az adataimat,
- de jobb oldalt ott van még egyszer pár kulcs-infó,
hogy ne kelljen visszamennem a Sales oldalra
megnézni, hogy mikor is lesz a rendezvény és hol.
3. Bal hasáb (adatbekérő mezők):
jól tagolt, külön blokkban az egyes adatcsoportok
(vevő adatai, számlázási adatok, postázási adatok,
bankkártya adatok)
4. Opcionális a bal hasábhoz:
csocskesz blokk (ez az, amit még extraként el akarsz
adni, és csak ki kell pipálnia, ha ezt is kéri),
5. Opcionális upsell blokk a bal hasábban:
Szintén az adatbekérő rész alatt, közvetlenül a Meg-
rendelés gomb fölött, akár más háttérszínnel egy
blokk, ahol prezentálhatok egy kiegészítő termé-
ket vagy szolgáltatást (például egy konferenciajegy
mellé egy tananyagot), amire a vevő kipipálással tud
igent mondani.
6. Bal hasáb alján árösszesítő
7. Bal hasáb legalján: Megrendelem gomb
8. Jobb hasábba:
- termékfotó,
- pontba szedett lista (termék előnyökről),
- elégedett vevői idézet blokk
9. A két hasáb alatt, középen:
bizalom ikonok valamint az ügyfélszolgálat elér-
hetősége (bizalom ikonok: biztonságos vásárlás, ga-
rancia pecsét, termék díj fotója például – ami bizal-
mat épít)
10. NO MENÜ!!!
Megrendelő form oldalon NINCSENEK menüpon-
tok! Innen kétféleképpen lehet távozni: vagy ren-
delsz, vagy kilépsz.
Megrendelő form technológia:
Ez a legbonyolultabb, mert itt kell minden:
- Google Analytics
- Remarketing pixel, Google és Facebook: aki innen
kilép rendelés nélkül (sok ilyen lesz, mert itt szembe-
 sülnek az árral!), azoknak a termék Sales oldalt kell
majd remarketingezni, a remarketing hirdetésen pe-
dig az ajánlat lesz. A határidő közeledtével pedig a ha-
táridő (visszaszámláló pl.) lesz a hirdetés főszereplője.
- Email rendszer / CRM: a megrendelő adatait beke-
rülnek a cég vevőadatbázisába
- Bankkártyás fizetés: a megrendelő form-nak már
https oldanak kell lennie, ahol az „s” mint Secure,
azaz biztonságos a lényeg: ez azért fontos, mert ezen
az oldalon bankkártya adatokat viszünk be (igaz,
ezek az adatok nem hozzánk futnak be, mi nem is
látjuk, hanem mennek egyből a Braintree-hez.)
-  Számlázás: a megrendelési adatok alapján automati-
kusan állítjuk ki a vásárlásról a számlát és emailezzük
a vevőnek.
Upsell oldal
Az online marketing legfontosabb oldala :)
Itt fogunk a friss vevőnek, akinek még a kezében a hitel-
kártyája, és akinek az agya épp tele van a vásárlás miatt
boldogság hormonokkal, még egy valamit felkínálni.
Milyen tartalmi elemek szükségesek egy upsell oldalra:
1. Rendelés után UPSELL engedélykérő Popup:
amikor a vevő a Megrendelő form-on lenyomja a
Megrendelés gombot, akkor ELŐSZÖR ez a popup
ugrik fel:
- címsor,
- fotó,
- nagy zöld („Érdekel”)
- és nagy Piros („Kösz, nem érdekel”) gombok.
Ezen a popup-on szerepel az upsell engedélykérés,
pl: „Van egy ajánlatunk, hogy amit épp rendeltél,
azt féláron odaadjuk. Érdekel?” Ha érdekli, jöhet az
upsell oldal:
2. VIDEÓS UPSELL OLDAL: címsor, videó, alatta
nagy gomb, kb „IGEN, kérem ezt is”, gomb alatt link
„Kösz nem, kihagyom ezt a lehetőséget”. A lényeg:
az upsell ajánlatot videón prezentáljuk, a vevő pedig
dönt, hogy kéri-e vagy sem.
3. SZÖVEGES UPSELL OLDAL: címsor, upsell-ezett
termék v szolgáltatás reklámfotója, mellette szöveg-
blokk, alatta nagy gomb, kb:
«IGEN, kérem ezt is», gomb alatt link
«Kösz nem, kihagyom ezt a lehetőséget»
Technológia:
- Természetesen Analytics,
- Remarketing: ide nem kell. Az upsell mindig egy
egyszeri, rendkívüli ajánlat. Aki ott és akkor nem
kéri, az utólag már nem jöhet érte vissza, és ezt jobb,
ha megszokják a vevők, mert akkor legközelebb javul
az upsell %-od!
- Fontos: a bankkártya és a számlázási modul. A
Braintree tudja az egyklikkes upsell-t, tehát ha a vevő
az első termékhez megadta a bankkártya adatait, ak-
kor ha elfogadja az upsell-t, nem kell újra begépel-
nie az adatait, a rendszer automatikusan leemeli az
upsell plusz költségét a számlájáról, és kiállítjuk erről
a számlát is, valamint kiküldjük neki minderről az
email értesítőt.
Ennyi volt a sales! Nézzünk még egy kis tartalmat:
Rólunk oldal blokkok:
1. Cégvezetői üzenet + fotó
(vagy szakértői interjú videó)
2. Cégtörténet idővonal
3. Munkatársak fotói
4. Média megjelenések
5. Díjak
6. Híresebb / fontosabb ügyfelek fotói, logói
7. Cégfilozófia, küldetés
8. Kapcsolat
Blog főoldal
1. Blog logó / címsor / fő ígéret
2. Friss bejegyzések, „Facebook” formátumban: kép,
alatta címsor, alatta rövid lead szöveg
3. Keresés funkció
4. Facebook céges oldal bélyegképe: FB oldal fejléc,
követők száma, a barátaim, akik szintén követik
5. Feliratkozás blog értesítőre
Egy blogbejegyzés oldal
Ez nem csak a tartalommarketing miatt fontos, meg
a szakértői imázs miatt. A „Blog + remarketing” az új
legjobb csali. Meghirdetünk Facebook-on, Google tar-
talmi hálózaton egy jó cikket. Ügyféljelölt rákattint,
elolvassa a cikket, mondjuk arról, hogy hogyan kell
megtölteni egy rendezvényt. Utána kilép. Visszamegy
Facebook-ozni. És ott mi várja? Egy hirdetés:
„I Love Rendezvény: hogyan töltsd meg a következő ren-
dezvényedet, egy napos tréning, nézd meg a részleteket
ide kattintva >>” :)
Ehhez tehát kell egy ütős blog, aminek az egyes be-
jegyzései nem csak tartalmat kell, hogy tudjon, de ide
7
könnyen el kell, hogy tudjunk helyezni Remarketing
pixeleket is.
A blogbejegyzés tartalmi elemei:
1. Fotó (ami a bejegyzés fő fotója lesz, ezt húzza be a
Facebook ha ott is posztoljuk)
2. Blogbejegyzés címe
3. Alcím
4. Blog tartalom, ezekkel az elemekkel:
• Normál szöveg
•  Idézet kiemelés
•  Kép + kép aláírás formátum
•  Címkék
•  Like gomb, Megosztás gomb (külön)
• Banner a bejegyzés alján (de még a
hozzászólások előtt), amin egy kapcsolódó
terméket, rendezvényt tudunk hirdetni.
•  Hozzászólás
Technológia
- Google analytics, mert tudnunk kell, hogy ide ke-
resésből jöttek (és ha igen, milyen kulcsszavakra?),
vagy hirdetésből, vagy azért, mert kiposztoltam
Facebook-on?
- Remarketing: ez itt kulcs. Mivel ide fizetett for-
galmat fogunk küldeni, fontos, hogy a kilépőknek
tudjuk majd a kapcsolódó terméket vagy rendez-
vényt remarketing hirdetésben hirdetni. Igen, ez
drágább mint feliratni és emailezni neki, de ez a
jövő :)
Hát ennyi! Egy új honlap design-ja, funkciói, oldalai
és oldalának elemei. Használd egészséggel a következő
honlap felújításnál, az mikor is lesz aktuális? :)  í
Jó kedvet, bőséget!
Üdv,