Készen állsz arra, hogy belevágj és megtervezd a kampányodat? 💪 Akkor jó helyen jársz! Fedezd fel a drag & drop szerkesztőnket, itt rengeteg lehetőség vár rád! 😍
Ha inkább egy videót néznél a Szerkesztőről, Réka elmagyarázza Neked pár percben hogyan működik. Ha inkább olvasnál, akkor görgess tovább!
2. Válasszuk ki bal oldalon a Kampányok menüpontot, majd a szerkeszteni kívánt Kampányt:
3. Válasszuk ki a szerkeszteni kívánt Variánst:
Hogyan állíthatod be a kampány mobilnézetét? 1. A tetején válthatsz a kampány desktop és mobil nézete között:
2. Ha egy beállítás mellett Desktop vagy Mobil ikont látsz, az azt jelenti, hogy különböző értékeket állíthatsz be a Desktop és Mobil nézetekhez:
3. A nézetek közötti váltáshoz egyszerűen kattints az ikonra, és válaszd ki azt a nézetet, amelynek a beállításait módosítani szeretnéd.
Navigációs sáv (Megjelenítés, Elem hozzáadása, Kód) A Szerkesztő bal oldalán az alábbi 4 menüopciót találod:
Téma : Itt találhatók a témád stílusai és elrendezései.
Megjelenítés : Itt találhatók a legfontosabb megjelenési beállítások. Módosíthatod a popup helyzetét, a tranzíciós animációt (például zoom vagy fade), és megváltoztathatod a weboldal háttérfólia színét.
Elemelemek : Az alapvető építőelemek a popupokhoz. Az összes elérhető elemet különböző kategóriákba rendezve találod az "Elem hozzáadása" menü alatt. Az OptiMonk Szerkesztő egy drag & drop szerkesztő, ami azt jelenti, hogy egyszerűen húzhatsz új elemeket a kampányodba, és pontosan oda helyezheted őket, ahova szeretnéd.
Kód : Az utolsó menüpont a navigációs sávon a Kód részleg. Itt adhatsz hozzá egyéni CSS és JavaScript kódokat. Ha rákattintasz a Kód ikonra, a kódszerkesztő megjelenik az oldal alsó részén.
A kódrész használata kódolási ismereteket igényel. Az alábbi eseményeket állíthatod be a JavaScript kódhoz:
A kód mentéséhez kattints a Mentés gombra, és a Kód ablakot a mellette található "X" ikonra kattintva zárhatod be.
Hogyan adhatsz hozzá elemet a kampányhoz? Kattints a bal oldalon található Elem hozzáadása menüre, majd húzd be az elemet a munkaterületre.
Ha az elemet a munkaterületre húzod, automatikusan megjelennek a helyezési zónák, amelyek megmutatják, hova illesztheted be az elemet a kampányban.
Egyszerűen helyezd el az elemet azon a helyen, ahol szeretnéd, hogy megjelenjen.
Használd az egérkurzort, hogy pontosan beállíthasd az elem margóit, és igazíthasd őket a többi elemhez.
Hogyan mozgathatsz, törölhetsz, duplikálhatsz, vagy másolhatsz elem stílust a kampányból? Húzd az egeret az elem fölé.
Itt több lehetőséget is láthatsz:
Ha el szeretnéd mozgatni az elemet egy új helyre, húzd és ejtsd.
Kattints a törlés ikonra, ha el szeretnéd törölni az elemet.
Kattints a duplikálás ikonra, ha másolatot szeretnél készíteni az elemről.
Kattints a festő ikonra, hogy lemásold egy elem stílusát. Egyszerűen kattints egy hasonló elemre (pl. gomb ➡️ gomb), hogy alkalmazd a stílust.
Hogyan mentheted el a módosításaidat? Miután elégedett vagy a kampányod dizájnjával, a jobb felső sarokban található Mentés gombra kattintva elmentheted a munkádat. A Szerkesztőből való kilépéshez válaszd a Mentés és Kilépés opciót.
Gyakran ismételt kérdések: Hogyan adhatok hozzá új oldalt a kampányhoz? Új oldal hozzáadásához kattints a "+ Új oldal hozzáadása" gombra a Kampány Szerkesztő alján.
Lehetőség van oldalakat duplikálni? Igen, egyszerűen kattints a három pontra a duplikálni kívánt oldal jobb felső sarkában. Miután rákattintottál, lehetőséged lesz az oldal Duplikálására , Törlésére vagy Átnevezésére .
Mi az a hover? Ez egy dizájnbeállítás a Kampány Szerkesztőben bizonyos elemekhez, például a Gombhoz. Ha úgy döntesz, hogy hover színt adsz a gombhoz, akkor amikor az egeret a gomb fölé húzod, a színének változnia kell, jelezve, hogy kattintható.
Hogyan vághatom le a popup háttérképét? A háttérkép levágása lehetővé teszi, hogy intuitív módon szerkeszd a popup-ok háttérképeit a Szerkesztőben. Az OptiMonk-ban a popup méretét a tartalma határozza meg, azaz a popup a benne lévő tartalom alapján nő vagy csökken. Éppen ezért a háttérkép levágása nagyon megkönnyíti a popup méretének beállítását. A háttérkép megfelelő méretre vágásához kérlek, kövesd az alábbi lépéseket a útmutatóban.
Miért nem látszik a háttérkép vagy háttérszín változása, miután módosítottam őket? Ennek az az oka, hogy sok elemhez beállíthatod a háttérszínt. Ha nem azt az eredményt látod, amit szerettél volna, valószínű, hogy egy olyan elem háttérszínét változtattad meg, amelyet egy másik elem takar.
Az OptiMonk popup-ok egy "rácsos rendszert" használnak a popup-ok esztétikus és rendezett megjelenésének fenntartására. Ez azt jelenti, hogy a "Főoldal" tartalmazhat egy vagy több blokkot, és ezek a blokkok jellemzően oszlopokat tartalmaznak. Ezeket strukturális elemeknek nevezzük, és mindegyik rendelkezhet háttérszínnel vagy háttérképpel, padding-gel, margóval, kerettel és sarokrádióval.
Ha nem látod a kívánt eredményt, kattints valahova a fólia részen. Miután rákattintottál, az elemek megjelennek a jobb oldalon, és onnan navigálhatsz közöttük, hogy módosítsd bármelyik elem háttérszínét.
Hogyan használhatom a saját betűtípusaimat? Egyszerűen feltöltheted és használhatod a saját betűtípusaidat a Szerkesztőben. További információkért kérlek, olvasd el a betűtípusokkal kapcsolatos cikkünket: Hogyan tölthetek fel és használhatok saját betűtípusokat a Szerkesztőben?
Mi a különbség a margó és a padding között? Mindkét lehetőség segít az elemek mozgatásában a kampányodban, de van néhány különbség:
A margó azt szabályozza, hogy mennyi hely legyen az elem határain kívül.
A padding azt szabályozza, hogy mennyi hely legyen az elem határain belül, a tartalom és a szegély között.
Nézzünk egy példát. Az alábbi képen a padding és a margin 0-ra van állítva:
Ha megváltoztatom az elem padding értékét, akkor látható, hogy a padding a teret változtatja meg az elem belsejében:
Ha megváltoztatom a margin értékét, akkor látható, hogy az a teret változtatja meg az elem határain kívül.
Ha bármi további kérdésed lenne, fordulj hozzánk bátran a support@optimonk.com email címen, és örömmel segítünk :)
Hozzászólások