Este mai ușor ca niciodată să creezi online tabele de prețuri pentru produsele tale. Creați câte tabele doriți și controlați prețurile și caracteristicile fiecăruia cu ajutorul modulului Tabele de prețuri WordPress temă Divi. Puteți chiar să veniți cu un anumit plan de creștere a conversiilor. Chiar dacă modulul dvs. include mai multe tabele de prețuri, acesta va fi tratat ca un singur modul și poate fi plasat sub orice dimensiune de coloană.
Cum să adăugați un modul tabele de tarif la pagina dvs.
Înainte de a putea adăuga un modul Tabele de prețuri pe pagina dvs., trebuie mai întâi să accesați Divi Builder. Odata ce Divi tema instalat pe site-ul dvs., veți observa un buton Utilizați Divi Builder deasupra editorului de postare ori de câte ori creați o pagină nouă. Faceți clic pe acest buton pentru a activa Divi Builder și pentru a accesa toate modulele Divi Builder. Apoi faceți clic pe buton Utilizați Visual Builder pentru a porni generatorul în modul vizual. De asemenea, puteți face clic pe buton Utilizați Visual Builder când îți răsfoiești site-ul în prim plan dacă ești conectat la tabloul de bord WordPress.
După ce ați intrat în Visual Builder, puteți face clic pe butonul plus gri pentru a adăuga un nou modul la pagina dvs. Modulele noi pot fi adăugate numai în rânduri. Dacă începeți o pagină nouă, nu uitați să adăugați mai întâi un rând la pagina dvs.
Găsiți modulul de tabele de prețuri în lista de module și faceți clic pe acesta pentru a-l adăuga la pagina dvs. Lista modulelor poate fi căutată, ceea ce înseamnă că puteți, de asemenea, să tastați cuvântul „tabele de prețuri” și apoi să faceți clic pe „enter” pentru a căuta și adăuga automat modulul de tabele de prețuri! Odată adăugat modulul, veți fi întâmpinat de lista de opțiuni a modulului. Aceste opțiuni sunt separate în trei grupe principale: Conținut , Concepție et avansat .
Caz de utilizare: adăugați un tabel de prețuri pentru o pagină de produs
Când faci de promovare a produselor dvs. pe o pagină de destinație, tabelele de prețuri vă pot prezenta în mod eficient diferitele opțiuni de preț.
În acest exemplu, voi adăuga un modul de tabel de prețuri pentru a afișa trei planuri de prețuri (sau tabele) cu unul dintre acele planuri care se evidențiază ca plan prezentat, pentru a crește conversiile.
Mai întâi, adăugați o nouă secțiune obișnuită la pagina unde ar trebui afișate tabelele de prețuri. Adăugați un rând cu lățime completă (1 coloană) în secțiune și introduceți un modul Tabelele de prețuri în rând.
În setările tabelelor de prețuri, în fila Conținut, faceți clic pe + Adaugă un articol nou pentru a adăuga primul tău tabel.
Actualizați parametrii tabelului de prețuri după cum urmează:
Opțiuni de conținut
Titlu: Monedă personală: $ Până la: an Preț: 69 Textul butonului: Conținutul înregistrării:
Acces la toate temele Actualizări tematice perpetue Suport tehnic premium -Acces la toate pluginurile -Shop-uri de fișiere suprapuse -Fără taxă anuală
URL buton: [introduceți butonul URL] Fundal: #ffffff
Opțiuni de proiectare
Culoare text preț: # 3e51b5 Utilizați stiluri de butoane personalizate: DA Culoare text buton: #ffffff Culoare buton: # 3e51b5 Lățime buton: 0px
Salvați setările
Acum, dublați tabelul de preț pe care tocmai l-ați creat de două ori pentru a avea în total trei tabele de prețuri.
Pentru tabelul de preț mediu, actualizați următoarele opțiuni:
Fila Conținut
Titlu: Dezvoltator Preț: 89 Conținut: Acces la toate temele Actualizări permanente ale temei Suport tehnic premium Acces la toate fișierele stratificate Photoshop - fără taxă anuală URL buton: [introduceți butonul URL]
Fila Design
Culoarea textului: # 0091ca Culoarea butonului: # 0091ca
Pentru a treia tabelă de prețuri, actualizați setările după cum urmează:
Fila Conținut
Titlu: Preț pe viață: 249 Text buton: Conținut abonament: Acces la toate temele Actualizări tematice perpetue Suport tehnic premium Acces la toate pluginurile Fișiere Photoshop stratificate Fără taxă anuală URL buton: [introduceți adresa URL buton]
Salvați setările
Reveniți la setările tabelului de prețuri și actualizați următoarele:
Opțiuni de conținut
Culoarea de fundal a tabelului prezentat: #0091ca
Opțiuni de proiectare
Culoare bilă: # 3e51b5 Culoare recomandată pentru masă: # 0091ca
Salvați setările
Acum întoarceți-vă și editați setările secțiunii pentru a oferi secțiunii o culoare de fundal a #3e51b5.
Asta e tot. Acum aveți un tabel de prețuri cu trei opțiuni, cu opțiunea din mijloc setată ca un element recomandat, care se distinge de restul.
Opțiuni de conținut pentru tabelele de prețuri
În fila conținut, veți găsi toate elementele de conținut ale modulului, cum ar fi text, imagini și pictograme. Toate acestea controlează ce apare în modulul dvs. va fi întotdeauna găsit în această filă.
+ Adăugați un articol nou
Aici adăugați noi tabele de prețuri la modulul dvs. Dacă faceți clic pe „+ adăugați un articol nou” se va deschide o listă complet nouă de opțiuni de proiectare specifice tabelului de prețuri respectiv. Vedeți mai jos setările individuale ale tabelului de prețuri.
După adăugarea primei file, va apărea o bară gri cu titlul tabelului de prețuri sub forma unei etichete. Bara gri are, de asemenea, trei butoane care vă permit să editați, să copiați sau să ștergeți tabelul.
Afișează Bullet
În mod implicit, elementele din tabelul de prețuri sunt afișate ca liste cu marcatori. Dacă doriți să eliminați gloanțele din lista de funcții, puteți dezactiva această opțiune.
Culoarea de fond a tabelului recomandat
Fiecare tabel de prețuri poate fi „prezentat”. Tabelele prezentate sunt evidențiate pe rând, ceea ce le diferențiază de alte opțiuni. Utilizând această setare puteți schimba culoarea de fundal numai pentru tabelele prezentate.
Culoarea fundalului antetului tabelului
Deasupra fiecărui tabel de prețuri este o zonă de antet care include titlul și subtitrarea tabelului. Puteți controla culoarea de fundal a acestei zone, independent de culoarea de fundal a tabelului principal, selectând culoarea dorită din selectorul de culori.
Antetul tabelului prezentat
Fiecare tabel de prețuri poate fi „prezentat”. Tabelele prezentate sunt evidențiate pe rând, ceea ce le diferențiază de alte opțiuni. Utilizând această setare, puteți modifica culoarea de fundal a antetului numai pentru tabelele selectate.
Culoarea de fundal
În mod implicit, tabelele de prețuri au o culoare de fundal albă. Dacă doriți să utilizați o culoare diferită pentru fundalul tabelului de prețuri, puteți seta culoarea personalizată aici folosind selectorul de culori.
Admin Label
Aceasta va schimba eticheta modulului din constructor pentru o identificare ușoară. Când utilizați vizualizarea WireFrame în Visual Builder, aceste etichete apar în blocul de module din interfața Divi Builder.
Opțiunile de proiectare a tabelului de prețuri
În fila Proiectare, veți găsi toate opțiunile de stilare a modulului, cum ar fi fonturile, culorile, dimensionarea și spațiul. Aceasta este fila pe care o veți utiliza pentru a schimba aspectul modulului dvs. Fiecare modul Divi are o listă lungă de setări de proiectare pe care le puteți utiliza pentru a schimba orice.
aliniere
În mod implicit, listele de caracteristici sunt aliniate la stânga în tabelul de prețuri. Dacă doriți să le aliniați, puteți activa această opțiune.
Eliminați umbra de pe masa prezentată
În mod implicit, tabelele de prețuri au o umbră subtilă în spatele fiecărei mese. Dacă doriți să eliminați această umbră, puteți activa această opțiune.
Articole din lista din centru
Aici puteți alege să centrați elementele enumerate în tabelul dvs.
Culoarea mingii
În mod implicit, gloanțele din lista de tabele de prețuri vor moșteni culoarea accentului temei dvs. Dacă doriți să utilizați o culoare diferită, o puteți seta aici folosind selectorul de culori.
Culoarea mesei prezentate
Dacă doriți să utilizați o culoare diferită pentru gloanțele din tabelele de prețuri, puteți seta acea culoare aici folosind selectorul de culori.
Culoarea textului antetului tabelului
Această opțiune controlează culoarea culorii textului din antetul tabelului. Dacă modificați culoarea de fundal a antetului tabelului, puteți schimba și această opțiune pentru a asigura lizibilitatea.
Font antet
Puteți modifica fontul textului antetului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. utilizând opțiuni aldine, cursive, litere mari și opțiuni de subliniere.
Dimensiunea fontului antetului
Aici puteți regla dimensiunea textului antetului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoare text antet
În mod implicit, toate culorile textului de pe Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului antetului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor antet
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul antetului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea rândului antet
Înălțimea rândului afectează spațiul dintre fiecare rând al textului antetului dvs. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmp de intrare în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului tabelului recomandat
Aceasta schimbă culoarea textului corpului pentru tabelul prezentat. Dacă schimbați culoarea de fundal a mesei, poate fi necesar să modificați această opțiune pentru a asigura lizibilitatea.
Font corp
Puteți schimba fontul corpului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Dimensiunea fontului corpului
Aici puteți regla dimensiunea textului corpului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau a introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului corporal
În mod implicit, toate culorile textului de pe Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor corporale
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din text, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei corpului
Înălțimea liniei afectează spațiul dintre fiecare linie de text din corpul dvs. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere situat în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului subtitrarea tabelului
Aceasta modifică culoarea textului subtitrării pentru tabelul prezentat. Dacă schimbați culoarea de fundal a mesei, poate fi necesar să modificați această opțiune pentru a asigura lizibilitatea.
Subtitrare
Puteți modifica fontul textului subtitrării selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. utilizând opțiuni aldine, cursive, litere mari și opțiuni de subliniere.
Mărimea fontului pentru subtitrare sau subtitrare
Aici puteți regla dimensiunea textului din antet. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului sub-antetului
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului subtitrării, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațiuarea literelor din antet
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul subtitrării, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei de sub-antet
Înălțimea liniei afectează spațiul dintre fiecare linie a textului subtitrării. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul de gamă pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsurare, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Valută valutară și frecvență
Puteți modifica fontul și textul frecvenței monedei selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Mărimea și frecvența valutei
Aici puteți ajusta dimensiunea monedei și textul frecvenței. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea și frecvența textului valutar
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea monedei și a textului de frecvență, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor și monedelor
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul monedei și frecvenței, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Linia de monedă de frecvență
Înălțimea liniei afectează spațiul dintre fiecare linie a monedei dvs. și textul frecvenței. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmp în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Preț de culoare recomandat
Aceasta schimbă culoarea prețurilor pentru tabelul dvs. prezentat. Dacă modificați culoarea de fundal a mesei, este posibil să fie necesar să modificați această opțiune pentru a asigura lizibilitatea.
Pret de poliție
Puteți modifica fontul textului prețului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. utilizând opțiuni aldine, cursive, litere mari și opțiuni de subliniere.
Preț Dimensiunea fontului
Aici puteți ajusta dimensiunea textului de preț. Puteți trage glisorul de gamă pentru a mări sau micșora dimensiunea textului sau a introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsurare, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului de preț
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului de preț, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor de preț
Distanța dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul prețului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei de preț
Înălțimea rândului afectează spațiul dintre fiecare rând al textului dvs. de tarifare Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere situat în dreapta cursorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Utilizați marginea
Activarea acestei opțiuni va plasa o margine în jurul modulului. Această margine poate fi personalizată utilizând următorii parametri condiționali.
Culoarea frontierei
Această opțiune afectează culoarea chenarului. Selectați o culoare personalizată din selectorul de culori pentru ao aplica la bordura dvs.
Lățimea frontierei
În mod implicit, marginile au o lățime de 1 pixel. Puteți crește această valoare trăgând glisorul de gamă sau introducând o valoare personalizată în câmpul de introducere din dreapta glisorului. Unități de măsură personalizate acceptate, ceea ce înseamnă că puteți schimba unitatea implicită de la „px” la altceva precum em, vh, vw etc.
Stilul de frontieră
Bordurile acceptă opt stiluri diferite: solid, punctat, dublu, groove, creastă, suprapunere și start. Selectați stilul dorit din meniul derulant pentru a-l aplica la chenar.
Utilizați stiluri personalizate pentru buton
Activarea acestei opțiuni afișează diverse setări de personalizare a butoanelor pe care le puteți utiliza pentru a schimba aspectul butonului modulului.
Dimensiunea textului butonului
Această setare poate fi utilizată pentru a mări sau micșora dimensiunea textului din buton. Butonul se adaptează pe măsură ce dimensiunea textului crește și scade.
Culoarea textului butonului
În mod implicit, butoanele adoptă culoarea accentului temei dvs. așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de text personalizată butonului acestui modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea butonului.
Culoarea fundalului butonului
În mod implicit, butoanele au o culoare de fundal transparentă. Acest lucru poate fi modificat selectând culoarea de fundal dorită din selectorul de culori.
Lățimea marginii butoanelor
Toate butoanele Divi au o margine de 2 px în mod implicit. Această margine poate fi mărită sau micșorată folosind această setare. Bordurile pot fi eliminate prin introducerea unei valori 0.
Culoarea frontierei butonului
În mod implicit, marginile butoanelor adoptă culoarea accentului temei dvs. așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de margine personalizată butonului acestui modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea chenarului butonului.
Rază de margine a butonului
Raza chenarului afectează rotunjimea colțurilor butoanelor. În mod implicit, butoanele din Divi au o rază mică de margine care rotunjește colțurile cu 3 pixeli. Puteți reduce această valoare la 0 pentru a crea un buton pătrat sau o puteți crește semnificativ pentru a crea butoane cu margini circulare.
Spațierea literelor butonului
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul butonului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Poliția Boutton
Puteți modifica fontul textului butonului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. utilizând opțiuni aldine, cursive, litere mari și opțiuni de subliniere.
Adăugați o pictogramă de buton
Dezactivată, această setare va elimina pictogramele din buton. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată.
Pictograma butonului
Dacă pictogramele sunt activate, puteți utiliza această setare pentru a alege ce pictogramă să utilizați în butonul dvs. Divi are diferite pictograme pentru a alege.
Culoarea pictogramei butonului
Ajustarea acestei setări va schimba culoarea pictogramei care apare pe butonul dvs. În mod implicit, culoarea pictogramei este aceeași cu culoarea textului butonului dvs., dar această setare vă permite să reglați culoarea independent.
Plasarea pictogramei butonului
Puteți alege să afișați pictograma butonului dvs. la stânga sau la dreapta butonului dvs.
Afișați pictograma numai când treceți cu mouse-ul peste buton
În mod implicit, pictogramele butoanelor sunt afișate numai atunci când se deplasează. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.
Culoarea textului la trecerea butonului
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Culoarea fundalului butonului mouse-ului
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Butonul de marcare a hărții pentru culoare
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Cu butonul de radar frontal
Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.
Indicație pentru distanța dintre note
Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.
Opțiuni avansate pentru carduri
În fila avansată, veți găsi opțiuni pe care designerii web mai experimentați le-ar putea găsi utile, cum ar fi atributele CSS și HTML personalizate. Aici puteți aplica CSS personalizat oricăruia dintre numeroasele elemente ale modulului. De asemenea, puteți aplica clase și ID-uri CSS personalizate modulului, care pot fi utilizate pentru a personaliza modulul în fișierul style.css al temei copilului dvs.
Cod CSS
Introduceți un ID CSS opțional de utilizat pentru acest modul. Un ID poate fi folosit pentru a crea un stil CSS personalizat sau pentru a crea legături către anumite secțiuni ale paginii dvs.
CSS
Introduceți clasele CSS opționale de utilizat pentru acest modul. O clasă CSS poate fi utilizată pentru a crea un stil CSS personalizat. Puteți adăuga mai multe clase, separate printr-un spațiu. Aceste clase pot fi utilizate în tema copilului Divi sau în foaia de stil CSS personalizată pe care o adăugați la pagina dvs. sau la site-ul dvs. web utilizând opțiunile temei Divi sau setările paginii Divi Builder.
CSS personalizate
CSS personalizat poate fi, de asemenea, aplicat modulului și oricărui intern al modulului. În secțiunea CSS personalizată, veți găsi un câmp de text în care puteți adăuga foi de stil CSS personalizate direct la fiecare element. Intrările CSS din aceste setări sunt deja înfășurate în etichetele de stil. Deci, introduceți regulile CSS separate prin punct și virgulă.
vizibilitate
Această opțiune vă permite să controlați dispozitivele pe care apare modulul dvs. Puteți alege să vă dezactivați modulul individual pe tablete, smartphone-uri sau desktop-uri. Acest lucru este util dacă doriți să utilizați moduri diferite pe diferite dispozitive sau dacă doriți să simplificați designul mobil prin eliminarea anumitor elemente de pe pagină.
Opțiunile de conținut ale tabelelor individuale de stabilire a prețurilor
Titlu
Titlul pe care îl introduceți aici va fi utilizat pentru această opțiune de preț (Premium).
subtitlu
Subtitlul pe care îl introduceți aici va apărea sub titlul dvs.
Concepe
Introduceți simbolul monedei dorite aici.
de
Dacă prețurile dvs. sunt bazate pe abonament, introduceți aici ciclul de abonament (de exemplu, An).
Prix
Introduceți aici valoarea produsului.
Buton text
Specificați aici textul butonului.
Conținut
În acest câmp puteți introduce lista caracteristicilor care vin sau nu cu produsul dvs. Separați fiecare element de listă pe o nouă linie și începeți fiecare linie cu un simbol + sau -. A + specifică o caracteristică inclusă, în timp ce A - specifică o caracteristică exclusă.
Buton URL
În partea de jos a fiecărui tabel, puteți insera un buton Apel la acțiune inserând o adresă URL validă în acest câmp. Lăsați asta și
câmpul de text al butonului gol dacă nu doriți să aveți un buton în tabelul de prețuri.
Culoarea de fundal
Definiți o culoare de fundal personalizată pentru modulul dvs. sau lăsați necompletat pentru a utiliza culoarea implicită.
Opțiuni de proiectare pentru tabele individuale de stabilire a prețurilor
Faceți acest tabel recomandat
Alegeți să prezentați sau nu acest tabel de prețuri cu acest meniu derulant. Acest lucru va permite consiliului să iasă în evidență de restul.
Culoarea articolului este exclusă
Pentru elementele din lista dvs. care au fost setate ca excluse folosind simbolul -, puteți regla culoarea acestora folosind această setare. De exemplu, este posibil să doriți să schimbați culoarea în roșu sau să reduceți opacitatea acestora pentru a semnifica vizual că articolele sunt excluse din pachetul curent.
Header Font
Puteți modifica fontul textului antetului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Dimensiunea fontului antetului
Aici puteți regla dimensiunea textului antetului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoare text antet
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului antetului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor antet
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul antetului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea rândului antet
Înălțimea rândului afectează spațiul dintre fiecare rând al textului antetului dvs. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmp de intrare în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Font corp
Puteți schimba fontul corpului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Dimensiunea fontului corpului
Aici puteți regla dimensiunea textului corpului. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau a introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului corporal
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor corporale
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din text, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei corpului
Înălțimea liniei afectează spațiul dintre fiecare linie de text din corpul dvs. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere situat în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Subtitrare
Puteți modifica fontul textului subtitrării selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Dimensiunea fontului subtitrare
Aici puteți regla dimensiunea textului din antet. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului subtitrare
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului subtitrării, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor de subtitrare
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul subtitrării, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei de subtitrare
Înălțimea liniei afectează spațiul dintre fiecare linie a textului subtitrării. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul de gamă pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsurare, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Valută valutară și frecvență
Puteți modifica fontul și textul frecvenței monedei selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, cursive, cu majuscule și cu subliniere.
Dimensiunea fontului pentru monedă și frecvență
Aici puteți ajusta dimensiunea monedei și textul frecvenței. Puteți trage glisorul de raza de acțiune pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii dorite a textului în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului pentru monedă și frecvență
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea monedei și a textului de frecvență, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor și monedelor
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul monedei și frecvenței, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Linia de monedă și frecvență
Înălțimea liniei afectează spațiul dintre fiecare linie a monedei și textul de frecvență. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmp în dreapta cursorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Politica prețurilor
Puteți modifica fontul textului prețului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, italice, cu majuscule și cu subliniere.
Preț mărimea fontului
Aici puteți ajusta dimensiunea textului de preț. Puteți trage glisorul de gamă pentru a mări sau micșora dimensiunea textului sau a introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsurare, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Culoarea textului de preț
În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului de preț, alegeți culoarea dorită din selectorul de culori folosind această opțiune.
Spațierea literelor de preț
Distanța dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul prețului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Înălțimea liniei de preț
Înălțimea rândului afectează spațiul dintre fiecare rând al textului dvs. de tarifare Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere situat în dreapta cursorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Utilizați stiluri personalizate pentru buton
Activarea acestei opțiuni afișează diverse setări de personalizare a butoanelor pe care le puteți utiliza pentru a schimba aspectul butonului modulului.
Dimensiunea textului butonului
Această setare poate fi utilizată pentru a mări sau micșora dimensiunea textului din buton. Butonul se adaptează pe măsură ce dimensiunea textului crește și scade.
Culoarea textului butonului
În mod implicit, butoanele adoptă culoarea accentului temei dvs. așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de text personalizată butonului acestui modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea butonului.
Culoarea fundalului butonului
În mod implicit, butoanele au o culoare de fundal transparentă. Acest lucru poate fi modificat selectând culoarea de fundal dorită din selectorul de culori.
Lățimea marginii butoanelor
Toate butoanele Divi au o margine de 2 px în mod implicit. Această margine poate fi mărită sau micșorată folosind această setare. Bordurile pot fi eliminate prin introducerea unei valori 0.
Culoarea frontierei butonului
În mod implicit, marginile butoanelor adoptă culoarea accentului temei dvs. așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de margine personalizată butonului acestui modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea chenarului butonului.
Rază de margine a butonului
Raza chenarului afectează rotunjimea colțurilor butoanelor. În mod implicit, butoanele din Divi au o rază mică de margine care rotunjește colțurile cu 3 pixeli. Puteți reduce această valoare la 0 pentru a crea un buton pătrat sau o puteți crește semnificativ pentru a crea butoane cu margini circulare.
Spațierea literelor de buton
Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul butonului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de valoarea mărimii dvs. pentru a-i schimba tipul de unitate.
Button font
Puteți modifica fontul textului butonului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi grozave alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind opțiuni aldine, italice, cu majuscule și cu subliniere.
Adăugați o pictogramă la buton
Dezactivată, această setare va elimina pictogramele din buton. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată pe hover.
Pictograma butonului
Dacă pictogramele sunt activate, puteți utiliza această setare pentru a alege ce pictogramă să utilizați în butonul dvs. Divi are diferite pictograme pentru a alege.
Culoarea pictogramei butonului
Ajustarea acestei setări va schimba culoarea pictogramei care apare pe butonul dvs. În mod implicit, culoarea pictogramei este aceeași cu culoarea textului butonului dvs., dar această setare vă permite să reglați culoarea independent.
Plasarea butonului pictogramă
Puteți alege să afișați pictograma butonului dvs. la stânga sau la dreapta butonului dvs.
Afișați pictograma numai când treceți cu mouse-ul peste buton
În mod implicit, pictogramele butoanelor sunt afișate numai atunci când se deplasează. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.
Culoarea textului la trecerea butonului
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Buton de culoare de fundal la flyover
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Culoarea de frontieră la flyover
Când butonul este plasat peste mouse-ul unui vizitator, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.
Rândimea marginii butonului în general
Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.
Distingerea literelor butonului pe bilet
Când butonul este plasat pe mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.
Opțiuni avansate din tabelul prețurilor individuale
CSS personalizate
CSS personalizat poate fi, de asemenea, aplicat modulului și oricărui intern al modulului. În secțiunea CSS personalizată, veți găsi un câmp de text în care puteți adăuga foi de stil CSS personalizate direct la fiecare element. Intrările CSS din aceste setări sunt deja înfășurate în etichetele de stil. Deci, introduceți regulile CSS separate prin punct și virgulă.
[vc_row center_row = "da"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] DESCARCĂ TEMA DIVI [/ vcex_button] [/ width»_column_column] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right" =" TEMP D FA-DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
Alte tutoriale Divi
- site-uri web 5 pentru utilizare restaurant tematic Divi
- Cum să adăugați text pe un produs Divi WooCommerce
- Modificarea culorii meniului între paginile Divi
- Cum să personalizați grilele unui blog cu Divi
- Cum de a utiliza rolul editor Divi pe WordPress
- Cum se creează un glisor Divi pe ecran complet
- Modificarea culorii meniurilor între paginile Divi
- Caracteristici pe care probabil nu le cunoașteți despre Divi
- Cum se utilizează Divi Builder pe WordPress
- Cum se utilizează modulul de defilare video Divi
- Cum se utilizează modulul Divi Builder Flip
- Cum să adăugați un modul de mărturie pe Divi Builder
- Cum se utilizează modulul de text Divi
- Cum se creează un slider pe Divi
- Cum se editează un rol de utilizator Divi
- Cum se utilizează modulul Divi Social Media
- Cum se utilizează modulul magazin pe tema WordPress Divi
- Cum se utilizează modulul bara laterală Divi
- Cum se utilizează modulul de prețuri pentru divi
- Cum se utilizează modulul de titlu al publicațiilor Divi
- Cum se adaugă un modul video de Divi
- Cum să utilizați modulul de navigare pentru articole
- Cum se utilizează modulul de căutare Divi
- Cum se utilizează modulul portofel Divi
- Cum se utilizează modulul persoană pe Divi Builder
- Cum se utilizează modulul portofel cu filtrul Divi
- Modul de utilizare a modulului glisant cu lățime întreagă
- Cum se utilizează modulul de imagine Divi Builder
- Modul de utilizare a modulelor de navigație full-width din Divi Builder
- Cum se utilizează modulul galerie de imagini
- Modul de utilizare a modulului de carduri cu dimensiuni multiple de la Divi Builder
- Cum să utilizați modulul de portofoliu Full Width Divi
- Cum se utilizează modulul antet de Divi pentru lățimea completă
- Cum se utilizează modulul Counter Modul Divi
- Cum se utilizează glisorul de articole pe Divi Builder
- Cum se utilizează modulul Divi Email Optin
Articol minunat pentru un modul aproape complet. Posibilitatea de a adăuga un preț tăiat nu ar fi fost refuzată ...
bonjour,
Vă mulțumim pentru acest articol foarte precis și detaliat. Sunt nou în ceea ce privește utilizarea constructorului DIVI și observ că după ce mi-am creat tabelul de tarife cu 3 coloane, afișajul pentru mobil este un dezastru (2 coloane extra-înguste și o treime la rând ...).
Există o altă modalitate (în afară de duplicarea tabelului și ascunderea acestuia) de a configura acest lucru ca pe Bootstrap, de exemplu (dați unei coloane lățimea de 33% pe desktop și 100% pe mobil)?
Merci pour votre aide.
bonjour,
Pot avea o captură de ecran a unei previzualizări, precum și configurația dvs. Divi?