Divi Plugin Highlight: Soluție simplă de suprapunere

Soluția simplă de suprapunere este un plugin terță parte pentru Divi care facilitează crearea de suprapuneri pe ecran complet, ferestre pop-up și mega meniuri cu Divi Builder. Adăugați mai multe suprapuneri la orice pagină. Alegeți între un clic sau un declanșator automat de întârziere temporizată, un încărcător deschis sau întunecat și un fundal deschis sau întunecat. Stilizați butonul de închidere sau creați propriul fundal și butoane cu Divi Builder. Fiecare suprapunere are un cookie de 30 de zile.

Soluție simplă de suprapunere

Încărcați și activați pluginul în mod normal. Apoi, va trebui să activați licența. În meniul tabloului de bord, accesați Setări > Activare Divi SOS și introduceți cheia API și adresa de e-mail.

Importați probe SOS

Pluginul SOS vine cu un set de demonstrații ca fișier JSON pe care îl puteți importa în biblioteca SOS. Mai întâi, dezarhivați fișierul descărcat pentru a accesa fișierul JSON. Acestea sunt minunate pentru a vă începe.

În meniul tabloului de bord, accesați Divi > SOS . Selectați Import & Export.

Importați fișierul JSON ca orice aspect.

Aveți acum 5 demonstrații în biblioteca SOS. Puteți vedea demonstrațiile pe site-ul web al dezvoltatorului.

Crearea aspectelor SOS

Aspectele SOS sunt create și în biblioteca SOS. Accesați biblioteca și faceți clic pe Adăugare nouă .

Denumiți aspectul ceva care are sens pentru dvs. Alegeți aspect pentru tipul de aspect.

Selectați SOS Layouts pentru categorie.

Am ales un aspect premade și apoi am selectat pagina Contact din pachetul de aspect Resort. Setările de aspect sunt în dreapta (sau în partea de jos, dacă vizualizați cu modul vizual). Acest lucru vă oferă codul HREF pentru aspect, astfel încât să îl puteți declanșa pe orice pagină (oriunde permite un URL). Acesta este linkul pe care îl veți folosi pentru butoane, text etc., pentru a declanșa suprapunerea.

Puteți, de asemenea, să se afișeze automat (aceasta deschide o setare pentru timp și pentru a activa un cookie, astfel încât să știe că vizitatorul a văzut suprapunerea sau fereastra pop-up). Setați tranziția să se estompeze, să gliseze sau să nu existe. Alegeți un fundal deschis, întunecat sau fără fundal. Selectați o culoare de încărcător deschisă sau întunecată. Selectați dacă doriți să afișați sau nu butonul de închidere. Puteți stiliza butonul și fundalul acestuia.

Încărcătorul poate fi deschis sau întunecat. Iată încărcătorul întunecat pe un fundal deschis.

Exemplu Suprapuneri SOS

Creez o suprapunere care va afișa informații despre rezervare atunci când vizitatorul face clic pe butonul Rezervați-vă escapada . Adăugați linkul la adresa URL a butonului pentru a declanșa suprapunerea.

Am setat fundalul secțiunii la transparent, am ales un fundal deschis în setările SOS și am personalizat aspectul pentru a utiliza doar una dintre secțiuni. Dacă faceți clic pe butonul Rezervați-vă escapada, se deschide secțiunea pentru rezervarea sejurului. Fundalul include suprapunerea albă. De asemenea, am adăugat butonul de închidere și l-am stilat pentru a se potrivi cu aspectul. Aspectul este plasat în partea de sus a ecranului și ocupă întreaga lățime. Acest lucru poate fi personalizat cu căptușeală.

Am adăugat un pic de umplutură în partea de sus a secțiunii. De asemenea, am dezactivat fundalul, astfel încât să îl pot controla cu Divi Builder.

Pentru aceasta, folosesc formularul de contact din același aspect. De data aceasta, am adăugat o umbră de cutie la rândul de jos, astfel încât să iasă în evidență din fundalul suprapunerii.

Am adăugat linkul la un buton de pe aceeași pagină cu prima suprapunere (puteți adăuga câte doriți). Acesta deschide un formular de contact când fac clic pe butonul Trimiteți-ne un mesaj .

Rezultatul pare interesant. Nu i-am adăugat un buton de închidere la acesta. Vizitatorul poate face clic oriunde din formular pentru a închide suprapunerea. Am adăugat un fundal la rând și am setat opacitatea, astfel încât doar puțin din fundal să se afișeze.

Acesta folosește o secțiune din aspectul Companiei de investiții. Vreau să creez un popup cu un îndemn la acțiune. L-am setat să se afișeze automat cu o întârziere de 1000 de milisecunde. Când se afișează automat, nu trebuie să adăugați linkul nicăieri. Se afișează automat pe fiecare pagină. De asemenea, am setat modulul cookie să afișeze fereastra pop-up doar o dată la 30 de zile.

Fereastra pop-up apare la 1 secundă după încărcarea paginii. Aceasta creează un CTA ca popup și se va afișa doar o dată la 30 de zile. Nu puteți spune în această imagine, dar i-am oferit și un fundal de paralaxă, doar pentru că. Acest lucru vă permite să fiți la fel de creativi cu ferestrele pop-up ca și cu orice design de pagină.

Mut opțiunea de închidere de la butonul din colțul din dreapta sus la un buton creat cu Divi Builder. Am clonat butonul din aspect, am schimbat textul și am adăugat linkul apropiat la adresa URL.

Rezultatul este un design curat care funcționează excelent ca CTA.

M-am întors la design și am adăugat un nou fundal și un buton care deschide o altă pagină.

Pentru aceasta, am creat un popup buletin informativ bazat pe aspectul Esports. Am setat popup-ul să se deschidă automat după 30 de secunde. Fundalul este setat la întuneric și încărcătorul este setat la lumină. Voi include, de asemenea, un buton de închidere folosind culori din aspect.

Pop-up-ul de abonare arată minunat și se încadrează perfect în designul site-ului, deoarece este de fapt din designul site-ului. Îmi place că poate folosi machete Divi obișnuite pentru a crea ferestre pop-up.

Mega meniuri

De asemenea, puteți crea mega meniuri cu SOS. Creați un link personalizat ca element de meniu și apoi adăugați linkul suprapunerii la adresa URL a elementului de meniu.

Am adăugat suprapunerea la linkul Despre din meniul meu slide-in. Dacă doriți, puteți avea o suprapunere diferită pentru fiecare link din meniu și pot fi orice puteți crea cu Divi.

Prețul soluției de acoperire simplă

Există două licențe pentru SOS. Ambele au o taxă unică și includ actualizări pe toată durata vieții.

• 1 site web și 1 site pentru dezvoltatori - 25 USD
• Site-uri web nelimitate - 45 USD

Puteți achiziționa SOS de pe site-ul dezvoltatorului.

Gânduri de sfârșit

Soluția Overlay simplă este ușor de utilizat. Comenzile sunt simple și intuitive. Construirea suprapunerilor este aproape aceeași cu crearea unei pagini cu Divi. Dacă puteți utiliza Divi Builder puteți utiliza SOS. Paginile Divi se încarcă rapid, deoarece suprapunerile nu sunt preîncărcate. Suprapunerile și ferestrele popup se încarcă, de asemenea, rapid.

Îmi place că are un cookie. Acest lucru vă oferă un anumit control asupra ferestrelor popup, astfel încât același vizitator nu va trebui să vadă oferta de fiecare dată când accesează site-ul web. Sunt sigur că nu ar fi ușor de făcut, dar aș dori să văd câteva opțiuni cookie. De exemplu, poate setați-l să se afișeze o dată pe săptămână, o dată pe zi, de două ori pe lună, etc. Câteva opțiuni de încărcare ar fi, de asemenea, frumoase. Poate diferite alegeri și personalizări de culoare. Aș dori, de asemenea, posibilitatea de a exclude o pagină de la afișarea suprapunerilor automate.

Îmi place că un buton Divi obișnuit poate fi folosit pentru butonul de închidere. Acest lucru deschide o mulțime de posibilități de proiectare și nu vă limitați la utilizarea butonului încorporat. Dacă doriți să utilizați butonul, acesta are o mulțime de opțiuni de culoare.

SOS este un plugin ușor de recomandat. Dacă sunteți interesat de un mod ușor de a crea suprapuneri, ferestre pop-up și mega meniuri cu Divi Builder, Soluția simplă de suprapunere (SOS) ar putea fi pluginul de care aveți nevoie.

Vrem sa auzim de la tine. Ați încercat pluginul Simple Overlay Solution pentru a crea suprapuneri și ferestre pop-up? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin Bakhtiar Zein / shutterstock.com