Kontaktný formulár formulára spätnej väzby 7. Ako odoslať adresu stránky, z ktorej bola správa odoslaná, do formulára spätnej väzby Wordpress? etapa - pridanie polí na nahrávanie súborov do formulára

Flector 5

Toto je plugin na vytváranie kontaktných formulárov. Medzi používateľmi je mimoriadne populárny (na druhom mieste po pluginoch a z hľadiska sťahovania), pretože úspešne kombinuje jednoduché použitie a výkonné možnosti prispôsobenia a dizajnu kontaktných formulárov. Pokúsim sa čo najpodrobnejšie zvážiť všetky funkcie doplnku.

1 Rozbaľte archív.

2 Skopírujte priečinok kontaktný formulár-7 v / wp-content / pluginy /.

3 Prejdeme na panel správcu blogu na stránke „ Pluginy"a aktivujte doplnok.

Po aktivácii doplnok vytvorí samostatnú ponuku v oblasti správy blogu s názvom „“ a tiež vytvorí predvolený kontaktný formulár, ktorý môžete vidieť v časti „ Kontaktný formulár 7 \ Tvary":

Ak použijete navrhovaný „kód na vloženie“, formulár v blogu bude vyzerať takto:

Samozrejme, vzhľad tento kontaktný formulár bude závisieť od štýlov použitých vo vašej šablóne, ale vo všeobecnosti bude vyzerať takto.

Na výstup toto najjednoduchšia forma potrebujete len pár minút. A práve kvôli jednoduchosti pridávania kontaktného formulára mnohí používatelia milujú tento doplnok.

Doplnok má však veľa možností na vytváranie pokročilých kontaktných formulárov akejkoľvek zložitosti. Začnime však jednoducho, vytvorením vlastného formulára, ktorý sa bude len mierne líšiť od predvoleného formulára zabudovaného do pluginu. Kliknite na odkaz „Pridať nový“:

Toto sa otvorí úvodná stránka pridanie formulára:

Plugin automaticky rozpozná miestne nastavenie používané v blogu, takže nie je potrebné vyberať jazyk, stačí kliknúť na tlačidlo „“. Tým sa zobrazí stránka návrhára formulára. Prvá vec, ktorú by ste tu mali urobiť, je premenovať názov formulára:

Na nadpise nezáleží, len aby ste sa neplietli do vlastných tvarov. Nastavte názov formulára, kliknite na „ Uložiť“ a výsledkom je „kód na vloženie“:

Teraz môžete navrhovaný kód vložiť do ktoréhokoľvek z vašich príspevkov alebo stránok (samozrejme v režime „Text“) a zobraziť v ňom kontaktný formulár. Od predvoleného formulára sa však nebude nijako líšiť, preto budeme pokračovať v spolupráci s návrhárom formulára. Na pravej strane stránky dizajnéra je tlačidlo " Generovať značku“, kliknutím naň sa zobrazí:

Vyberme si napríklad telefónne číslo. Otvorí sa takéto okno:

V skutočnosti tu nemôžete zmeniť vôbec nič. Veľkosti, triedy a tak ďalej sú sekundárne možnosti a vo väčšine prípadov ich nemusíte upravovať. Možnosť „“ však môže byť užitočná ako pomôcka pre návštevníkov, ako vyplniť toto pole.

Nastavíme napríklad nasledujúce hodnoty:

Pri zobrazení kontaktného formulára bude pole vyzerať takto:

Po kliknutí na toto pole zadaný text zmizne, pretože slúži len ako pomôcka na vyplnenie. Ale chýbal mi zmysel pridania vybranej značky do samotného kontaktného formulára. Táto značka:

Je potrebné vložiť do ľavej strany stránky návrhára formulára, kde sa nachádza kód kontaktného formulára:

Kód formulára musíte vytvoriť ručne, to znamená, že si sami usporiadate nadpisy, značky odsekov a zlomy riadkov, mali by ste dostať niečo ako:

Uložte kód formulára a zobrazte nasledujúci kontaktný formulár:

V skutočnosti rovnakým spôsobom môžete jednoducho pridať do kontaktného formulára za pár minút akúkoľvek značku používa plugin. Nebudem vás nútiť manuálne skúšať každú značku, okamžite dám ich výstup:

1 Textové pole.

Obyčajné textové pole, možno použiť pre meno, predmet atď.

2 E-mail.

Používa sa len na vstup emailové adresy.

3 URL.

4 Telefónne číslo.

Používa sa len na zadanie telefónneho čísla (čísla a spojovníky).

5 Číslo (spinbox).

Používa sa len na zadanie čísla (možno použiť na označenie veku, počtu objednaných položiek atď.).

6 Číslo (posúvač).

Funguje to nesprávne. Na zobrazenie tohto numerického posúvača sa používa HTML5, čo po prvé znamená, že takýto posúvač vyzerá v rôznych prehliadačoch inak a po druhé, stále nefunguje. Na fórach podpory doplnkov som videl riešenia, ktoré opravujú prácu tohto tagu, ale nepomohli mi - tento posuvník sa mi nepodarilo zobraziť žiadne čísla. Odporúčam nepoužívať túto značku.

7 Dátum.

Používa sa len na zadanie dátumu.

8 Textové pole.

V ruskom preklade sa tento tag nazýva aj „Text field“, no v terminológii HTML ide o textarea, čo v skutočnosti znamená len zväčšené textové pole. Používa sa na zadanie textu správy.

9 Rozbaľovacia ponuka.

Používa sa na výber položky (alebo viacerých položiek) z rozbaľovacej ponuky. Dá sa použiť na čokoľvek – od otázky na farbu objednaného produktu až po výber pohlavia osoby.

10 Začiarkavacie políčka.

Používa sa na výber jednej alebo viacerých položiek z navrhovaných možností.

11 Prepínače.

Používa sa na výber iba jednej položky z navrhovaných možností.

12 Prijatie.

Používa sa na vyjadrenie súhlasu s podmienkami.

13 Otázka.

Používa sa na zodpovedanie zadaných otázok (otázka je náhodne vybraná zo zadaných možností). V podstate sa tento tag používa ako ochrana pred spamom. A ak spamboti dokážu ľahko odpovedať na číselnú otázku, potom otázky typu „na akej planéte to žijeme?“ nevedia odpovedať.

14 CAPTCHA.

Používa sa na zobrazenie plnohodnotného captcha. Ak chcete použiť túto značku, musíte si nainštalovať doplnok Really Simple CAPTCHA. Captcha je celkom čitateľná, a preto ju môžu ľahko preniknúť pokročilé spamové roboty ako Hrumer.

15 Nahranie súboru.

Používa sa na odoslanie súboru. Môžete určiť maximálnu veľkosť a formáty platných súborov.

16 tlačidlo Odoslať.

Používa sa na odoslanie údajov kontaktného formulára. Toto je povinná značka.

So značkami použitými priamo v Kontaktný formulár, prísť na to. Teraz sa pozrime na to, ako dostať tieto rovnaké značky z kontaktného formulára do vášho e-mailu. Hneď pod kódom kontaktného formulára v konštruktore je šablóna listu, ktorý vám bol zaslaný, a práve v ňom musíte vykonať potrebné zmeny. Je to dôležité, pretože nesprávne vyplnenie tejto šablóny vám zabráni presne vedieť, čo návštevník napísal do vášho formulára. Vezmime si ako príklad značku telefónneho čísla. Povedzme, že vo vašom kontaktnom formulári je vložený prostredníctvom kódu, ako je tento:

Takže do šablóny odoslaného listu musíte vložiť nasledujúci kód:

Význam je myslím jasný. V kóde kontaktného formulára , a v písmene iba názov tohto poľa ... Doplnok generuje názvy digitálnych značiek, napr , ale nikto vám nebráni používať vaše mená. A o zvyšku značiek v šablóne e-mailu - sú tiež vytvorené podľa rovnakého princípu - namiesto používaný atď.

Texty, ktoré kontaktný formulár vydáva, je možné opraviť aj v návrhári formulárov v časti „Správy“:

Často kladené otázky pluginu:

1 Zobraziť chybu " “, ako opraviť?

To znamená, že buď bol zadaný formulár vymazaný, alebo je nesprávne zadaný názov formulára (nadpis vo volacom kóde je kritický pre volanie formulára).

2 V liste vidím značky ako namiesto textu, ako to opraviť?

To znamená, že návštevník toto pole nevyplnil. V tomto prípade sa značka nenahradí, ale zobrazí sa tak, ako je.

3 Existujú nejaké obmedzenia pri výbere mena pre štítok?

existuje. Ak slučka WordPress je použitý názov "name", nemôžete ho použiť ako názov pre značku. Tým najlepším spôsobom Problémom sa vyhnete pridávaním predpôn pre mená, ako je slovo „vaše“. S názvom tagu určite nebudú žiadne problémy.

4 Môže byť návštevník informovaný e-mailom, že jeho formulár bol prijatý?

Môcť. Použite možnosť "Cieľ 2" v konštruktore formulára:

Túto možnosť možno použiť ako záznamník.

5 Je možné poslať vyplnený formulár na viacero adries?

Môcť. Použite pole "" vo voľbe "Cieľ":

Kde [e-mail chránený] váš dodatočný email, na ktorý vám bude zaslaná kópia formulára vyplneného návštevníkom (príkaz „cc“ odošle skrytú kópiu).

6 Je možné vykresliť formulár mimo príspevku alebo stránky?

Áno. Prilepte kód na volanie formulára do textového widgetu.

7 Je možné vykresliť formulár priamo kódom v súboroch šablón?

Áno. Použite kód ako:

"" ) ; ?>

8 Formulár nie je odoslaný, zobrazuje sa chyba v červenom rámčeku, ako to opraviť?

Kontaktujte svojho hostiteľa, je možné, že PHP neumožňuje volanie funkcie mail ().

9 Pri odosielaní formulára sa mi zobrazí chyba v oranžovom ráme, ako to môžem opraviť?

Oranžový rám označuje spam. Zásuvné moduly pre ukladanie do vyrovnávacej pamäte môžu spôsobiť falošné pozitíva antispamovej ochrany. Nakonfigurujte si doplnok pre ukladanie do vyrovnávacej pamäte tak, aby pravidelne vyprázdnil súbory vyrovnávacej pamäte (stačí 24 hodín).

10 Pole email vyzerá inak ako ostatné polia vo formulári, ako to môžem opraviť?

Doplnok používa kód HTML5 na zadanie e-mailovej adresy ( namiesto ) a takýto kód často nie je naformátovaný v starých šablónach. Musíte vykonať zmeny styles.css svoju šablónu tak, že tam pridáte potrebný kód pre selektor vstupu.

11 Ako vložiť súbor priložený používateľom do e-mailu?

Ak to chcete urobiť, použite špeciálne pole "Pripojené súbory:"

Naozaj si zaslúži vašu pozornosť. Na rozdiel od mnohých iných populárnych doplnkov vás nenúti kupovať žiadne. Pro verzia - všetky jeho možnosti sú okamžite dostupné. Popularita doplnku (viac ako 19 miliónov stiahnutí) je zaslúžená - napriek všetkej jeho funkcionalite je mimoriadne ľahko konfigurovateľný a dostupný aj pre začínajúcich používateľov motora WordPress.

Pamätajte však, že toto je doplnok kontaktného formulára, nie jednoduchý doplnok formulára. Pri všetkých svojich možnostiach vám nedovolí vytvoriť pokročilý formulár na základe akýchkoľvek podmienok. Jeho hlavným účelom je vytvárať kontaktné formuláre a nič viac. Na tvorenie dynamické formy, formuláre na vytváranie príspevkov a podobne, použite pluginy ako Ninja Forms, tie sú na to vhodnejšie.

Ak máte stále nejaké otázky týkajúce sa konfigurácie doplnku - opýtajte sa v komentároch, určite sa vám pokúsim pomôcť.


Autor doplnku: Takayuki Miyoshi
Predmetná verzia: 3.9.1 zo dňa 31.07.2014
Aktuálna verzia: 5.1.4 od 04.08.2019
Kompatibilné s verziou WordPress: 4.9 a vyššie
Aktívne inštalácie pluginu: 5 000 000+
Stiahnite si plugin verzie 5.1.4(celkom stiahnuté 121 112 956 raz)

Páčil sa vám príspevok? Prihláste sa na odber aktualizácií softvéru resp

Pridá na web stránku so zásadami ochrany osobných údajov. Taktiež pod Kontaktný formulár 7 pridáva súhlas so spracovaním osobných údajov. Doplnok je určený iba pre stránky v ruskom jazyku. Po zadaní sa používateľom zobrazí upozornenie o používaní súborov cookie webom. Vhodné pre 152FZ.
Ak máte otázky týkajúce sa doplnku, napíšte na tento e-mail: [e-mail chránený] Na našej webovej stránke neposkytujeme poradenstvo prostredníctvom online poradcu.

Inštalácia

  1. Nainštalujte doplnok.
  2. Vyplňte požadované informácie o spoločnosti.

Prispievatelia a vývojári

"Zásady ochrany osobných údajov pre stránku. Súhlas pod kontaktným formulárom 7 “je projekt s otvoreným zdrojom. K vývoju doplnku prispeli nasledujúci prispievatelia:

Zmeniť denník

1.28 Kontrola kompatibility s WP 5.0. Pridané skrytie názvu pred textom zásad
1.27 Kontrola prítomnosti súboru cookie pre platňu, ktorá sa vysunie zospodu pri vstupe na stránku, sa preloží do js
1.26 Pridané odkazy na plugin rel = nofollow
1.25 Doplnený text zmluvy pod štandardná forma komentovanie
1.24 Opravená chyba v skripte Java
1.22 Opravené drobné chyby v admin paneli a zobrazovaní textu názvu tlačidla pod kontaktným formulárom 7 na stránke
1.21 Trieda kontajnera, pomocou ktorej je zarámovaný text politiky, bola nahradená triedou container-ppcf7
1.2 Pridaná trieda do značky

p> pod formulármi
1.1 Pridaná možnosť zobraziť / skryť odkaz na zásady ochrany osobných údajov v päte
1.01 Odstránená dodatočná značka p v správe cookie
1.0 Prvá verzia v úložisku

FormGet je jednoduchý doplnok WordPress, ktorý funguje ako ťahať a drop, ktorý vám umožňuje vytvárať rôzne kontaktné formuláre pre vašu stránku. Stačí kliknúť na polia, ktoré chcete pridať do formulára a do formulára spätná väzba bude pripravený za pár sekúnd.

Formuláre, ktoré je možné vykonať pomocou tohto pluginu

Kontaktný formulár, formulár podpory, rezervačné formuláre, konzultačné služby, formulár spätnej väzby, zoznam adries, dotazníky, formulár žiadosti o zamestnanie, sprievodca registračným formulárom, nástroj na tvorbu objednávkového formulára atď. – to všetko je možné vykonať v tomto skvelom doplnku.

Kontaktný formulár FormGet je veľmi efektívny nástrojčo vám umožní vytvoriť a vložiť kontaktný formulár na vašu stránku vo viacerých jednoduché kroky... Vyberte polia formulára, prispôsobte možnosti a jednoducho vložte kontaktný formulár na svoju lokalitu jednoduchým umiestnením kódu do miniaplikácie alebo použitím vlastného krátkeho kódu. Na vytvorenie požadovaného tvaru nepotrebujete žiadne znalosti programovania - to je ďalšie plus pri výbere takýchto rozšírení.

Ak je na stránke nainštalovaných niekoľko kontaktných formulárov naraz, všetky údaje na nich možno sledovať na jednom mieste - na palubnej doske. Významnejšou výhodou tohto pluginu je, že formuláre, ktoré vytvára, sú adaptívne, čo umožňuje správne zobraziť potrebné údaje na akomkoľvek zariadení bez písania ďalších štýlov a tried.

Zoznam polí podporovaných doplnkom:

Meno, adresa, kontaktné telefónne číslo, správa, platba (integrácia s PayPal), dátum (podpora formátu dd-mm-rr alebo dd / mm / rr alebo rr-mm-dd), textový reťazec, viacriadkový text, viacnásobné výber, prílohy, začiarkavacie políčko, Vybrať (vybrať z navrhovaného zoznamu), prepínače, sťahovať súbory a Captcha.

Inštalácia je bežná – cez admin panel na WordPress.

Nastavenie a vytvorenie kontaktného formulára

Po inštalácii a aktivácii sa vám zobrazí špeciálny uvítací formulár:

Kliknite na tlačidlo „Vytvoriť kliknutím“ a prejdite do nastavení a vytvorte formulár spätnej väzby. Všetky nastavenia sú rozdelené do 4 kariet:

  1. Tvorca kontaktného formulára
  2. Vložiť kód
  3. Rozšírenia

Na začiatku sa otvorí prvá karta, kde môžete vytvoriť svoj prvý formulár spätnej väzby pomocou konštruktora.

Poďme sa na to pozrieť bližšie:


Nastavenie a používanie pluginu je intuitívne, preto si ho nainštalujte a používajte s radosťou!

Mnohé stránky nastavujú formuláre spätnej väzby, aby používatelia mohli zanechať správu správcovi bez toho, aby opustili stránku. Najpopulárnejší, najkvalitnejší a najpohodlnejší na nastavenie a používanie je plugin Kontaktný formulár 7- s jeho pomocou môžete vytvárať akékoľvek kontaktné formuláre a ďalšie. Keďže plugin má veľké množstvo rôzne formy a polia, dá sa použiť na mnohé úlohy. Použil som ho napríklad na vytvorenie profilu zamestnávateľa a uchádzača o zamestnanie na náborovej stránke, na vytvorenie formulára objednávky produktu na stránke, ktorá predáva iba jeden produktový rad, použil som tento plugin na vytvorenie komplexného a objemného formulára výpočtu pre stavenisko. , pre rôzne formy spätnej väzby a iné formy. Nie je to však o tom, ale o tom, ako dosiahnuť, aby sa kontaktný formulár objavil vo vyskakovacom okne, aby ste mohli vytvoriť tlačidlo na vyvolanie kontaktného formulára na každej stránke, a nie len na stránke „Kontakty“?

V skutočnosti to nie je nič zložité, ale budete potrebovať ešte jeden plugin s efektom FancyBox, mne osobne sa páčia tieto dva pluginy: Easy FancyBox alebo FancyBox pre WordPress, existujú rôzne podobné pluginy, ale každý z nich funguje skvele a tiež umožňuje otvárať obrázky v vyskakovacie okno.

Vo všeobecnosti sú nainštalované dva pluginy: Kontaktný formulár 7 a Jednoduchý FancyBox, kontaktný formulár je vytvorený, zostáva pridať kód do šablóny.

Kód sa vloží do šablóny stránky v súboroch .php!

Kód kontextového kontaktného formulára nastavený v kóde súboru šablóny:

Požiadať o hovor

Ak hneď vložíte kód na volanie formulára do vizuálneho editora na úpravu textu v režime TEXT, potom bude kód vyzerať takto:

Kód vyskakovacieho kontaktného formulára je nastavený vizuálny editor záznamy (v textovom režime) na paneli správcu stránky:

Požiadať o hovor

V mojom príklade mám kód pre formulár "Požiadať o spätné volanie" - vo formulári sú len dve polia - meno a telefónne číslo, aby správca stránky zavolal klientovi späť.

Zoberme si tento kód.

Toto je kód tlačidla na vyvolanie okna s formulárom, tomuto tlačidlu môžete nastaviť ľubovoľný štýl a vložiť ho kamkoľvek do šablóny:

Požiadať o hovor

Toto je kód pre samotné vyskakovacie okno, môžete ho nechať pod tlačidlom na vyvolanie okna, alebo ho môžete skryť v päte, aby bol kód obsahu čistejší:

V tomto kóde sa samotný formulár volá funkciou, ako je táto:

Kde je napísané - zobrazte skrátený kód pre kontaktný formulár, skrátený kód je uvedený v samotnom kontaktnom formulári pri jeho vytvorení:

Ak chcete zavolať niekoľko formulárov na jednej stránke, musíte na zavolanie formulára použiť iné ID.

Príklad volania dvoch formulárov spätnej väzby vo vyskakovacom okne:

Volací formulár 1

Volací formulár 2

V v tomto prípade ak chcete volať viacero formulárov, venujte pozornosť týmto častiam kódu:

... a pre druhý formulár: ... atď.

Namiesto zobrazenia krátkeho kódu formulára spätnej väzby môžete zobraziť ľubovoľný obsah, napríklad bloky s textom alebo obrázkami, alebo napríklad formulár odberu Feedburner, takto sa zobrazí formulár odberu feedburner na jednej zo stránok

PODOBNÉ ČLÁNKY