Magento 2 Page Builder: útmutató kezdőknek

E-kereskedelmi webhelyének lehetővé kell tennie a tartalom gyors tervezését és mozgatását kód írása nélkülmindezt úgy, hogy továbbra is a márkán.

Ez a rugalmasság lehetővé teszi, hogy a webhelytervezési és -tartalmi feladatokat a csapat szinte bármely tagjára delegálja, így elkerülheti a fejlesztői késéseket vagy kiégést – így gyorsabban teljesítheti a projekteket.

Ez a drag-and-drop e-kereskedelmi webhely-készítők által kínált megoldás.

De csak egy dolog. Egyedi vállalati igényei vannak.

Tehát a drag-and-drop építőnek alkalmazkodnia kell hozzájuk. Például a kód nélküli megoldásnak rugalmasnak kell lennie, lehetővé téve a különféle testreszabásokat, beleértve a kódbeágyazásokat is, ha szükséges.

Itt jön jól a Magento 2 Page Builder.

Ez az útmutató segít megérteni a Magento 2 Page Builder használati eseteit és előnyeit, és bemutatja, hogyan hozhat létre céloldalt, kirakatot, terméklistát és tartalomoldalt.

Merüljünk el.

A Magento 2 Page Builder használatának előnyei

A vállalati felhasználók legalább öt okból szeretik a Magento 2 Page Buildert.

  • Nincs szükség kódolási készségekre: A Magento 2 Page Builder lehetővé teszi bárki számára, hogy programozási ismeretek nélkül készítsen első osztályú tartalomoldalakat.
  • Felhasználóbarát felület: A Magento 2 Page Builder szinte nulla tanulási görbével és intuitív kezelőfelülettel rendelkezik.
  • Fogd és vidd, és élő előnézet: Húzza át a tartalomösszetevőket, elrendezéseket és elemeket, és valós időben tekintse meg előnézetüket.
  • Rugalmas tartalomkezelés: A Page Builder bővítmény minden e-kereskedelmi oldal tervezési és tartalomkészítési igényt támogat.
  • Támogatja a fejlesztői testreszabásokat: A vállalati vagy haladó felhasználók egyéni funkciókat hozhatnak létre a fejlesztői súgó segítségével.
Olvasni:  13 ok, amiért a Magento ideális a B2B üzlethez

A legjobb rész? A Magento 2 Page Builder használatának megkezdése egyszerű. Itt van, hogyan.

Kezdve a Magento 2 Page Builderrel

A Page Builder egy Magento-bővítmény, amely lehetővé teszi az Adobe Commerce és a Magento nyílt forráskódú felhasználók számára, hogy előre beépített vezérlőkkel gazdag tartalommal rendelkező oldalakat hozzanak létre.

Ezek a vezérlők magukban foglalják az intuitív fogd és vidd oldalkészítőket, élő előnézeteket, multimédiát, űrlapszerkesztőket és termékkatalógusokat.

A továbbfejlesztett funkcióit azonban csak a Magento Commerce felhasználói érhetik el.

Fedezzük fel, hogyan kezdjük el ezt a CMS-oldalkészítőt.

A Magento 2 Page Builder konfigurálása 4 lépésben történik

Kövesse ezeket a lépéseket a Magento Page Builder átmeneti terület beállításához az Adobe Commerce programban.

1. lépés: Menj Üzletek > Beállítások > Konfiguráció az Admin oldalsávról.

2. lépés: Válassza ki Tartalomkezelés tábornok alatt.

3. lépés: Állítsa be a Az Oldalkészítő engedélyezése mezőt Igen fejlett tartalomeszközökben.

4. lépés: Mentse el a konfigurációt.

Állítsa be az alapértelmezett elrendezéseket

Most menjen a konfigurációs területre.

Alatt Tábornokválassza ki Web. Ezután bontsa ki a Alapértelmezett elrendezések és válassza ki termékét, kategóriáját és oldalelrendezését.

Ezután mentse a konfigurációt.

Most már készen áll az indulásra, és felfedezheti a Magento 2 Page Builder számos funkcióját.

A Magento 2 Page Builder funkciói

A Page Builder öt funkcióval rendelkezik, összesen több mint 20 alfunkcióval.

Vizsgáljuk meg, mit kínálnak az egyes összetevők.

Eszköztár beállításai

Az eszköztár beállításaival szabályozhatja az oldalelrendezést, az elemeket és a tartalmat. Ezekkel a funkciókkal például áthelyezhet, hozzáadhat, elrejthet és eltávolíthat összetevőket az oldalon.

Mutasson az egérrel az Oldalkészítő tartalomtárolóira, hogy megtalálja ezeket az eszköztár-beállításokat.

Ne feledje, hogy ezek a funkciók konténerspecifikusak. Tehát a lehetőségek tárolónként változnak. Az alábbi képen a sorelrendezés eszköztárának beállításai láthatók.

Elrendezések

A Magento 2 Page Builder háromféle elrendezést kínál:

Húzza bármelyik tartalomtípust az Oldalkészítő elrendezéséből a panelen lévő színpadra. Ezután kattintson a fogaskerék ikonra az eszköztárban a beállítások eléréséhez és az elrendezés testreszabásához.

Olvasni:  A WordPress alapjai: Mi az a rövid kód?

Elemek

Az oldalkészítő elemekkel írott tartalmat, képeket, cselekvésre ösztönzőket és egyéb tartalmi funkciókat adhat hozzá oldalaihoz.

Mint bármi mást, itt is áthúzhatja a tartalmi elemeket, és kedvére szabhatja őket.

A Magento 2 Page Builder öt elemből áll. Világítsunk rájuk egy kicsit.

  • Szöveg: Ezzel a funkcióval szöveget, képeket, linkeket, tartalom sablonokés widgeteket a tartalomhoz.
  • Címsorok: Ez a funkció lehetővé teszi, hogy fejléccímkéket adjon hozzá a tartalom aktuális áramlásához a jobb SEO (keresőmotor-optimalizálás) érdekében.
  • Gombok: Ezzel a funkcióval hozzáadhatja és testreszabhatja oldala cselekvésre ösztönző vagy navigációs gombjait.
  • Elválasztók: Az elválasztók vizuális töréseket adnak a tartalmi szakaszok között.
  • HTML kód: Ez a funkció lehetővé teszi JavaScript, HTML és CSS kódrészletek beágyazását oldalába.

Média

Ez a fogd és vidd felület lehetővé teszi, hogy multimédiát adjon hozzá tartalmaihoz.

Az alábbi médiatípusokat adhatja hozzá:

  • Képek
  • Videó
  • Bannerek
  • Csúszkák
  • Google térkép

A Magento Page Builder támogatja a PNG, JPG és GIF képtípusokat, és képét bármilyen tartalomhoz, termékhez vagy kategóriaoldalhoz kapcsolhatja.

Ugyanez az ötlet más médiatípusokra is vonatkozik – húzza őket a színpadra, majd az eszköztáruk beállításaival adja hozzá azt a médiát, amelyet látni szeretne a közönség számára.

Tartalmi összetevők

A tartalmi összetevők hasznosak űrlapok hozzáadásához, egyedi e-kereskedelmi élmények létrehozásához és tartalom elosztásához a webhelyen.

A Magento 2 Page Builder négy tartalomtípussal rendelkezik:

  • CMS blokkok
  • Dinamikus blokkok
  • Termékek
  • Termékajánlatok

A blokkok a Magento 2 Page Builder alapvető oldal-építő egységei. Blokkokat blokkba ágyazhat be.

CMS blokkok statikus információkat, például képeket és szövegeket jelenít meg, míg dinamikus blokkok widgetek segítségével megjelenítheti az adatbázisából származó információkat.

A termékajánló tartalom segít ajánlott termékeket szolgálni az oldalon lévő vásárlóknak. De ez a funkció csak a Magento Commerce felhasználók számára elérhető.

Most pedig nézzünk meg néhány gyors oktatóanyagot ezeknek a funkcióknak a használatával.

Olvasni:  Gyors útmutató a JavaScript-keretrendszerekhez WordPress fejlesztőknek

Magento 2 Page Builder felhasználói útmutatók

Mielőtt oldalakat építene vagy tartalmat hozna létre az Oldalkészítőben, növelje meg admin munkamenet élettartama hogy elkerülje a munkamenet időkorlátját munka közben.

Hogyan készítsünk oldalt

Indítsa el az oldal létrehozását a felügyeleti panelről a következő útvonalon: Tartalom > Elemek > Oldalak.

Add hozzá a új oldal a képernyő jobb felső sarkából.

Állítsa be a Oldal engedélyezése csúszkát ide Nem hogy ne hajtson végre élő változtatásokat az üzletében. Ezután adjon címet az oldalának.

Bontsa ki a tervezési részt, válasszon témát, vagy használja az alapértelmezett Magento témát.

Megment.

Ezután adjunk hozzá sorokat és oszlopokat az oldalához.

Sorok és oszlopok hozzáadása az oldalakhoz

Kezdjük a sorok hozzáadásával.

Hozzon létre egy sort

Nyissa meg a szerkeszteni kívánt oldalt az Oldalkészítő szakaszban.

Húzza a Sor elrendezést az Elrendezés szakaszból az oldalra. A sorok között piros vonal jelenik meg, amely a határt jelzi. Adja hozzá az új sort.

Szabja testre ezt a sort az eszköztár beállításaival. Ezután állítsa be a sor megjelenését.

Válassza ki a sor szélességének megjelenését.

És akkor megment.

Hozzon létre egy oszlopot

Ossza fel ezt a sort két egyenlő részre úgy, hogy az oszlopot az elrendezési beállítások közül a Magento Page Builder állomásozási területére húzza.

Minden oszlop egy egyedi tároló eszköztár opciókkal. Tehát teljes körű testreszabási ellenőrzése van.

Hogyan adjunk bannereket egy oldalhoz

Nyissa meg azt az oldalt, amelyhez szalaghirdetést szeretne hozzáadni, majd húzzon át egy szalaghirdetés-tárolót az Oldalkészítő háttérprogramjában.

Válasszon egy szalaghirdetést az eszköztárból – feltöltés vagy galéria.

Válasszon egy banner megjelenést a Eszköztár beállításai.

Görgessen le a Háttér szakaszt a szalaghirdetés háttérképének beállításához.

Módosítsa és formázza a helyőrző szöveget a WYSIWYG szerkesztő.

Térjen vissza a beállításokhoz a gombszín hozzáadásához, válasszon betűtípusokat, majd lépjen a tartalom részre egy szalaghirdetés hozzáadásához.

Tehát a szalaghirdetés kezelőfelületének így kell kinéznie:

Csomagolja be a beállítást, mentse el és zárja be.

Olvasni:  WordPress vs. Magento: Melyik a legjobb az új online áruházához?

Hogyan adhat hozzá vélemény tartalmat egy oldalhoz

A véleménytartalom hozzáadása olyan egyszerű, mint sorok és oszlopok létrehozása, valamint új tartalom hozzáadása elemek és média segítségével.

Nézzünk egy példát.

Hozzon létre egy sort és két oszlopot. De húzza az első oszlop jobb oldali szegélyét a 4/12 pozícióba a rácsban. Ez a beállítás a második oszlopot automatikusan 8/12-re állítja.

Adja hozzá termékismertető képét az első oszlophoz a kép komponens a média szakasz – lásd az alábbi képet.

Ezután adja hozzá a vélemény szövegét a másik oszlophoz a segítségével Szöveg tól től Elemek.

Adjon hozzá egy ötcsillagos képet a szövegmezőhöz a WYSIWYG szerkesztő natív képbeszúrási funkciójával.

Ezután adja hozzá a vélemény szövegét a szerkesztőhöz. A vélemény szövegéhez linkeket is hozzáadhat.

A végső kimenetnek így kell kinéznie.

Hogyan adjunk hozzá termékkatalógust egy oldalhoz

Nyissa meg azt az oldalt, amelyhez hozzá szeretné adni ezt a katalógust, vagy hozzon létre egy dedikált katalógusoldalt az Oldalkészítő szerkesztőben.

Drag and drop a termék komponens a színpadra.

Állítsa be a feltételeket és a kategóriát a termékben beállítások terület.

Válassza ki a megjeleníteni kívánt termékek számát, és adjon hozzá egy vásárlás gombot.

Konfigurálja a pénztárterületet, írja be a termékleírást, és adjon hozzá további oldalelemeket a katalógus beállításának befejezéséhez.

Aztán menteni.

Lépjen ki a CMS oldalról a jobb felső sarokban lévő fehér ikonra kattintva, ahol két nyíl mutat egymásra.

Ezután mentse és zárja be az adminisztrációs oldalon található legördülő menü segítségével.

Utolsó gondolatok: Indítsa el a Magento 2 Page Buildert

A Magento 2 Page Builder egy rugalmas tartalomkezelő megoldás, amely segíthet a termelékenység növelésében. Így nincs több tartalomkezelési fejfájás.

De egy rugalmas CMS csak idáig viszi. Sokat segítene, ha olyan e-kereskedelmi tárhelymegoldással rendelkezne, amely kifogástalan.

Írja be a Hostinger vállalati tárhelyet. A Hostinger kezeli az Ön vállalati e-kereskedelmi tárhely-szükségleteit, beleértve a Magento-tárhelyet is. Próbálja ki még ma.

Új publikációk:

Ajánlott