TERMÉKOLDAL ÉPÍTÉSE
A termékoldal célja, hogy bemutassa a termék hasznait, megválaszolja a kérdéseket, és egyéb indokokat adjon a vásárlásra (kedvező értékelések, promóciós ár, stb.).
A legtöbb webshopban csak a képek vannak feltöltve és néhány technikai adat – mi viszont csak kevés termékre fogunk koncentrálni, ezért sokkal igényesebben tudjuk azokat leírni és bemutatni, a vállalkozásunk pozicionálását kihasználva.
A termékoldal célja nem feltétlen az eladás, sokkal inkább arra kell törekednünk, hogy hogyan tegyük könnyebbé a döntés meghozatalát (észérvekkel, bemutatókkal, értékelésekkel).
A legfontosabb, hogy adhassunk kapaszkodókat a vásárlóknak, amikkel kézzelfoghatóvá válik a termék (pontosan magyarázzuk el, hogy mire jó a termék, milyen felhasználási lehetőségei vannak), és oszlassuk el a vásárlással kapcsolatos kételyeket (szállítással, fizetéssel, használattal kapcsolatban).
EGY TERMÉKES WEBSHOP TERMÉKOLDAL KÉSZÍTÉSE: Amennyiben a webshopodban csak egy termék érhető el, úgy érdemes azt hosszabban kifejteni, részletesen végigvezetni a vásárlót azon, hogy miért érdemes megfontolnia ennek a terméknek a megvásárlását.
Cserébe termékoldal sablont nem muszáj csinálnod, de lehet, hogy pont így oldod meg, természetesen az is megfelel.
Alapesetben viszont elég ha készítesz egy új oldalt (OLDALAK – ÚJ HOZZÁADÁSA), azt szerkeszted az Elementor szerkesztővel, majd hozzáadsz egy “Custom add to cart” elemet, amivel kosárba helyezhetővé válik a terméked.
Egy termék esetén tehát a technikai része a dolgoknak valamivel egyszerűbb, cserébe jóval többet kell foglalkozni az értékesítő szöveggel, a bullet pointokkal és magyarázó ábrákkal.
TERMÉKOLDAL SABLON ÉPÍTÉSE
A következő videóban elkészítjük az úgynevezett Termékoldal Sablont. Ezt több termékes webshopok ekészítéséhez javaslom.
Szóval néhány, számodra még követhető mennyiségű termék esetén bőven elég a fenti MEGOLDÁS, tehát az (Oldalak – Új hozzáadása) Elementor szerkesztővel létrehozott Termékoldal. Ha követed a fenti lépéseket, éppúgy fog funkcionálni, és egyáltalán nem bonyolult feladat így webshopot indítani.
Amennyiben több terméked van, akkor egy TERMÉKOLDAL SABLONT kell létrehoznunk.
Ez egy olyan sablon, amiben majd a képeket, leírást és árakat kell csak változtatnunk, és hogyha 1000 termékünk van, akkor ezt a sablont, ha használjuk, azonnal minden termék átveszi ezt a termékoldal sablont és egy teljesen egységes megjelenést hozhatunk létre a webshopban.
TERMÉK CÍME (angolul: Product Title)
Ahova ezt az elemet teszed, ott fog megjelenni a kiválasztott termék neve. Amikor a látogató megnyitja egy termék oldalát, akkor mindig az adott termék neve jelenik majd meg automatikusan, tehát nem kell egyenként beállítani mindegyiknél.
TERMÉK ÁRA (angolul: Product Price)
Ahova ezt az elemet teszed, ott fog megjelenni a termék ára. Amikor a látogató megnyitja egy termék oldalát, akkor mindig az adott termék ára fog megjelenni automatikusan, tehát nem kell egyenként beállítani mindegyiknél.
TERMÉK KÉP (angolul: Product Image)
Ahova ezt az elemet teszed, ott fognak megjelenni a termékképek, amiket feltöltöttél. Amikor a látogató megnyitja egy termék oldalát, akkor mindig az adott termék képei fognak megjelenni automatikusan, tehát nem kell egyenként beállítani mindegyiknél.
KOSÁRBA (angolul: Add to Cart)
Ahova ezt az elemet teszed, ott fog megjelenni a termék “KOSÁRBA TESZEM” gombja. Amikor a látogató megnyitja egy termék oldalát, akkor mindig az adott termék megrendelési gombja fog megjelenni automatikusan, tehát nem kell egyenként beállítani mindegyiknél.
TERMÉK TARTALMA (angolul: Product content)
A termék hosszú leírását (lásd lentebb) minden termékhez külön fogjuk elkészíteni, és ahova ezt az elemet teszed, ott kap majd helyet a hosszú leírás a termékoldalon.
SHORT DESCRIPTION
Ha belépsz egy terméked szerkesztésébe (ahol az árat/nevet/képet tudod megadni), akkor az oldal alján találsz egy “TERMÉK RÖVID LEÍRÁSA” mezőt, ahova egy kis összefoglalót vagy bevezetőt szoktunk írni, hogy első látásra egyértelmű legyen, hogy mi ez a termék.
Ezt a kis pár mondatos leírást tudjuk elhelyezni a SHORT DESCRIPTION elemmel a termékoldal sablonba.
Amikor készen vagy, ne felejtsd el beállítani, hogy hol jelenjen meg az elkészített sablon – ha azt akarod, hogy minden terméknél ez legyen, akkor válaszd a “Termékek” beállítást, de van lehetőséged arra is, hogy minden termékkategóriához vagy akár egyes termékekhez külön-külön termékoldal sablont készíts.
Először az Add Condition gombot kell megnyomni, majd az alapból felugró “Termékek” nekünk tökéletesen megfelel, ezután nyomhatsz a “KÖZZÉTÉTEL” gombra.
FIGYELEM! Ha ezt nem teszed meg, akkor nem fog rendben megjelenni a termékoldal sablon.
ÚJ TERMÉK LÉTREHOZÁSA
Ahhoz, hogy lássuk is, amit csinálunk, hozzunk létre egy terméket, amit a TERMÉKEK – ÚJ HOZZÁADÁSA menüponttal tudsz hozzáadni.
A termék neve, a termék képe és ár teljesen egyértelműek, mert ezeknek a megadása szükséges egy termék létrehozásához.
A TERMÉK ADATOK résznél a KÉSZLET, SZÁLLÍTÁS, és a HALADÓ fülek teljesen feleslegesek nekünk egyelőre a számunkra a tréning során, hagyjátok figyelmen kívül őket.
(ezek nagyobb webshopoknak kellhetnek, ahol nehéz átlátni a teljes készletet, vagy sok különböző méretű és súlyú terméket szállítanak eltérő árakért – nálunk ezek nem szükségesek).
Rövid LEÍRÁS
Az egyes termékek rövid leírását a TERMÉKEK – MINDEN TERMÉK menün belül, a kiválasztott termék(ek) „Szerkesztés” opciót választva tudod beírni, ha ott az oldal legaljáig a Termék rövid leírása részig görgetsz.
Fontos, hogy ez tényleg csak egy kis “kedvcsináló” legyen a termékoldal további olvasásához, mindössze 2-3 mondat.
HOSSZÚ LEÍRÁS
A vizuális információt sokaknak könnyebb megérteni, és az ikonokat egy pillantással is át lehet látni.
A legtöbb vásárló nem olvas el hosszabb szövegeket, sokkal jobb, ha szétosztjuk a tartalmat kisebb szövegblokkokra, amik elkülönülnek egymástól, és a böngésző olvasó számára is könnyen megérthetőek.
Így ezekkel egyszerűen ki tudjuk emelni a termék előnyeit, vagyis könnyen elkészíthető értékesítési szövegként szolgálnak az oldalon.
KAPCSOLÓDÓ TERMÉKEK
A kosárérték növeléséhez gyakran használt megoldás, hogy a vásárló számára elhelyezzük az érdeklődéséhez közelálló, vagy kapcsolódó termékeket. Így néhány kattintással azokat is beteheti a kosarába, növelve ezzel a vásárlási forgalmat.
GYAKRAN ISMÉTELT KÉRDÉSEK
Egy gyakran használt megoldás, hogy a termékoldal sablonba TOGGLE elem segítségével ilyen nyitható/zárható füleket készítünk, amibe ki lehet emelni fontos információkat (pl. Gyakran ismétlelt kérdések), amiknek a kifejtésére viszont nem feltétlen lenne hely.
A nyitható/zárható megoldásnak köszönhetően ezeket eltudjuk helyezni úgy, hogy nem veszi el teljesen a figyelmet.
VISSZAJELZÉS KÉRÉS
Ha végeztél a webshopod témájában piackutatást, akkor eltudod dönteni, hogy célszerű-e a termékoldalba egy olyan elemet betenni, ami összegzi a termék értékeléseinek a számát és átlagát, ha olyan terméket forgalmazol.
Ha ezt szeretnéd – ez valóban csak egy opció – akkor először regisztrálj ingyenes fiókot az oldalon az alábbi linken keresztül, majd telepítsd a WordPress-en belül a Stamped.io ingyenes bővítményét.
A Stamped.io ingyenes verziója (Lite) is rendelkezik mindennel, amire szükségünk van:
– visszajelzés kérése automatikusan e-mailben a rendelés után
– visszajelzések megjelenítése a kívánt helyen az oldaladon, reszponzívan
– van lehetőséged kuponnal jutalmazni a visszajelzés megírását; ez alapvetően csak a fizetős csomagban lenne elérhető, de van lehetőségünk arra, hogy miután a vásárló elküldte az értékelését, átirányítsuk egy tetszőleges oldalunkra (pl. „Köszönjük a rendelésed” oldal), ahova betehetünk egy kuponkódot és ajánlott termékeket.
A telepítés után több korábbi szoftverhez hasonlóan itt is az API kóddal tudod összekapcsolni az oldaladat a visszajelzési rendszerrel, hogy a rendeléseid megjelenjenek a Stamped.io-n belül, és ki lehessen küldeni a visszajelzést kérő leveleket.
KÖVESD A KÖVETKEZŐ LÉPÉSEKET:
1. LÉPÉS: Regisztrálj a Stamped.io oldalon a saját adataiddal.
2. LÉPÉS: Telepítsd a Stamped.io bővítményt – BŐVÍTMÉNYEK – ÚJ HOZZÁADÁSA gomb után beírod a nevét, Telepítés után Bekapcsolás.
3. LÉPÉS: Kapcsold össze az API kulcsokkal a két oldalt, másold át őket.
4. LÉPÉS: Vagy egy kiválasztott Termékoldalba, vagy a Termékoldal SABLON-ba másold át a megfelelő kódokat a Csillagos értékelés helyére, valamint a Fő Visszajelző helyére.
FŐ VISSZAJELZŐ MEGJELENÍTÉSE :
Ezt a fő visszajelzési felületet bárhova be tudod tenni a következő módon:
1, adj hozzá az oldaladhoz “Szöveg szerkesztő” elemet az Elementor szerkesztőben oda, ahol látni akarod a visszajelzési felületet
2a, másold be a Szöveg szerkesztő elembe a következő kódot
Külön csak egy Termékoldalba
Ha egy termékes webshopod van, vagy egy tetszőleges oldalba akarod betenni egy konkrét termék visszajelzéseit, akkor ezt a kódot használd:
[@Woo_stamped_io type="widget" product_id=X]
A @-ot ismét ki kell törölni a kódból, illetve a fenti kódban az X-et cseréld ki a terméked azonosító számára (az azonosítót a TERMÉKEK – MINDEN TERMÉK menün belül látod akkor, ha ráviszed a kurzort a termékre).
A Termékoldal SABLON-ba
Ha Termékoldal Sablonba akarod betenni (tehát sok termékes webshopod van, és azt akarod, hogy minden terméknél automatikusan megjelenjen a saját értékelése:
[@Woo_stamped_io type="widget"]
Ki kell törölni a @-t a fenti kódból, hogy működjön (nekem be kellett tenni ezt, mert különben nem lenne másolható a kód, hanem a csillagok jelennének meg itt is).
FIGYELEM! Ha olyan termékazonosítót írsz be a fenti kódba, ami nem létezik az oldaladon, akkor nem fog megnyílni az Elementor szerkesztő azon az oldalon.
Ügyelj oda, hogy jó azonosítót írj be, de ha mégis megtörténik a baj, akkor csak kapcsold ki átmenetileg a Stamped.io bővítményt az oldaladon, és úgy javítsd ki a kódot a helyes termékazonosítóra.
CSILLAG ÉRTÉKELŐ MEGJELENÍTÉSE :
A termékoldal tetején érdemes egy kis “összefoglalót” megjeleníteni az értékelésekről, ami csak egy sornyi helyet foglal, de rögtön megragadhatja az érdeklődők figyelmét.
1, Ezúttal egy “Szöveg szerkesztő” elemet kell betenned, vagy ezt a kódot akár a terméked “Rövid leírásába” is beírhatod.
Külön csak egy Termékoldalba
Ha egy konkrét termék visszajelzéseinek a csillagait akarod beágyazni egy tetszőleges oldalba (pl: egy termékes webshopod van):
[@Woo_stamped_io type="badge" product_id=X]
Ahol az X kicserélendő az adott termék azonosítójára.
Továbbá ki kell törölni a @-t a fenti kódból, hogy működjön (nekem be kellett tenni ezt, mert különben nem lenne másolható a kód, hanem a csillagok jelennének meg itt is)
A Termékoldal SABLON-ba
Ha termékoldal sablonba akarod betenni (tehát sok termékes webshopod van, és azt akarod, hogy minden terméknél automatikusan megjelenjen a saját értékelése:
[@Woo_stamped_io type="badge"]
Ki kell törölni a @-t a fenti kódból, hogy működjön (nekem be kellett tenni ezt, mert különben nem lenne másolható a kód, hanem a csillagok jelennének meg itt is).
FIGYELEM! Ha olyan termékazonosítót írsz be a fenti kódba, ami nem létezik az oldaladon, akkor nem fog megnyílni az Elementor szerkesztő azon az oldalon.
Ügyelj oda, hogy jó azonosítót írj be, de ha mégis megtörténik a baj, akkor csak kapcsold ki átmenetileg a Stamped.io bővítményt az oldaladon, és úgy javítsd ki a kódot a helyes termékazonosítóra.
VISSZAJELZÉST KÉRŐ LEVÉL BEÁLLÍTÁSAI
A visszajelzést kérő e-mail teljes beálítása egy külön tréning anyag. Megtalálod a 4. Modulban az E-mail automatikák cím alatt az összes olyan automatikus levélbeállítást, amitől a kiküldött e-mailek jobban, szebben fognak kinézni.