Először nézzük meg az e-mail beállítási modulon belüli beállításokat, amelyek lehetővé teszik számunkra a Divi e-mail optin elrendezési kombinációk létrehozását.

Divi Email Optin Mezőbeállítások

Az első beállításkészlet a Tartalom lapon található. Görgessen le a Tartalom lap körülbelül közepéig, és megjelenik egy Mezők nevű rész . Ennek három lehetősége van, amelyeket engedélyezhet vagy letilthat. Különféle kombinációkban mutatják be a mezőket. Megjeleníthet egyetlen nevet, vagy letilthatja a keresztnév és/vagy vezetéknév mező megjelenítéséhez. Az összes névmezőt letilthatja, ha csak az e-mail mezőt szeretné megjeleníteni.

Lehetősége van egyéni mezőkre is. Ezeket az e-mail szolgáltatójánál kell beállítani . Az egyéni mezők a különböző e-mail szolgáltatók lehetőségeitől függően eltérőek lehetnek, ezért a mindenkire érvényes szabványos mezőkre összpontosítunk.

A Divi Email Optin Modul elrendezési beállításai

Ezután a Tervezés lapon egy sor lehetőséget fog látni . A Divi e-mail optin modulja a Tervezés lapon tartalmaz egy Elrendezés nevű részt . Ez a rész 4 különböző választékot tartalmaz, amelyek különféle kombinációkban használhatók. A beállítások között szerepel egy legördülő menü 4 elrendezési lehetőséggel, valamint 3 kapcsológomb a keresztnév, vezetéknév és e-mail cím teljes szélességének engedélyezéséhez vagy letiltásához. Ha letiltotta a Keresztnév és/vagy Vezetéknév mezőket a Tartalom lapon, ezek nem jelennek meg opcióként ebben a szakaszban.

Divi Email Optin Modul elrendezések

Kattintson a legördülő listára a 4 elrendezési lehetőség megtekintéséhez. Meghatározzák a törzsszöveg és az űrlap helyét.

Divi e-mail opció szöveges elemek

A Fullwidth opció letiltása esetén a mező a szélességének 50%-án jelenik meg. A Keresztnév és Vezetéknév mező ugyanabba a sorba kerül, ha le vannak tiltva. A Vezetéknév és az E-mail mezők ugyanezt teszik, ha a Keresztnév teljes szélessége engedélyezve van, és le vannak tiltva. Itt van az űrlap, amelyen mindhárom mozgássérült.

Divi Email Optin Elrendezési Lehetőségek

Az általunk látott összes beállítás felhasználható az e-mail opciók elrendezésének számos kombinációjának létrehozására. Példákat fogok használni a Divi-n belül elérhető ingyenes Stone Factory Layout Packből . Az összes beállítást az egyes példákban azonosítom. Ezenkívül az űrlap reszponzív, így az elrendezés az oszlop vagy a képernyő szélessége alapján változik. Példákat mutatok be egyetlen oszlopsorral az alapértelmezett szélességben.

Mielőtt megnéznénk a Divi e-mail opciók elrendezését, nézzük meg az eredeti e-mail opciót, amelyet módosítani fogok. Letiltotta a névmezőket, és nem használja a címet és a törzsszöveget a modulban. Ehelyett szöveges modulokat használt ezekhez. A szöveges modulokat lecserélem az e-mail optin modulban lévőkre. A gomb ebben az űrlapban CSS-t használt. A példámból eltávolítottam, hogy az űrlap beállításaira koncentráljak.

Divi Email Optin elrendezési lehetőség 1

Kezdjük azzal a cserével, amely a szöveges modulok helyett a cím és a törzsszöveg elemeket használja az e-mail optin modulon belül. Az űrlap ugyanúgy néz ki, mint az eredeti, de van néhány eltérés a gomb és a törzsszöveg szélességében, mivel ez az űrlap most egyoszlopos sort használ két oszlop helyett. A gomb nagyobb, és az űrlap két oldala közötti távolság csökkent.

A Fields beállítása ennél a mezőnél letiltja az összes névmezőt.

• Egyetlen névmező használata: Nem
• Keresztnév mező megjelenítése: Nem
• Vezetéknév mező megjelenítése: Nem

Az Elrendezés beállításai a törzset a bal oldalon, az űrlapot pedig a jobb oldalon jelenítik meg. Az e-mail teljes szélessége engedélyezve van. Mivel letiltottam a névmezőket, ezek nem opciók az Elrendezés beállításaiban.

• Elrendezés: törzs bal oldalon, forma jobb oldalon
• Teljes szélességű e-mail: Igen

Divi Email Optin elrendezési lehetőség 2

A második elrendezési lehetőségem az űrlapot jobbra, a törzset pedig balra mozgatja. Engedélyeztem a névmezőt, és teljes szélességűvé tettem.

Engedélyeztem az Egy névmező használata lehetőséget, így a többi névmező már nem opció.

• Egyetlen név mező használata: Igen

Az elrendezésben a Törzs jobbra, Űrlap balra lehetőség van. Engedélyeztem a Név Fullwidth és Email Fullwidth opciókat.

• Elrendezés: jobb oldalon a törzs, bal oldalon a forma
• Név teljes szélességben: Igen
• Teljes szélességű e-mail: Igen

Elrendezési lehetőség 3

Ez az elrendezési beállítás a törzset az űrlap fölé helyezi, és ugyanabba a sorban helyezi el a név és az e-mail mezőket.

A Mezők beállításai engedélyezik az Egyetlen név mező használatát.

• Egyetlen név mező használata: Igen

Az elrendezési beállításokhoz a Test felül, az űrlap alul lehetőséget választottam. A Név teljes szélessége és az E-mail teljes szélessége értéket Nem értékre állítottam. Ez a mezőket ugyanabba a sorba helyezi a sorszélességhez.

• Elrendezés: Test felül, Forma alul
• Név teljes szélességben: Nem
• Teljes szélességű e-mail: Nem

Elrendezési lehetőség 4

Ez a törzset jeleníti meg az űrlap felett, és tartalmazza a keresztnév és a vezetéknév mezőket.

A mezőknél ez a keresztnév és a vezetéknév értéket használja.

• Egyetlen névmező használata: Nem
• Keresztnév mező megjelenítése: Igen
• Vezetéknév mező megjelenítése: Igen

Az elrendezésnél a Test felül van, az űrlap alul. A keresztnév teljes szélessége és a vezetéknév teljes szélessége le van tiltva, míg az e-mail teljes szélessége engedélyezve van.

• Elrendezés: Test felül, Forma alul
• Keresztnév teljes szélességben: Nem
• Vezetéknév Teljes szélesség: Nem
• Teljes szélességű e-mail: Igen

Divi Email Optin elrendezési lehetőség 5

Ez a példa a Név és az E-mail mezőket mutatja be a törzs felett, ugyanabban a sorban.

Az Egyetlen névmező használata lehetőséget választottam .

• Egyetlen név mező használata: Igen

Ez az elrendezéshez a Test alul, az űrlap felül lehetőséget használja . Letiltottam a Név teljes szélessége és az E-mail teljes szélessége opciókat.

• Elrendezés: Alul a törzs, felül a forma
• Név teljes szélességben: Nem
• Teljes szélességű e-mail: Nem

Divi Email Optin elrendezési lehetőség 6

Ez a testet a bal oldalon, a formát pedig a jobb oldalon helyezi el. Az űrlapon az utó- és vezetéknév ugyanabban a sorban, az e-mail mező pedig teljes szélességben jelenik meg.

Aktiváltam a Keresztnév mező megjelenítése és a Vezetéknév mező megjelenítése .

• Egyetlen névmező használata: Nem
• Keresztnév mező megjelenítése: Igen
• Vezetéknév mező megjelenítése: Igen

Ez a Törzs bal oldalon, az Űrlap jobb oldalon elrendezést mutatja . A keresztnév teljes szélessége és a vezetéknév teljes szélessége le van tiltva. Az e-mail teljes szélessége engedélyezve van.

• Elrendezés: törzs bal oldalon, forma jobb oldalon
• Keresztnév teljes szélességben: Nem
• Vezetéknév Teljes szélesség: Nem
• Teljes szélességű e-mail: Igen

Divi Email Optin elrendezési lehetőség 7

Ez a példa az űrlapot a bal oldalon, a törzset pedig a jobb oldalon helyezi el. Megjeleníti az utó- és vezetéknév mezőket. Az összes mező teljes szélességű.

Engedélyeztem a Keresztnév mező megjelenítése és a Vezetéknév mező megjelenítése .

• Egyetlen névmező használata: Nem
• Keresztnév mező megjelenítése: Igen
• Vezetéknév mező megjelenítése: Igen

Az elrendezéshez a jobb oldali törzset, a bal oldalon pedig a formát választottam. A keresztnév teljes szélessége, a vezetéknév teljes szélessége és az e-mail teljes szélessége engedélyezve van.

• Elrendezés: jobb oldalon a törzs, bal oldalon a forma
• Keresztnév Teljes szélesség: Igen
• Vezetéknév Teljes szélesség: Igen
• Teljes szélességű e-mail: Igen

Elrendezési lehetőség 8

Ebben a példában kiválasztottam a vezetéknevet, és a tetejére helyeztem az űrlapot. A vezetéknév és az e-mail cím is teljes szélességű.

A Mezőknél engedélyeztem a Vezetéknév megjelenítése lehetőséget. ez az űrlap nem kéri a keresztnevet.

• Egyetlen névmező használata: Nem
• Keresztnév mező megjelenítése: Nem
• Vezetéknév mező megjelenítése: Igen

Az elrendezéshez a Test alul, az űrlap felül lehetőséget választottam. Engedélyeztem a Vezetéknév Fullwidth és az Email Fullwidth beállítást.

• Elrendezés: Alul a törzs, felül a forma
• Vezetéknév Teljes szélesség: Igen
• Teljes szélességű e-mail: Igen

Befejező gondolatok

Így nézzük meg a Divi e-mail optin moduljának 8 beépített elrendezési lehetőségét. Csak néhányat mutattunk be az elrendezések lehetséges kombinációi közül, amelyeket a Divi e-mail optin modulja kínál. A mezőnevek, az elrendezési beállítások és a mezőszélesség-beállítások együttesen számos tervezési lehetőséget biztosítanak az e-mail optin űrlapnak. Könnyen kiválaszthatók és használhatók, így egyszerű folyamat az e-mail űrlap testreszabása.