A vásárlási trendek gyors ütemben változnak, és az emberek hajlamosabbak az interneten vásárolni, mint valaha.
Ezért egyre nagyobb szükségük van egy e-kereskedelmi üzletre, hogy kielégítsék az online vásárlási szokásaikat, mert az emberek kényelmesebbnek találják az online vásárlást ahelyett, hogy elmennének vásárolni.
A megfelelő eszközök és beállítások segítségével azonnal elindíthatja e-kereskedelmi üzletét. És rekordidőn belül drasztikus növekedést tapasztal majd eladásaiban.
Ha azt tervezi, hogy e-kereskedelmi üzletet indít, és WordPress-szakértőt keres, aki elvégzi ezt a munkát, hadd mondjam el, nincs szüksége rá.
Igen! Ezt saját maga is megteheti, mert nem kell WordPress fejlesztőnek vagy kódolási szakértőnek lenned, és megteheted anélkül, hogy a megfelelő eszközökkel és beállításokkal bármiféle kódolási ismereted lenne.
Kövesse lépésről lépésre a WooCommerce boltoldal létrehozásának útmutatóját az Elementor oldalkészítővel.
Ássunk mélyebbre, hogy a lényegre térjünk!
- Mire lesz szüksége egy termékoldal létrehozásához az Elementor használatával?
- Hogyan kell telepíteni az Elementor oldalkészítőt?
- Hozzon létre egy Elementor WooCommerce termékoldalt lépésről lépésre
- Mobil optimalizálja WooCommerce termékoldalát
- Elementor Pro árképzés
- Becsomagolás
Mire lesz szüksége egy termékoldal létrehozásához az Elementor használatával?
Telepítse a WooCommerce plugin WordPress webhelyére a WordPress.org tárolóból, és ezen felül telepítenie kell az Elementor oldalkészítőt is . Az ingyenes verzió letölthető a WordPress.org webhelyről, azonban az ingyenes verzió korlátozott testreszabási lehetőségekkel rendelkezik. Ezért, ha korlátlan testreszabási lehetőségeket szeretne kapni, válassza a pro Elementort, és töltse le a hivatalos Elementor.org webhelyről.
Hogyan kell telepíteni az Elementor oldalkészítőt?
- Az Elementor ingyenes verziójához:
Lépjen Plugin > Új hozzáadása lehetőségre, lépjen be az Elementor oldalkészítőbe, kattintson a telepítés és aktiválás lehetőségre.
- Elementor Pro esetén:
Vásárolja meg a Pro verziót az Elementor.com webhelyről, majd töltse fel a zip fájlt, majd kattintson a telepítés és aktiválás gombra.
Hozzon létre egy Elementor WooCommerce termékoldalt lépésről lépésre
A szabványos WooCommerce termékoldal úgy néz ki, mint bármely alapvető WooCommerce termékoldal, minden részlet nélkül.
![](https://www.holdersing.com/wp-content/uploads/2020/06/2nd-1.png)
Ha azonban szeretné hozzáadni a márkája hangját, akkor azt egyedileg kell testreszabnia.
1. lépés: Lépjen a Sablon szakaszba az Irányítópult menüből, és kattintson az „Új hozzáadása” gombra.
![](https://www.holdersing.com/wp-content/uploads/2020/06/Ad-new-template-2.png)
Most a legördülő menüből válassza ki az „Egyetlen termék” elemet.
![](https://www.holdersing.com/wp-content/uploads/2020/06/seelct-single-product.png)
A legjobb az egészben az, hogy az Elementor néhány előre elkészített termékoldal-sablont tartalmaz, így ha szeretne gyorsan kezdeni, válassza ki a lehetőségek közül azt, aki a legközelebb áll a kívánthoz.
Sokkal egyszerűbb egy termékoldalt létrehozni az előre elkészített sablonból, mint a semmiből. Ezért módosítsa a meglévő sablonokat, és takarítson meg időt és energiát.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-page-template.png)
Ezt a sablont választottuk termékoldalunkhoz.
![](https://www.holdersing.com/wp-content/uploads/2020/06/aaa.png)
Miután kiválasztotta kedvenc sablonját, az Elementor szerkesztőhöz vezet, ahol ízlése szerint testreszabhatja a sablont.
![](https://www.holdersing.com/wp-content/uploads/2020/06/elementor-editor.png)
Itt különböző blokkokat láthat a bal oldali menüben. Húzza át azt a blokkot, amellyel szeretne dolgozni.
Kattintson a „+” Hozzáadás gombra, és válassza ki a hozzáadni kívánt oszlopméretet.
Terméksablonunkhoz két oszlopméretet választottunk.
Most adjon hozzá egy termékcím widgetet a jobb oldali oszlophoz, és adja hozzá a termék címét.
![](https://www.holdersing.com/wp-content/uploads/2020/06/poduct-tite-widegt-1.png)
Miután hozzáadta a termék címét, a következő lépés az, hogy hozzáadja a „Woo kenyérmorzsát” fölé.
Most adja hozzá a termék képét a bal oldali oszlophoz, és húzza át a termékkép widgetet a bal oszlopból.
![](https://www.holdersing.com/wp-content/uploads/2020/06/drop-the-image-in-left-column.png)
Mindkét oszlophoz hozzáadhat párnázást, hogy kissé távol maradjanak egymástól.
A kép hozzáadása és a párnázás kívánt méretek szerinti beállítása után adja hozzá a termék minősítő widgetet a termék címe alá.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-the-product-ratign.png)
Adja hozzá a termékmodul rövid leírását a termékértékelési blokk alá. a két blokk közötti távolságot is beállíthatja.
Ha elkészült a termékleírással és minden részlettel, a következő lépésünk az, hogy hozzáadjuk a termék árát, és ehhez a termék leírása alá kell húzni az ár widgetet.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price.png)
Miután hozzáadta a termékleírás alatti ár fület, a bal oldali menü opcióinak kiválasztásával testreszabhatja az ár widgetet. Kinagyíthatja az ikont, módosíthatja a betűtípus stílusát és a betűszínt is feketéről bármilyen más színre, amelyet választott.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price-foramt-1.png)
Most adja hozzá a „kosárba” widgetet, és ha akarja, testreszabhatja a színét, betűtípusát vagy stílusát a menüből.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-widget.png)
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-options.png)
Most adja hozzá a termék meta elemét az ár widgethez, amely megmutatja a termékkategóriát és a termék sorozatszámát.
2. lépés: a következő részben adjon meg további információkat a termékről.
Hozzon létre egy új kétoszlopos részt, majd adjon hozzá Termékadatok füleket, beleértve a leírást, további információkat és véleményeket. És az oszlop jobb oldalán adja hozzá a kapcsolódó termék részt.
Az egyes oszlopok azonos formátumának megtartásához kattintson az egyes oszlopok bal sarkára, és másolja és illessze be az egyes oszlopok oszlopformátumát.
3. lépés: adjon hozzá egy másik részt, vagy adja hozzá az „up-sell” részt.
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-1.png)
Íme, hogyan fog kinézni az eladási szakasz hozzáadását követően. Adjon hozzá néhány párnázást a szakasz igazításához.
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-2.png)
És végül elkészült a termékoldal tervezésével. Az utolsó lépés az, hogy hol szeretné közzétenni termékét? rákattinthat a közzétételre, vagy a bal oldali menü legalsó sarkában található szem részre kattintva a beállításokra kattintva kiválaszthatja a termék kategóriáját.
![](https://www.holdersing.com/wp-content/uploads/2020/06/find-category.png)
Kattintson a feltétel hozzáadása menüre, majd válassza ki a termék kategóriáját, és kattintson a közzétételre.
Mobil optimalizálja WooCommerce termékoldalát
Mivel nagy forgalom fog átmenni az okostelefonon, ezért optimalizálnia kell üzletét az okostelefonos megtekintésre, különben elveszítheti eladásait.
Bár a WooCommerce már mobilra optimalizált, mégis, hogy megnyugtasson, ha a termékoldal sablonjai teljesen jól néznek ki a mobil képernyőjén, kövesse az eljárást.
Az Elementor felületének bal alsó sarkában található az Érzékeny mód opció.
![](https://www.holdersing.com/wp-content/uploads/2020/06/mobile-responsive.png)
Ha rákattint a Mobile responsive opcióra, válthat a mobil, asztali és lapmegtekintési lehetőségek között.
Kattintson bármelyik lehetőségre a megtekintéshez, és módosítsa a tervezést, ha bármilyen komplikációt talál.
Most mentse el, és folytassa termékoldalának közzétételét.
Elementor Pro árképzés
![](https://www.holdersing.com/wp-content/uploads/2020/06/pridicn.png)
Az Elementor alapverziója ingyenesen elérhető, míg a pro verzióhoz három licenc tartozik. Ha személyes blogot vagy egyetlen webhelyet keres, akkor a személyes licenc a legalkalmasabb az Ön számára, ahol WooCommerce építőt és 90+ pro widgetet szerezhet be.
Míg a plusz és a szakértői licencek alkalmasak felnőtt vállalkozások vagy ügynökségek számára 3, illetve 1000 webhely támogatásával.
Becsomagolás
Az Elementor oldalkészítő egyetlen célja, hogy lehetővé tegye a felhasználók számára, hogy szabadjára engedjék kreativitásukat anélkül, hogy a kódolásra hagyatkoznának. Az Elementor számos widgettel érkezik, amelyek segítségével tetszőleges termékoldalakat hozhat létre vonzó elrendezések alapján. A WooCommerce alapelemei több mint 10, amelyek lehetővé teszik a felhasználók számára, hogy testreszabják az üzlet oldalának minden törését és ívét. És ha nem találja a kívánt elemet az Elementor menüben, ne aggódjon! Számos egyéb speciális beállítás is frissítheti az arzenálját, és több elemet is hozzáadhat a könyvtárához. Az egyik az Essential Add-ons, amely csak a WooCommerce számára dedikált elemekkel érkezik.