Formularul pop-up de pe blogul wordpress este ușor și simplu, blogul lui Yuri Ponomarenko

Odată cu crearea formei în sine, nu există probleme - plug-in-ul Formularului de contact este perfect pentru acest lucru. care majoritatea bloggeri folosesc pentru a crea un formular de feedback. De fapt, cu acest plugin puteți crea o formă de orice complexitate, nu numai formularul de contact - există multe elemente diferite din domenii convenționale pentru a introduce date pe etichetă, selectați data sub forma unor calendare drop-down și alte elemente utile.







Deci, ieșirea este plug-in Formular de contact pentru crearea oricărei forme dorite + plugin FancyBox pentru afișarea imaginilor în fereastra pop-up. Fotografii? Da, dar acest plug-in are caracteristici mult mai puțin cunoscute, inclusiv poate afișa aproape orice conținut din fereastră, nu doar imagini. Am instalat FancyBox pe un blog pentru o lungă perioadă de timp, când am scris un articol cu ​​capturi de ecran mari și a trebuit să fac posibilă afișarea acestora într-o fereastră separată. Cu aceasta, el se descurca bine, dar acum am început să-l respecte și să facă, pentru că chiar și plătit plug-in-uri și vine aproape de ea în funcții și FancyBox este absolut gratuit, și este foarte ușor de utilizat.

Așa cum arată FancyBox imaginile pot fi vizualizate prin click pe imaginea de la începutul articolului. Dar să trecem la partea practică.

Faceți un formular pop-up pe blog

Pentru a începe, vă voi arăta despre ce vorbesc și ce se întâmplă în cele din urmă. Iată un exemplu de buton pe care puteți închide orice formular pop-up, dați clic pe el:

Deci, instalați și activați pluginul Formular de contact. Este în depozitul oficial WordPress. În ea, trebuie să creați o formă, de exemplu - o formă de feedback. Mulți au făcut deja acest lucru, deci nu ar trebui să existe probleme aici.

Acum instalați și activați al doilea plugin - "FancyBox for WP". Puteți să-l instala direct de pe blog, din zona de administrare, făcând clic pe „Adăugați un nou plug-in“ si scrie numele - este, de asemenea, în WordPress magazia oficială. Acesta poate fi folosit și varietatea - „Easy FancyBox“, dar am fost încorporat în șablon și prezentarea de diapozitive imagini făcând clic pe ele pentru a fi afișate în două ferestre, și setarea ei de jos, așa că nu l-am abordat. Eu sfătuiesc FancyBox pentru WP, este puțin probabil să fie o problemă chiar dacă blogul are o temă premium instalat. Și restul nu este o diferență - totul funcționează la fel.

În loc de "FORM FORM FORM FORM FORM FORM", puneți codul dvs. pentru a insera formularul, care dă complet plug-in-ul Formularului de contact, împreună cu parantezele pătrate. În final, găsim acest link: Scrieți o scrisoare







Și dacă doriți să obțineți nu doar link-ul, și a pus orice imagine sub formă de butoane sau alte imagini, pre-gatiti-l, încărcați pe blog-ul dvs. (de exemplu, în biblioteca media) și copiați link-ul la imagine. Codul pentru inserare se va schimba ușor - eliminați inscripția și adăugați imaginea:

Acest cod va pune pe butonul de blog referindu-se la forma pop-up (operare buton):

Asta e tot! Acest cod poate fi inserat pe orice pagină a blogului sau în bara laterală. Dar amintiți-vă că puteți pune cât mai multe butoane pe o singură pagină, dar toți trebuie să cheme același formular. Puteți pune două butoane pentru două forme diferite pe o singură pagină, dar ambele vor afișa o fereastră pop-up cu formularul care merge la prima pagină. Pe pagini diferite puteți apela diferite forme - acesta este rezultatul dorit.

Dacă puneți un widget de text simplu în bara laterală și inserați acest cod în el, atunci totul va funcționa acolo.

Nu știu care este subiectul, sunt mii dintre ei. Pluginurile pot intra în conflict cu unele, deoarece sunt adesea încorporate în diferite scripturi. Pe simplu, totul funcționează exact, iar dacă există clopote și fluiere, atunci pot apărea probleme. Încercați un alt FancyBox, de obicei una dintre cele două lucrări în mod normal, dar nu există nici o diferență externă între cele două. Cod, de asemenea, verificați dublu - totul trebuie să se potrivească până la ultima virgulă. Am experimentat deja o duzină de subiecte - a funcționat întotdeauna.

Yuri, atunci o voi rezolva! Am vrut să găsesc un răspuns la această întrebare, acum totul este clar. Ei au ajutat la rezolvarea a două probleme, vă mulțumesc foarte mult!

Bună, chestia asta. Am instalat totul așa cum este scris. La prima apăsare, apare un formular de feedback, totul este bine. După ce colaps formularul și apăs butonul din nou, se întâmplă de neconceput aici), apare o fereastră care pare să copieze pagina și, desigur, nici o formă. După repornire, totul se află într-un cerc. Te rog să te oprești!

Oleg, se întâmplă pe niște șabloane. Cu ceea ce este conectat, nu pot spune, dar există o ipoteză. Am schimbat aici șabloane diferite, și pe una, de asemenea, a fost. Dar restul a funcționat bine. Cel mai probabil cazul în script-urile șablon atașate, există unele tampoane și conflicte, deoarece Fancy Box plugin adaugă, de asemenea, codul propriile scripturi, și dacă aveți deja built-in script-uri șablon, cursoare, și alte lucruri Popup, se pare că Dumnezeu știe ce mizerie , și totul funcționează într-un mod ciudat. Pot fi afectate și alte plugin-uri incluse.

Bună ziua Yuri! Am incercat codul pe pagina goala, totul functioneaza, dar ma intereseaza o alta intrebare. Am în subiect stabilit de site-ul meu taxi-more.ru pe pagina principală există un buton care deschide pagina, în acest moment "CALCULAREA DISTANȚELOR". Indiferent dacă vi se solicită prompt, este posibil să scrieți codul în ce loc al linkului introduceți codul la împingerea care nu deschide o pagină și o fereastră cu formularul de contact. Am căutat pluginuri cu care ați putea plasa un formular de feedback pe pagina principală, dar nu l-ați găsit. Care plug-in-ar recomanda?

Bună ziua, Ivan. Totul este mult mai simplu decât pare - există un pop-up Layered Plug-in, cu care puteți crea ferestre animate frumoase, cu orice conținut. De asemenea, orașele din articol nu sunt, de asemenea, necesare. În pachetul plug-in-ului există o grămadă de forme gata făcute, pe care le puteți edita pentru nevoile dvs. Apoi, formularul poate fi inserat pe pagină sau legat de orice buton doar ca o legătură. Pluginul este plătit, dar puteți lua întotdeauna o versiune nouă, de exemplu, la skripter.info. Un exemplu, așa cum l-am introdus, puteți vedea, de exemplu, aici ecoprodukt72.ru - butonul pentru comanda unui apel în meniul de sus aduce doar o fereastră. A introdus un astfel de lucru doar printr-o legătură, astfel încât să îl puteți împinge oriunde.







Trimiteți-le prietenilor: