Hozzon létre egy Elementor WooCommerce termékoldalt

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?

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.

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.

Most a legördülő menüből válassza ki az „Egyetlen termék” elemet.

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.

Ezt a sablont választottuk termékoldalunkhoz.

Miután kiválasztotta kedvenc sablonját, az Elementor szerkesztőhöz vezet, ahol ízlése szerint testreszabhatja a sablont.

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.

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.

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á.

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.

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.

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.

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.

Í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.

É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.

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ó.

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

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.

Holderkhu

élőben:.cid.e495888558d5265f

Legutóbbi hozzászólások

A fejlécek és láblécek használata az Elementorral

A webhely fejlécei és láblécei alapvető elemek. A legtöbb esetben a fejléc navigációt biztosít…

2022. január 6

WordPress téma összehasonlítás: Astra vs OceanWP

A két legnépszerűbb WordPress téma a piacon az Astra és az OceanWP. Szakmai…

2022. január 2

A WordPress hírtéma összehasonlítása: Újság vs. Astra

Egy kiváló hírwebhely létrehozásához nem szükséges webtervezővé válni. Mi…

2021. október 25

Hozzon létre egy hírekkel kapcsolatos webhelyet Újság témával

A Newspaper téma az egyik legjelentősebb WordPress téma, amelyet a tagDiv, egy…

2021. október 18

Hogyan építsünk fel e-kereskedelmet az Avada WooCommerce builder segítségével

Amikor egy online áruház létrehozásáról van szó, a WooCommerce a legjobb beépülő plugin . Azt…

2021. október 4

A ragadós fejléc és a görgetőeffektusok használata az Elementorral

A fejléc általában az első dolog, amit az ember meglát, amikor felkeresi a webhelyét,…

2021. szeptember 21