Divi Plugin Highlight - Gravity Divi Module

Gravity Forms este unul dintre cele mai populare pluginuri de formulare pentru WordPress. Este compatibil cu Divi folosind coduri scurte, dar acest lucru nu profită din plin de ceea ce este posibil cu modulele Divi. Din fericire există un plugin terță parte, numit Gravity Divi Module, care adaugă Gravity Forms la Divi Builder.

Gravity Divi Module este un plugin terț de la CodeCraters care integrează pe deplin Gravity Forms în care sunteți aspectele dvs. Divi și Extra. Vă permite să vă stilizați formularele utilizând personalizările modulului Divi. În acest punct de evidențiere a pluginului, vom arunca o privire la ceea ce poate face modulul. Pentru eșantioane folosesc șabloane furnizate de Gravity Forms și imagini de pe Unsplash.com.

Pentru mai multe informații despre Formele de gravitate, consultați articolele Teme elegante:

• Forme de gravitate - O privire detaliată asupra ediției personale
• Cum să modelați formele de gravitație pentru a arăta ca Divi (+ Arată bonus!)

Instalarea și setările modulului Gravity Divi

În primul rând, Gravity Forms trebuie să fie instalate pentru a utiliza acest plugin. După ce ați instalat Gravity Forms, încărcați și activați pluginul Gravity Divi Module. Odată ce pluginul este activat, acesta va adăuga un nou modul la Divi Builder numit Gravity Divi. Nu este necesară configurarea.

Setarea Conținut vă permite să alegeți formularul, să afișați titlul formularului, să afișați descrierea, să activați AJAX, să alegeți culoarea textului și să reglați fundalul.

Setările de proiectare includ ajustări de text pentru titlul formularului, descriere, elemente și textul în sine. De asemenea, este inclus spațiul pentru margini și umplutură și stilul butoanelor. Aceste setări vă oferă mai mult control decât utilizarea unui cod scurt Gravity Forms într-un modul text. Setările avansate includ un index de filă unde puteți specifica fila de pornire pentru câmpurile formularului.

Selectați formularele din caseta drop-down. Dacă nu v-ați creat încă formularul atunci când creați pagina Divi, puteți crea unul făcând clic pe linkul din setările de conținut din Alegerea formularului de gravitate. Odată ce ați creat formularul, acesta va apărea în această casetă derulantă.

Efectuarea de ajustări

Acesta este Formularul de contact avansat care utilizează stilul implicit. Se potrivește cu stilul Divi. Efectuarea de ajustări este ușoară.

Iată o privire la câteva personalizări de bază. Am mărit dimensiunea fontului textului antetului, am schimbat culorile pentru toate fonturile, am adăugat o imagine de fundal cu suprapunere întunecată și am adăugat umplutură.

În acest exemplu am dezactivat titlul formularului.

În acesta am selectat un formular nou din caseta derulantă. Păstrează setările pentru fonturi și fundal, deoarece aceste ajustări au fost făcute în modul. Acesta este un eșantion rapid cu o scurtă descriere. Am titlul formularului dezactivat și descrierea activată.

Modulul Gravity Divi în exemple de machete Divi

Cel mai mare avantaj pentru Gravity Module este Divi Builder, cu setările modulului, ceea ce înseamnă că setările modulului cu care sunteți obișnuiți sunt disponibile pentru Gravity Forms. Iată o privire la câteva exemple din aspectele Divi.

Formular de contact avansat în aspectul modulului persoană

Acesta este Formularul de contact avansat integrat într-un aspect simplu cu o imagine de fundal. Pentru a ajuta formularul să se îmbine cu designul paginii, am schimbat textul în lumină, am mărit dimensiunea fontului titlului la 40 și am schimbat textul elementelor formularului în roșu.

Am plasat rândul modulului în aceeași secțiune ca modulele Person, astfel încât imaginea de fundal să se extindă la modulul Gravity. Formularul se încadrează în designul paginii, mai degrabă decât să arate de parcă tocmai am atașat un formular în partea de jos a paginii.

Aspect înscriere

Acest exemplu folosește câteva dintre elementele de aspect din aspectul paginii de pornire gratuite pentru universități și colegii.

Modulul Gravity este plasat într-un aspect 2/3, 1/3, cu un modul text.

Am activat titlul formularului și AJAX, astfel încât formularul cu mai multe pagini nu va reîncărca pagina atunci când utilizatorul dă clic pe Următorul. Fontul titlului formularului este setat la 30%. Se potrivește bine în stilul aspectului. Nu au fost necesare alte modificări.

Nunta RSVP

Acesta folosește culori moi și fonturi elegante care se îmbină cu fotografia (s-ar putea să fie dificil de văzut în această imagine. În mod normal aș folosi un contrast mai mare, dar un contrast mai moale este preferat pentru un site de nunți). Culorile sunt preluate din fotografie în sine și apoi întunecate pentru a îmbunătăți lizibilitatea.

Acest aspect este un singur modul cu un fundal în secțiune. Am schimbat toate fonturile în Tangerine, am mărit dimensiunea fontului și le-am făcut îndrăznețe și am ajustat culorile la un bronz sau roșu pe baza culorilor din imagine.

Formular de comandă pentru pizza

Acest exemplu folosește șablonul de formular Build a Pizza din Gravity Forms.

Acest aspect utilizează un aspect 1/3, 2/3 cu un modul Gravity și mai multe module de imagine. Am adăugat un fundal în secțiune și o suprapunere pe rând cu căptușeală pentru a face totul să se potrivească în spațiul proiectat.

Am setat textul la Light, am schimbat fonturile la Arimo și am ajustat dimensiunea fontului pentru fiecare dintre elementele formularului separat.

Am setat textul și chenarul butonului pe alb și am ajustat raza chenarului butonului la 30.

Tema suplimentară cu formular de contact avansat în aspectul modulului persoană

Gravity Module este, de asemenea, compatibil cu Extra. Iată o privire la primul exemplu (Formular de contact avansat în aspectul modulului persoană) cu Extra. Pentru pagina din Extra folosesc un șablon de pagină cu lățime completă. Arată la fel ca pagina Divi.

Singura modificare pe care am făcut-o este stilul butoanelor. Butonul albastru nu s-a amestecat la fel de bine și textul alb arată minunat pe fundalul albastru.

Licență și asistență

Pluginul vine cu o licență nelimitată, astfel încât să îl puteți instala pe câte site-uri doriți, atât pentru dvs., cât și pentru clienții dvs. De asemenea, include actualizări pe toată durata vieții și asistență de 6 luni.

Gravity Divi Module poate fi achiziționat de la magazinul dezvoltatorului.

Gânduri finale

Modulul Gravity Divi oferă o modalitate excelentă de a vă integra Formularele Gravity în aspectele dvs. Divi. Acesta adaugă mai multe caracteristici decât simpla utilizare a codurilor scurte Gravity Forms. Toate avantajele Gravity Forms sunt îmbunătățite de Divi Builder și setările modulului, care includ setări de fundal, cum ar fi imaginea, suprapunerile și gradientele, setările fontului și butoanelor, umplutura etc.

Dacă sunteți interesat să utilizați Gravity Forms cu Divi Builder, Gravity Divi Module ar putea fi soluția de care aveți nevoie.

Acum e rândul tău. Ați folosit modulul Gravity Divi? Spuneți-ne ce părere aveți în comentariile de mai jos.

Imagine prezentată prin Bloomicon / shutterstock.com