Fereastră pop-up pentru abonament

Fereastră pop-up pentru abonament

Priviți doar exemplul ferestrei pop-up pentru abonament și notați când apare:

Cum se utilizează? - Actualizați fereastra pop-up pentru abonament

Partea HTML

Descărcați biblioteca jQuery (aici) și pluginul jQuery.subscribe-better.js (aici luăm de exemplu) stilurile subscribe-better.css, apoi conectăm:







Să creați o structură HTML:

Tot ce se află între bloc

cu clasa subscribe-me va fi afișată într-o fereastră pop-up.

parte jQuery

După aceea, trebuie doar să apelați fereastra pop-up a funcției:

În exemplele pe care le puteți vedea mai sus, proprietățile sunt mult mai mici, dar pentru a fi mai flexibile pentru a configura fereastra pop-up, puteți utiliza în plus următoarele proprietăți:

  • declanșa - această proprietate este aproape de bază, deoarece este responsabilă pentru momentul când apare o fereastră pop-up pentru abonament. Sunt disponibile următoarele valori: "atendpage" - aspectul când derularea a ajuns la sfârșitul paginii (este implicit), "onload" - apariția imediat după încărcarea paginii, "onidle" - apariția după derularea paginii.
  • animație - stabilește animația pentru aspectul ferestrei. Valorile pot fi următoarele: "estomparea". «FlyInLeft». «FlyInRight». "FlyInUp" și "flyInDown". Aici, fiecare parametru se poate uita la tine, prescriindu-se fiecare dintre valorile proprietatii de animatie. Valoarea implicită este "fade".
  • întârziere - este responsabil pentru întârziere înainte ca fereastra pop-up să apară. Se specifică în milisecunde, adică 3000 ms este de 3 secunde. Valoarea implicită este "0".
  • showOnce - dacă setați această proprietate la o valoare "false". fereastra va apărea de fiecare dată când este îndeplinită condiția (de exemplu, ori de câte ori pagina se derulează până la capăt). Dacă vă placeți cu adevărat vizitatorii dvs., atunci lăsați această valoare la "adevărat". Implicit, este setat la "true".
  • autoClose - dacă doriți ca fereastra să se închidă automat când utilizatorul continuă să deruleze pagina, atunci setați valoarea pentru această proprietate la "true". Inițial, valoarea este "falsă".
  • scrollableModal - dacă aveți o mulțime de informații în fereastra modal și nu se potrivește, atunci puteți face o fereastră pop-up cu defilare, pentru aceasta valoarea acestei proprietăți ar trebui să fie "adevărată". Implicit, această proprietate este setată la "false".






În ceea ce mă privește, nu-mi place foarte mult pop-up-urile. Dar mulți utilizatori infobusiness le folosesc cu succes, așa că priviți cu atenție când au pop-up-uri. În caz contrar, puteți speriat vizitatorul și nu îl mai puteți vedea.

Vă urez succes în colectarea bazei de abonament! Și, de asemenea, vreau să vă sfătuiesc să experimentați mai mult, deoarece atunci veți putea găsi modul în care veți începe să lucrați și veți aduce profit.







Articole similare

Trimiteți-le prietenilor: