A termékeid egyediek – az őket bemutató termékoldalaknak is egyedinek kell lenniük. Az alapértelmezett WooCommerce termékoldal sablon sok webáruház számára remekül megfelel, de lehet, hogy olyat szeretne, amely tükrözi termékei egyedi stílusát és előnyeit.

Nem kell fejlesztőnek lennie ahhoz, hogy a WooCommerce néhány bővítményének (és egy alapvető WooCommerce funkciónak) köszönhetően a termékoldalakra rányomja saját bélyegét.

Product Add-Ons

A Product Add-Ons bővítmény több mezőt ad a termékoldalakhoz, hogy a vásárlók testre szabhassák vásárlásaikat. Fektesse le az opciókat szövegdobozok, jelölőnégyzetek vagy legördülő ablakok segítségével, és adjon hozzá variációkat mintaképekkel – vegye fel őket az egyes termékekhez vagy a teljes katalógusához.

Tökéletes: Olyan e-kereskedelmi üzletek számára, amelyek további opciókat kínálnak, például ajándékcsomagolást és monogramozást.

• Ha Ön hímzést kínáló ruházati üzlet, lehetővé teheti a vásárlók számára, hogy a fizetés előtt beírják a hímzést igénylő szöveget, így nem kell a vásárlás után elérnie őket.
• Ha akcentuspárnákat árul, kínáljon szövet-, méret- vagy stílusválasztási lehetőségeket.
• Ha ékszereket árul, hagyja, hogy a vásárló kiválaszthassa a darabra gravírozott idézetet.
• Ha ajándékozható termékeket kínál, adjon lehetőséget ajándékcsomagolásra vagy köszönőlevélre.
• Ha elektronikai cikkeket árul, tegye lehetővé, hogy a vásárlók garanciát vásárolhassanak a termékük védelmére.
• Ha nonprofit szervezet, hagyja, hogy az Önt támogató emberek az áruvásárláshoz adományt is mellékeljenek.

Válassza ki, hogy minden egyes kiegészítésért díjat kér, vagy kínáljon ingyenes testreszabást. Ez egy rugalmas módja annak, hogy a vásárlóknak megadja a szükséges opciókat.

Tudjon meg többet a termékkiegészítőkről.

Variációs minták és fotók

Ha a termékének szín- vagy mintaváltozatai vannak, a vásárlók látni akarják azokat élőben. A Variation Swatches and Photos bővítmény megjeleníti a variációkat – stílusokat, méreteket, mintákat, színeket stb. – egy képpel vagy színmintával, hogy a vásárlók jobban lássák, pontosan mit is vásárolnak, és javítsa a termékoldalak kialakítását.

Tökéletes: E-kereskedelmi üzletek változó termékekkel.

• Ha pólókat árul, jelenítse meg a színválasztékokat.
• Ha szemüvegeket árul, mutassa meg az összes keretválasztékot.
• Ha ékszereket árul, emelje ki a medálokat, amelyek közül az ügyfelek választhatnak.
• Ha gördeszkákat árul, mellékeljen képeket a kínált mintákról.

Tudjon meg többet a variációs mintákról és fotókról, és nézze meg a gyakorlatban.

WooCommerce 360º kép

AzooCommerce 360º kép segítségével dinamikus, egyéni 360º-os képforgatást adhatsz a termékoldalakhoz, így a vásárlók a termék részleteire koncentrálhatnak. Adjon hozzá egy képcsoportot egy termékgalériához, és a kiemelt képet egy gyönyörű 360º-os kép váltja fel, amelyet a vásárlók elforgathatnak, hogy a termék minden aspektusát láthassák. Emellett teljesen reszponzív, így a mobileszközökön vásárlók ugyanolyan nagyszerű élményben részesülnek.

Tökéletes: Olyan e-kereskedelmi üzletek számára, amelyek olyan élményt szeretnének nyújtani a vásárlóknak, mintha fizikailag kézbe vennék a terméket.

• Ha bútorokat árul, a vásárlók minden szögből megérthetik annak stílusát.
• Ha autóalkatrészeket árul, a vásárlók közelről is megvizsgálhatják a számukra fontos részleteket.
• Ha órákat árul, az ügyfelek minden árnyalatot, gravírozást és funkciót nagyíthatnak.

Tudjon meg többet a WooCommerce 360º Image-ről.

Product Video for WooCommerce

A videók hatékony módját jelentik a termékek bemutatásának. Használja a Product Video for WooCommerce bővítményt, hogy videókat adjon a termékképgalériához, vagy hogy a kiemelt képeket videókkal helyettesítse. Töltse fel a videókat a WordPress médiatárába, vagy ágyazza be őket olyan harmadik féltől származó szolgáltatásokból, mint a Vimeo vagy a YouTube.

Tökéletes: Olyan e-kereskedelmi üzletekhez, amelyek termékei leginkább akcióban mutathatók be

• Ha elektromos szerszámokat árul, mutassa be a szerszám méretét és működését.
• Ha ruhákat árul, mutassa be, hogyan illik egy darab különböző testtípusokhoz és hogyan párosítható más darabokkal.
• Ha játékokat árul, tartalmazzon klipeket a termékekkel játszó gyerekekről és boldog szülők beszámolóit.

Tudjon meg többet a Product Video for WooCommerce-ről.

Size Chart for WooCommerce

Ha különböző méretű termékeket árul, egy táblázat segít az ügyfeleknek megérteni, hogy melyiket érdemes megvenni, és csökkenti a visszaküldések számát. A Size Chart for WooCommerce bővítmény méretdiagramokat ad a termékoldalakhoz – töltsd fel a sajátodat, vagy hozz létre egyet a műszerfalon. Választhatod, hogy a diagramok a termék részleteiben vagy felugró ablakként jelenjenek meg.

Perfect for: eCommerce stores that sell products in multiple sizes

Examples:

• If you sell T-shirts, add a size chart with shoulder, chest, and height measurements.
• If you sell furniture, add a size chart with length, height, and depth measurements.
• If you sell stickers, add a size chart with height and width measurements.

Tudjon meg többet a Size Chart for WooCommerce-ről.

Termékajánlások

Az upsell és a cross-sell hatékony módja annak, hogy növelje a vásárlók kosárméretét és a teljes forgalmát. Használja a termékajánlásokat, hogy többet mutasson a vásárlóknak abból, ami érdekli őket. Adjon hozzá ajánlott termékeket az alapján, hogy mi a népszerű, mi az új, mi van akciós, mi teszi teljessé a megjelenést, és így tovább. Vagy jelenítse meg őket az alapján, ami már a vásárló kosarában van.

Tökéletes: Több termékkel rendelkező e-kereskedelmi üzletekhez

• Ha cipőket árul, ajánljon zoknikat vagy fűzőket.
• Ha fülbevalókat árul, ajánljon karkötőket és nyakláncokat ugyanabból a kollekcióból.
• Ha játékokat árul, ajánljon hasonló kirakósokat, mint ami a vásárló kosarában van.
• Ha növényeket árul, ajánljon más népszerű fajtákat vagy talajkiegészítőket.

Tudjon meg többet a termékajánlásokról.

Egyszerű CSS módosítások, nem szükséges bővítmény

A CSS egy olyan kódolási nyelv, amely a webhelye kialakítását szabályozza, a betűtípusoktól és színektől kezdve a gombok méretéig és hátteréig. Ha rendelkezik némi alapvető CSS-ismerettel, navigáljon a Megjelenés → Testreszabás → További CSS a műszerfalon, és végezze el a következő módosításokat:

A termékcímek betűméretének módosítása

Az alábbi kóddal 36px-re módosíthatja a termékcímek méretét. Helyettesítse a “36”-ot bármilyen számmal, amit szeretne.

.woocommerce div.product .product_title {font-size: 36px;}

A termékcímek színének megváltoztatása

A hexakód egy hatjegyű kód, amely egy adott színt jelöl online. Az alábbi kóddal megváltoztathatja a termékcímek színét a #FF5733 hexakódra. A hexakódot tetszőleges színnel helyettesítheti; a HTML színválasztó segítségével bármilyen színhez megkaphatja a kódot.

.woocommerce div.product .product_title {color: #FF5733;}

Változatok címkéinek félkövérré tétele

Az alábbi kód segítségével a változatok címeit félkövér szöveggel jelenítheti meg.

.woocommerce div.product form.cart .variations label { font-weight: bold;}

Variációcímek dőlt betűsítése

Az alábbi kód segítségével dőlt betűsítse a variációk címkéit.

.woocommerce div.product form.cart .variations label { font-style: italic;}

A Vásárlás gomb színének megváltoztatása:

A kód segítségével megváltoztathatja a Vásárlás gomb háttérszínét. Ismét használd a HTML színválasztót, hogy megkapd a használni kívánt szín hex-kódját.

.woocommerce div.product .button { background: #000000;}

Kezdd el a termékoldalak testreszabását

AooCommerce a rugalmasságról és a testreszabhatóságról szól, ezért biztosít minden eszközt, amire szükséged van a termékoldalak kialakításának és funkcióinak szerkesztéséhez. Mezők, videók, mérettáblázatok és egyebek hozzáadásával oldalai olyan egyedivé válhatnak, mint a rajtuk szereplő termékek.

Még több lehetőségért tekintse meg teljes bővítménytárunkat.

Az oldalai még egyedibbek lehetnek.