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.

 

 
Az Elemek a legfrissebb Elementor verzióban nincsenek lefordítva, ezért ezzel segítek:

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.

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.