Tento materiál podrobně popíše nastavení kontaktního formuláře 7, pluginu pro tak populární platformu pro vytváření a propagaci stránek na World Wide Web, jako je WordPress. Tento softwarový nástroj umožňuje vytvářet a konfigurovat formuláře zpětná vazba.

Něco málo o WordPressu

Jeden z nejpopulárnějších a nejrozšířenějších nástrojů pro vývoj a obsah informační zdroje je WordPress. Původně toto software byl zaměřen na tvorbu jednoduchých blogů. Poté ale specializovaní specialisté doplnili jeho funkcionalitu, což umožnilo vytvářet další internetové zdroje pomocí tohoto redakčního systému.

Silné a slabé stránky této platformy pro tvorbu a propagaci webových stránek

Výhody tohoto softwarová platforma takový:

Jednoduchost a otevřený zdrojový kód.

Působivé množství referenčních informací.

Schopnost vyvinout jakýkoli tematický zdroj na internetu v co nejkratším čase.

Vysoký výkon bez dalších softwarových doplňků (pluginů).

Ale nevýhody v tomto případě jsou následující:

Weby postavené na WordPressu nezvládnou velké zatížení.

Při instalaci dalších mini-programů nebo, jak se jim také říká, plug-inů dochází ke snížení rychlosti internetového zdroje.

a proč je potřebují weby založené na platformě WordPress?

Základní funkcionalita redakčního systému jako je WordPress je velmi skromná. Stačí vyvinout ty nejjednodušší blogy a webové stránky. Aby vývojáři nějak vylepšili situaci s funkčností softwarové platformy a dodali jí flexibilitu, musí nainstalovat speciální miniprogramy, kterým se v odborném žargonu říká pluginy. Jedním z nich je Kontaktní formulář 7. Nastavení pluginu umožňuje vytvořit formulář zpětné vazby s rozšířenou úrovní funkčnosti na konkrétní stránce redakčního systému.

Specializace "Kontaktní formuláře 7"

Jak již bylo zmíněno dříve, vytváření zpětné vazby mezi návštěvníkem a správcem internetového zdroje založeného na platformě WordPress je hlavním úkolem Kontaktního formuláře 7. Nastavení pošty, úprava šablony, odesílání různých souborů není úplný seznam možností, které to poskytuje mini-program. V tomto případě bude zatížení hardwarových zdrojů webu relativně malé a jeho přítomnost nepovede k výraznému snížení výkonu webu nebo blogu.

Postup instalace pluginu

Existují tři způsoby, jak nainstalovat pluginy na platformu WordPress:

Stažením archivu ZIP z World Wide Web a jeho „nahráním“ do příslušného adresáře internetového zdroje.

Použití různých typů FTP klientů.

Nejbezpečnější ze tří možností instalace pluginů je ta poslední. V tomto případě programový kód je stažen z oficiálních stránek a rozhodně neobsahuje různé druhy škodlivých, nebezpečných fragmentů. Postup instalace pluginu je v tomto případě následující:

Přejděte na panel správce WordPress.

Poté se musíte přesunout do sekce „Pluginy“.

V okně, které se otevře, vyberte „Přidat nový“.

Do vyhledávacího pole zadejte název pluginu - Kontaktní formulář 7 - a poté přesuňte ukazatel myši na tlačítko „Hledat“ a klikněte jednou. Poté se provede vyhledávání požadovaného software.

Po dokončení se zobrazí seznam nalezených pluginů. V tomto seznamu najdeme ten, který potřebujeme, a klikneme na tlačítko označené „Instalovat“, které se nachází naproti němu.

Poté redakční systém tento plugin automaticky stáhne a nainstaluje.

Dalším krokem je aktivace nainstalovaného softwaru. Chcete-li to provést, přejděte na kartu „Pluginy“ a najděte v seznamu Kontaktní formulář7. Vedle je nápis: „Aktivovat“, klikněte na něj jednou myší.

Aktualizujeme administrativní panel redakčního systému a mezi jeho položkami najdeme Kontaktní formulář7. To je podmínkou úspěšné instalace tohoto oblíbeného a funkčního pluginu.



Konfigurační algoritmus pro „Kontaktní formuláře 7“

Nastavení kontaktního formuláře 7 se skládá z následujících položek:

Stvoření nový formulář nebo úpravou starého, který byl vytvořen při instalaci pluginu. Zkušenosti ukazují, že ve většině případů je lepší využít možnost vytvořit nový formulář.

V další fázi vyberte jazyk formuláře a nastavte jeho název.

Pak musíte v případě potřeby překonfigurovat jeho šablonu.

Uložte provedené změny.

Vytvoříme novou stránku s dříve přijatým kódem.

V konečné fázi musíte přejít na web a zkontrolovat správnou funkci vytvořeného prvku rozhraní internetového zdroje.

Vytvořte nový formulář

Ihned po aktivaci tento plugin vytvoří výchozí formulář pro dotazy návštěvníků webu nebo blogu. Lze jej samozřejmě upravit a upravit dle potřeby. Ale bude mnohem snazší tento smazat a vytvořit nový pomocí plný set všechny potřebné funkce. Chcete-li to provést, musíte provést následující:

Přejděte do nabídky tohoto pluginu a vyberte „Formuláře“.

V okně, které se poté otevře, musíte zaškrtnout políčko vedle položky „Kontaktní formulář1“.

Poté nad ním v rozevíracím seznamu „Akce“ vyberte „Odstranit“.

V odpovědi se zobrazí otázka, která potvrdí prováděné akce. Musíte potvrdit smazání formuláře a kliknout na tlačítko „Ano“.

Dále vyberte položku nabídky: „Vytvořit nový“ v administrativním panelu „Wordpress“ „Kontaktní formulář7“.

V okně, které se otevře, v rozevíracím seznamu vyberte jazyk rozhraní budoucího formuláře - „ruština“. Poté klikněte na tlačítko „Vytvořit“.

Poté se ve výchozím nastavení vygeneruje počáteční kód pro nový formulář zpětné vazby pro WordPress. Poté budete muset provést operace, jako je nastavení kontaktního formuláře 7.

Nastavte název formuláře

Po dokončení všech předchozích kroků se objeví okno pro zadání názvu nového formuláře v Contact Form 7 Style. Nastavení začíná touto jednoduchou operací na jedné straně. Ale je lepší dát název formuláře na základě optimalizace pro vyhledávače. Nejoptimálnější možností by tedy v tomto případě bylo například „Formulář zpětné vazby“ nebo „Zeptejte se správce webu“. Jakmile jsme se rozhodli pro název tohoto prvku rozhraní, zadejte jej do odpovídajícího pole okna požadavku.



Úprava šablony „Kontaktní formuláře 7“.

Ve stejném okně s názvem vytvořeného formuláře jsou 4 záložky. První z nich je „Šablona“. Ve výchozím nastavení je zde vytvořeno pouze 5 prvků:

Místo pro zadání jména návštěvníka internetového zdroje.

Pole pro zadání e-mailové adresy návštěvníka, který dotaz položil.

Další pole umožňuje zadat předmět otázky.

Posledním prvkem formuláře je ve výchozím nastavení tlačítko označené „Odeslat“.

V případě potřeby lze text v tomto poli upravit a přidat další prvky rozhraní. Chcete-li to provést, stačí zvýraznit kód libovolného textový prvek(například část kódu, kde je uveden předmět zprávy a zkopírujte jej pomocí kontextová nabídka ve stejném oboru na jiném místě. Vpravo jsou parametry (podrobně o nich pojednáme v dalším odstavci), ve kterých vybíráme prvek, který nás zajímá. Poté se vedle rozevíracího seznamu zobrazí požadovaný kód. Dále zkopírujte tento kód a vložte jej místo kódu předmětu zprávy. Název prvku volíme podle svého uvážení.

Nastavení délek polí a další

Na stejném místě můžete změnit zadání v Kontaktním formuláři 7. Upravte šířku libovolného textové pole se provádí následovně:

Například je nutné zvýšit počet znaků ve jménu návštěvníka internetového zdroje na 55. Standardně je jich 40.

Chcete-li to provést, přidejte na konec kódu čísla 60/55. Výsledkem bude kód. Po uložení změn bude délka tohoto pole 60 a maximální částka Počet znaků, které do něj můžete napsat, je 55.

Stejným způsobem můžete změnit velikost textového pole zprávy. Pouze v tomto případě je nutné změnit kód tohoto prvku následovně. V tomto případě je 40 počet písmen v jednom řádku a 30 je celkový počet výrazů v tomto prvku rozhraní v Kontaktním formuláři 7. Nastavení vzhledu samotného formuláře se provádí přesně výběrem hodnot parametrů každého individuální prvek. Proto se doporučuje specifikovat konkrétní hodnoty pro každý parametr uvedený v této části v kódu každého prvku.



Další záložky formuláře

Jak bylo uvedeno, první karta se nazývá „Šablona formuláře“. Další v tomto okně je „Dopis“. Určuje parametry umístění, kam bude pošta z tohoto internetového zdroje odesílána. Na záložce „Upozornění“ se vygeneruje text zprávy, který se zobrazí v případě úspěšného odeslání dopisu. K dispozici je také možnost připravit zprávu pro případ, že nemůžete kontaktovat správce stránek pomocí prostředků. Poslední záložka v Kontaktním formuláři 7 – „Další nastavení“. Obsahuje ty parametry, které se v praxi používají velmi, velmi zřídka. Můžete jej například použít k nastavení sledování textu zadaného uživatelem pomocí metrik Yandex.

Pole, která lze přidat pomocí tohoto pluginu do tohoto formuláře

Nastavení kontaktního formuláře 7 pro Wordpress umožňuje přidat do formuláře zpětné vazby následující prvky rozhraní:

• Testovací pole je univerzální prvek rozhraní, do kterého můžete zadat libovolnou sadu znaků.

  E-Mail - místo pro zadání názvu elektronické schránky.

  URL – pole pro zadání adresy internetové stránky.

  Telefonní číslo — umožňuje zadat telefonní číslo v mezinárodním formátu.

  Prvek „Číslo (spinbox)“ umožňuje vytvořit vstupní pole pro libovolnou celočíselnou hodnotu (například věk návštěvníka).

  Prvek „Number (Slider)“ přidá do formuláře posuvník, který vám umožní vybrat číselnou hodnotu ze zadaného rozsahu.

  Položka „Datum“ vytváří speciální vstupní pole, ve kterém můžete zadat požadované datum. Po aktivaci tohoto prvku rozhraní se ve spodní části zobrazí kalendář, ve kterém můžete ihned vybrat požadované datum.

  Položka rozbalovací nabídky „Textové pole“ je zase určena pro psaní textové části e-mailu.

  Další položka - „Rozbalovací nabídka“ - umožňuje vybrat požadovaný parametr z pevného seznamu.

  Ale „CheckBoxes“ jsou určeny pro výběr jedné nebo více hodnot z daného seznamu.

  Prvek rozhraní „Radio Buttons“ je téměř identický s předchozím. Jediný rozdíl je v tom, že v tomto případě si můžete vybrat pouze jeden správná možnost, zatímco "Zaškrtávací políčka" mohou mít více platných hodnot.

  Položka „Akceptace“ umožňuje přidat do vytvořeného formuláře pouze jedno zaškrtávací políčko. Zpravidla slouží k seznámení se s případnými podmínkami a bez jejich přijetí nebude možné v budoucnu zasílat email.

  Položka „Menu“ vám umožňuje vytvořit speciální sekci v rozhraní, která bude chránit vaši poštovní schránku před spamem. V tomto případě budete muset před odesláním uvést správnou odpověď na otázku.

  Druhou možností zabezpečení je CAPTCHA. Po jeho výběru se do formuláře přidá samostatná sekce, která zobrazí obrázek se symboly a doplňkové pole pro jejich zadání.

  Další položka je „Odeslání souboru“. Umožňuje přidat soubor s různými druhy vysvětlení a komentářů k textu dopisu pro správce zdrojů.

  Poslední položka – „Tlačítko Odeslat“ – umožňuje přidat odpovídající prvek rozhraní.

Uložte provedené změny

Jakmile jsou požadované hodnoty nastaveny a formulář je správně nakonfigurován, je třeba vše uložit. Chcete-li to provést, přejděte v okně úprav pluginu nahoru do jeho horní části. Zde by mělo být tlačítko „Uložit“. Namiřte na něj ukazatel a jednou na něj klikněte. Jako odpověď se objeví kód formuláře, který vybereme pomocí stejného ukazatele myši a zkopírujeme. Dále přejděte na položku „Stránky“ v administrativním panelu redakčního systému. Poté vytvoříme novou stránku s požadovaným názvem (například „zpětná vazba“, „Kontakty“ nebo „Zeptejte se správce zdroje“). Poté přesuneme vytáčecí kurzor do vstupního pole pro jeho kód. V tomto případě musíte přepnout režim psaní kódu na „Text“ v panelu parametrů. Poté vložte dříve přijatý kód formuláře. Dále na pravé straně rozhraní najděte tlačítko „Publikovat“ a najeďte na něj myší. V další fázi klikněte jednou levým tlačítkem myši na tento prvek rozhraní redakčního systému.



Kontrola výsledku

Po provedení dříve specifikovaných manipulací byste měli přidat nová stránka, na kterém se zobrazí prvky specifikované v Kontaktním formuláři 7. Nastavení rozhraní je v zásadě dokončeno. Musíte pouze zkontrolovat, zda je software správně nakonfigurován. Chcete-li to provést, musíte jít na domovská stránka webové stránky, blog nebo portál. Poté v seznamu stránek najdeme tu, na které byl umístěn formulář zpětné vazby. Jdeme na to, zadáme správné parametry do všech polí najednou a pošleme si testovací dopis. Jako odpověď by se měla objevit informační zpráva indikující úspěšné dokončení této operace. Pak s prázdná pole Snažíme se poslat další dopis. Poté by se měla objevit zpráva, že je třeba nastavit všechny vybrané parametry formuláře. Pokud byly v obou případech získány výsledky uvedené dříve, pak vytvořený formulář zpětné vazby funguje správně.

Výhody a nevýhody pluginu. Alternativní možnosti

Vynikajícím řešením pro začínajícího vývojáře pro vytvoření formuláře zpětné vazby je miniprogram Contact Form 7. Nastavení odesílání pošty, vytváření prvků rozhraní a dalších důležitých prvků rozhraní je v tomto případě většinou automatizované a vyžaduje minimální uživatelské znalosti. Proto pro jednoduchý internetový zdroj vstupní úroveň a se začínajícím správcem je to vynikající řešení. Jakýkoli plugin však představuje další zatížení zdrojů webu, což snižuje výkon. V důsledku toho pokročilejší uživatelé doporučují se tomu vyhnout jednoduchý způsob vytvoření formuláře zpětné vazby. Můžete si ho také vytvořit sami pomocí pomocí HTML, CSS a JS, i když s nižší úrovní funkčnosti. Tím se sníží potřeba výpočetních zdrojů na webu a výrazně se zvýší úroveň výkonu.



Výsledek

Tento článek vás krok za krokem provede nastavením Kontaktního formuláře 7. Tento plugin opravdu má vysoká úroveň funkce, můžete ji použít k vytvoření jakékoli formy zpětné vazby. Na druhou stranu použití dodatečného pluginu jako součásti redakčního systému zvyšuje zátěž Hardware místo. Proto začínajícím správcům stránek založených na tomto redakčním systému doporučujeme používat tento plugin pro takové účely. Inu, pokročilejší uživatelé se obejdou bez Contact Form 7. V tomto případě rozhodně není potřeba nastavovat plugin.

Dobré odpoledne milí čtenáři blogu. Pokračujeme v tématu formulářů zpětné vazby na WordPress. A protože o nich mluvíme, navrhuji dnes mluvit o pluginu WP Contact Form 7. Dále vám řeknu krok za krokem nastavení pluginu a také stručně popíšu doplňky pro tento plugin.

Navigace na stránce:

Popis kontaktního formuláře WordPress 7

2) Aktivujte plugin Contact Form 7 v administrátorské oblasti WordPress.

3) Přejděte na nově vytvořenou kartu, jak je znázorněno na obrázku:

4) Klikněte na záložku "Přidat nový" a zadejte výchozí jazyk formuláře nebo vyberte požadovaný

5) Zadejte název kontaktního formuláře a klikněte na Uložit.

6) Nyní máme krátký kód, který lze zkopírovat a vložit do příspěvku nebo postranního panelu, aby se zobrazil formulář - contact-form-7 id="1252" title="Formulář číslo 1" (надо взять в квадратные скобки как на рисунке).!}

7) Takto vypadá náš formulář:

Samozřejmě to není moc krásné, ale nikdo vás neobtěžuje vytvářet si vlastní styly nebo vytvářet vlastní formu a přidávat tam vložky.

Jak zobrazit kontaktní formulář 7 na libovolném místě v šabloně

V odstavci 6 nastavení krok za krokem Ukázal jsem vám, jak můžete vzít krátký kód kódu CF7 a dále popsal, že tento kód lze zobrazit ve widgetu nebo v příspěvku nebo stránce. Kromě toho chci říci, že kontaktní formulář 7 můžete zobrazit kdekoli v šabloně. Chcete-li to provést, vložte tento jednoduchý kód:

To je vše, pokud jste vše udělali správně, obdržíte výstup Kontaktního formuláře 7 na libovolném místě WordPress šablona.

Přizpůsobení kontaktního formuláře 7 vstupních polí

Díky němu budete mít navíc takové boxy jako:

Nastavení odpovědi na kontaktní formulář 7

V nové verzi pluginu CF7 4.4 a vyšší vývojář doporučuje zadat z terénu (zde je na skinu níže)

správnou adresu, která odpovídá vaší doméně. Viditelné z kůže a toto doporučení vytváří problém:

Jak odpovědět uživateli z maileru?

Pokud pouze kliknete na odpovědět, odpovíme na naši vlastní poštu, ve skutečnosti odpovíme sami. To je velmi nepohodlné, protože musíme ručně zkopírovat adresu uživatele, vložit ji do maileru a teprve potom odpovědět.

Na tento problém existuje řešení a jako vždy je jednoduché. Potřebujete v terénu Další záhlaví přidat kód:

Odpovědět:

Váš e-mail-sh je samozřejmě třeba nahradit krátkým kódem e-mailu. Viz skin níže:

Nyní, když obdržíte dopis od zpětné vazby WordPress, můžete kliknout na odpověď v korespondenci a vaše odpověď bude odeslána na správný e-mail.

Pokud po těchto krocích narazíte na problém, měli byste si příspěvek přečíst kliknutím na odkaz. Jsou zde popsány hlavní problémy a příčiny problémů v pluginu Contact Form 7.

To je vše. Doufám, že chápete, jak nakonfigurovat plugin a jeho rozložení.

Podrobné pokyny pro instalaci, konfiguraci a používání pluginu formuláře zpětné vazby pro web WordPress. Plugin pro kontaktní formulář 7 tento moment je nejlepší ve své kategorii.

To, že ani mezi placenými pluginy neexistuje jasná alternativa, lze posoudit podle toho, jak často se používá plugin Contact Form 7. V době psaní tohoto příspěvku byl tento plugin jen z oficiálních stránek WordPress stažen více než 28 800 000 krát, a průměrné hodnocení je 4,5 z 5! To je skutečně známka velkého úspěchu. Když se navíc podíváte na TOP prodeje prémiových WP témat, tak téměř ve všech najdete plugin Contact Form 7 jako doporučený nebo standardně nainstalovaný.

Plugin Contact Form 7 je „živý“ a autor jej každý aktualizuje nová verze WordPress. Chyby a chyby jsou okamžitě vyřešeny. S většinou běžně používaných pluginů nebyly žádné zjevné konflikty.
Plugin Contact Form 7 je zcela zdarma, vč. pro komerční využití. Po instalaci pluginu najdete v panelu nastavení žádost autora o „dar“.

Instalace pluginu Contact Form 7

Plugin Contact Form 7 si můžete stáhnout z oficiálního webu WordPress (odkaz výše), nebo přímo přes záložku „Pluginy“ > „Přidat nový“ > řádek „Vyhledat pluginy“ > zadejte „Kontaktní formulář 7“. Než začnete, nezapomeňte plugin aktivovat: „Pluginy“ > „Nainstalováno“ > najděte plugin Contact Form 7 > klikněte na „Aktivovat“. Na postranním administrativním panelu vašeho webu se objeví nová položka „Kontaktní formulář 7“.

Nastavení pluginu Contact Form 7

Co je hezké, je, že ve výchozím nastavení plugin Contact Form 7 podporuje vícejazyčnost. Pokud je vaše verze WordPressu v ruštině, bude plugin také kompletně v ruštině a formulář zpětné vazby můžete vytvořit v libovolném jazyce. Jazyk formuláře je určen při vytváření každého formuláře. Neexistuje žádná samostatná sekce pro nastavení, všechna nastavení jsou individuální pro každý jednotlivý formulář.

Příklad přidání formuláře zpětné vazby

1. Vyberte v administrativním panelu „Kontaktní formulář 7“ > „Formuláře“ > na stránce „Přidat nový“..

2. Budete požádáni o výběr jazyka formuláře. Výchozí nastavení je „Russian“. Klikněte na tlačítko „Přidat nový“.
3. Otevře se před vámi okno, kde si můžete vytvořit svůj vlastní formulář s vaším nastavením.

Možnosti jsou rozsáhlé, ale hned bych upozornil na pár funkcí. Okno, které se otevře, obsahuje několik záložek: „Šablona formuláře“, „Dopis“, „Upozornění při odeslání formuláře“, „Další nastavení“. Poslední záložku nepotřebujete, je to spíše přizpůsobení pro pokročilé uživatele a programátory. Podívejme se na zbytek podrobně.

"Oznámení při odeslání formuláře"- to jsou zprávy, které uvidí návštěvník vašeho webu při odeslání formuláře. Obsahuje možnosti zpráv pro úspěšné odeslání i zprávy s chybami a selháními. Tyto systémové zprávy můžete změnit podle svého uvážení.

"Šablona formuláře"— v této sekci vygenerujete značky, které jsou zodpovědné za přítomnost nezbytných polí ve formuláři.

"Dopis"- Tento vzhled a obsah dopisu, který obdržíte poté, co návštěvník vyplní formulář.

POZORNOST: Nyní se podíváme na to, jaké tagy existují a jaká pole vytvářejí. Všechny tyto značky se zadávají v záložce „Form Template“, ale pokud nezadáte „response tags“ ručně (!) v záložce „Dopis“, nebudou vám vyplněné formuláře zaslány e-mailem.

4. Možnosti značek na kartě „Šablona formuláře“.

- text: přidá textové pole (krátké).
- e-mailem: pole pro e-mail.
— URL: pole pro uvedení adresy webu nebo jakéhokoli odkazu.
- tel: pole kontaktní telefonní číslo
- číslo: pole, do kterého můžete zadat pouze číselnou hodnotu
-datum: pole formátu data
- textová oblast: přidá textové pole (dlouhé).
- rozbalovací nabídka: rozbalovací seznam. Pole má další nastavení. Seznam, který vypadne, je uveden v poli „Možnosti“. Navíc jeden prvek seznamu na jednom řádku (neoddělený čárkami!). Pokud je zaškrtnuto políčko „Povolit více výběrů“, uživatel bude moci vybrat více než jednu možnost z vašeho seznamu. Pokud je zaškrtnuto políčko „Vložit prázdnou položku jako první možnost“, bude ve výchozím nastavení nahoře přidáno prázdné pole, které si může vybrat i uživatel.

- zaškrtávací políčka: Zaškrtávací políčko (zaškrtnutí). Pole má několik nastavení. Seznam zaškrtávacích políček je uveden v poli „Možnosti“. Navíc jedno zaškrtávací políčko na řádek (neoddělené čárkami!). Pokud je zaškrtnuto „Put a label first, a checkbox last“, ve výchozím nastavení bude zaškrtávací políčko u prvního zaškrtávacího políčka. Pokud je zaškrtnuta položka „Vylučovat zaškrtávací políčka“, uživatel bude moci zaškrtnout pouze jedno ze zaškrtávacích políček.

- přepínací tlačítka: přepínače. Přepínače umožňují vždy vybrat pouze jednu položku ze seznamu. Zadávání seznamu je podobné jako zaškrtávací políčka ve sloupci. V nastavení můžete povolit „Napřed dát štítek, jako poslední zaškrtávací políčko“, pak bude ve výchozím nastavení vybrán první přepínač ze seznamu.

- přijetí: checkbox pole, bez zaškrtnutí políčka, ve kterém nebude zpráva odeslána. Ve skutečnosti je to příležitost vzít si bezpodmínečný souhlas uživatele s něčím, jinak nebude dopis odeslán. Například: „Souhlasíte s tím, že vámi poskytnuté informace budou zpracovány našimi operátory.“

- kvíz: inovace v pluginu. Toto pole umožňuje vytvořit otázku a odpověď na ni. Ideální pro použití jako ochrana proti spamu. Podívejte se na design otázky a odpovědi ve formuláři pro generování značek.

Vyplnění libovolného pole může být povinné (obvykle jsou tato pole označena *); zaškrtněte políčko Typ pole > Povinné pole. Pozornost! Nezapomeňte uživatelům v textu uvést, že pole musí být vyplněno!

- CAPTCHA: captcha se instaluje pouze jako doplňkový plugin. Ale v zásadě, pokud existuje kvízová značka, je potřeba kapky mnohem menší.

- soubor: pole vytvoří značku, která uživateli umožní připojit ke zprávě soubor. V nastavení tagu můžete určit „Limit velikosti souboru (bajty)“ maximální velikost připojený soubor, povolené typy souborů (přípony oddělené čárkami). Pozor, pokud neuvedete maximální velikost přiloženého souboru, pak je ve výchozím nastavení určena možnostmi vašeho serveru. Přesné informace o omezeních zjistíte u společnosti poskytující váš hosting. Obvykle je maximální velikost omezena na 10 MB.

submint: tag přidá tlačítko „Odeslat“ (název lze změnit).
Toto je obrazovka se všemi značkami, které jsem vygeneroval, a níže je obrazovka formuláře na webu. Vezměte prosím na vědomí, že „Form Template“ podporuje HTML tagy, takže vysvětlivky formátuji pro uživatele, kteří je používají HTML tagy.

5. Záložka „Dopis“.

Nyní přejdeme k formuláři pro vygenerování dopisu, který vám bude zaslán, a přidejte značky, které jsme použili v „šabloně formuláře“. Věnujte pozornost snímku obrazovky. Pole, která nejsou zahrnuta v těle dopisu, jsou zobrazena v horní části karty černě a pole, která jsou přítomna v těle dopisu, jsou šedá.

Přidáme je do těla dopisu (pole „Text zprávy“): stačí zkopírovat značky zvýrazněné černě a vložit je do těla dopisu. Upozorňujeme, že čísla uvedená na štítcích se shodují s jedinečná čísla pole, která jste přidali do šablony formuláře. Můžete tak identifikovat, které pole k čemu patří a podepsat je přímo v těle dopisu, abyste se později nepletli.
Uložte změny.

6. Instalace formuláře na web.

Ze stránky vytváření formuláře zkopírujte shore kód (obvykle je zvýrazněn modře nebo hnědě) a vložte jej na jakoukoli stránku nebo příspěvek.

Pro a proti ve zkratce

klady
+ velké množství typů polí
+ vícejazyčná podpora
+ snadné použití
+ zdarma
+ spolehlivý
+ není v konfliktu s jinými pluginy
+ Plugin Contact Form 7 se vyvíjí

mínusy:
— ke vygenerovanému dopisu nesmíme zapomenout přidat další značky
— navrhování formulářů a písmen vyžaduje minimální znalost HTML

Závěr: rozhodně vynikající editor, ne-li nejlepší! Jsem spokojená s flexibilitou, spolehlivostí a stabilitou. Kdyby to bylo placené, lidé by to stejně kupovali, protože... Z hlediska kvality se tomu nic neblíží. Doporučuji plugin Contact Form 7.

Téměř každá stránka by měla obsahovat zpětnou vazbu, která umožní čtenářům blogů nebo firemním klientům kontaktovat přímo jejich vlastníky. Jedná se o jeden z nejpohodlnějších způsobů interakce s návštěvníky. Někteří majitelé stránek WordPress jsou však stále omezeni na pouhé uvedení e-mailové adresy pro kontakt, protože tento systém správy obsahu nemá vestavěnou funkci pro vytváření kontaktních formulářů. Tento přístup může přitahovat velké množství Internetoví roboti, kteří doslova zaplaví vaši schránku spamem.

Chcete-li se těmto problémům vyhnout, můžete implementovat funkci zpětné vazby do WordPress pomocí speciálního pluginu. V katalogu WordPressu jich je poměrně hodně, ale Contact Form 7 je považován za jeden z nejlepších.

Jedná se o zcela bezplatný plugin, který existuje pouze na základě dobrovolných darů od uživatelů. Navzdory tomu vyniká mezi podobnými řešeními, protože má velmi široké možnosti.

Hlavní vlastnosti pluginu

• Jemné doladění, aby vyhovovalo všem potřebám uživatele;
• Jednoduché rozhraní a jasné možnosti;
• Pohodlné prohlížení E-mailem;
• Podpora mnoha jazyků, včetně ruštiny;
• Spolehlivá ochrana proti spamu pomocí textové otázky nebo captcha;
• Podpora požadavků Ajaxu;
• Přizpůsobení vzhledu přes CSS styly;
• Užitečná dokumentace, která odpovídá na mnoho otázek.

Pomocí pluginu

Jakmile nainstalujete kontaktní formulář 7 na WordPress, můžete mít mnoho otázek o tom, jak jej používat. Ve skutečnosti to není tak těžké pochopit, zejména proto, že ne všechny funkce budou potřeba v počáteční fázi. V každém případě začátečníci budou potřebovat nějaký čas, aby se naučili základní možnosti, i když ne příliš.

První, čeho si po aktivaci pluginu všimnete, je výskyt nové položky v administraci WordPress panely s názvem „Kontaktní formulář 7“, kde se provádí veškerá konfigurace pluginu. Případně se tam můžete dostat přes seznam nainstalované pluginy vyhledáním Kontaktního formuláře 7 a kliknutím na „Nastavení“.

Jakmile otevřete hlavní okno Kontaktního formuláře 7, uvidíte zprávu s různými odkazy na nápovědu. S zavřením této zprávy nespěchejte, protože obsahuje odkazy na důležité tipy a pokyny. Bylo by například hezké seznámit se s hlavními pokyny pro práci s pluginem, se stránkou věnovanou práci s tagy, s stručný popis administrativní rozhraní a také způsob konfigurace e-mailů. Nemusíte se celý tento materiál učit nazpaměť, ale je dobré mít po ruce odkazy na něj, abyste mohli rychle řešit případné problémy.

Vědomí nové formy

Abyste mohli začít vytvářet nový kontaktní formulář, musíte kliknout na tlačítko „Přidat nový“. Před vámi se otevře okno, ve kterém je nejprve třeba pojmenovat. Níže uvidíte obsah aktuální šablony, bude do ní již vloženo několik značek, abyste získali obecnou představu o tom, jak by měla vypadat. Můžete použít jakékoli další značky, například:

1. Textové pole, emailová adresa (text, email);
2. Odkaz(url);
3. Telefonní číslo, číselný rozsah, datum (tel, číslo, datum);
4. Textové pole s několika řádky (textarea);
5. Zaškrtávací políčka, přepínače a rozevírací nabídky (zaškrtávací políčko, přepínač, výběr);
6. Kontrola captcha (captchac a captchar);
7. Kontrola kontrolní otázkou (kvíz);
8. Vlajka přijetí;
9. Připojování souborů (soubor);
10. Tlačítko Odeslat.

Navíc pro každý z nich můžete nastavit určité parametry, například nastavit pole jako povinné, zadat výchozí hodnotu a také přidat identifikátor nebo třídu, abyste je mohli použít při navrhování pomocí stylů CSS.

Jako příklad můžete přidat do hotová šablona pole jako: přezdívka, telefonní číslo, textová otázka na ochranu před spamem. Toto bude nejjednodušší forma odeslání zprávy správci webu. K jeho vytvoření budete potřebovat tagy (text, tel, kvíz).

Nejprve přidejte nové pole pro přezdívku autora zprávy s názvem „Vaše přezdívka“, jak je napsáno v jiných připravených polích (můžete ji jednoduše zkopírovat). Nyní v části „Šablona formuláře“ vyberte „text“ a nastavte potřebné parametry. Můžete jej například nastavit jako povinné zaškrtnutím políčka „Povinné pole“. Případně můžete toto pole nastavit jako povinné přidáním hvězdičky (textu*).

Název pole lze ponechat jako výchozí nebo nastavit na jakýkoli jiný název, například „vaše přezdívka“. Aby pole mělo výchozí obsah, který uživateli pomůže k rychlejší navigaci, musíte jej přidat do řádku „Výchozí hodnota“. Pokud zaškrtnete políčko „Použít tento text jako zástupný symbol pole“, tento obsah po kliknutí zmizí. Dále můžete nastavit atributy „ID“ nebo „Class“ a použít je k návrhu pole pomocí stylů CSS. Nyní zbývá pouze kliknout na „Vložit značku“ a vygenerovaná značka se objeví v obsahu. Mělo by to vypadat takto:

Tvá přezdívka

(text id vaší přezdívky: zástupný symbol vaší přezdívky "Nickname") !}

Obdobně je třeba postupovat i při přidávání dalších polí (tel, kvíz). Pouze v případě antispamové otázky (kvízu) budete muset napsat otázku a odpověď na jeden řádek, oddělené oddělovačem „|“. Mělo by to vypadat nějak takto (Co je 2+3?|5). Vezměte prosím na vědomí, že pořadí značek v obsahu šablony určuje umístění polí na webu.

Nyní zbývá pouze kliknout na tlačítko „Uložit“, po kterém se nahoře zobrazí vygenerovaný krátký kód pro vložení do příspěvku, stránky nebo textového widgetu. Pokud je vše provedeno správně, hotový formulář se objeví na vašem webu WordPress, kam jste vložili tento krátký kód.

Nastavení příjemce a obsahu dopisů

V Kontaktním formuláři 7 pro WordPress si můžete přizpůsobit šablonu dopisů, které budou zasílány správci. Chcete-li jej implementovat, musíte přejít na kartu s příslušným názvem. Zde uvidíte několik řádků k vyplnění:

1. „Komu“ – adresa poštovní schránky správce;
2. „Od“ – jméno odesílatele;
3. „Předmět“ – předmět dopisu;
4. Další záhlaví – další záhlaví;
5. Tělo zprávy – obsah zprávy;
6. Přiložené soubory.

Některé z nich jsou již ve výchozím nastavení vyplněny daty, ale můžete je změnit podle svých potřeb. Můžete například přidat telefonní číslo odesílatele zkopírováním názvu odpovídajícího tagu ze šablony formuláře. Po provedení změn nezapomeňte kliknout na "Uložit".

Nastavení upozornění při odesílání

Každý návštěvník se může při odesílání zprávy v některých polích mýlit, pak by se mu měla zobrazovat příslušná upozornění. Ty lze nalézt v sekci Oznámení o odeslání formuláře. Všechny jsou zapnuté anglický jazyk, takže je budete muset přeložit do ruštiny, nebo je vyplnit vlastním textem. To se musí udělat, jinak návštěvník prostě nepochopí, co dělá špatně.

Extra možnosti

Můžeš se zeptat Extra možnosti pro každý kontaktní formulář přidáním části kódu ve specifickém formátu do speciálního pole v „ Dodatečné nastavení" Například řádek „demo_mode: on“ zapíná demo režim, který nebude odesílat e-maily, ale zobrazí pouze úspěšnou zprávu. Také pokud vložíte řádek

accept_as_validation: on

poté se u nezaškrtnutých políček zobrazí chybová zpráva, která vám zabrání v dokončení nahrávání.

Personalizace

Ve výchozím nastavení všechna pole v kontaktním formuláři 7 používají standardní styl ze šablony WordPress, který není nijak zvlášť krásný. Z tohoto důvodu mnoho uživatelů hledá alternativní řešení, s atraktivnějším vzhledem. Ale pro ty, kteří znají CSS, bude velmi snadné změnit vzhled polí podle vašich představ. K tomu můžete použít atributy „ID“ a „Class“, které se nastavují v parametrech každého tagu.

Mějte na paměti, že pokud do hlavní tabulky pluginu nebo šablony přidáte vlastní styly CSS, budou po jejich aktualizaci všechny změny odstraněny. Proto je vhodné použít buď samostatnou šablonu stylů, nebo speciální funkci v možnostech šablony, která vám umožní přidávat vlastní styly CSS prostřednictvím panelu správce.

Přidání

Jako doplněk stojí za zmínku jeden velmi dobrá vlastnost v kontaktním formuláři 7 pro WordPress, pomocí kterého můžete filtrovat velké toky e-mailů od návštěvníků. Jsou situace, kdy je jich opravdu hodně, takže nelze rychle odpovědět na vše a filtrování ručně trvá velmi dlouho. Samozřejmě v tomto případě můžete použít značky a filtry přímo v poštovní schránka, ale to také zabere hodně času. Filtrování ve fázi odesílání bude mnohem snazší pomocí značky „vybrat“ v kontaktním formuláři 7, který zobrazuje rozevírací seznam. V tomto seznamu můžete uživateli poskytnout výběr kategorie zpráv, aby mohl určit důležitost příchozí korespondence.

Vytvořte nové pole výběrem „rozbalovací nabídky“ a nastavte jej jako povinné. Poté do řádku „Možnosti“ přidejte několik možností pro kategorie zpráv v závislosti na směru vašeho webu (například „Obecné otázky“, „Zpětná vazba na práci společnosti“, „Získat zpět peníze“). Každá kategorie musí začínat nový řádek. Také je vhodné zaškrtnout políčko „Vložit prázdnou položku jako první možnost“, aby první položka v seznamu byla prázdný řádek a uživatel musel vybrat vhodný důvod, místo aby opustil první možnost.

Nyní klikněte na „Vložit značku“ a zkopírujte její název. Poté přejděte do části „Dopis“ a vložte to, co jste zkopírovali, do řádku „Předmět“, nezapomeňte před „“. Hotovo, nyní bude předmět každého příchozího dopisu obsahovat uživatelem zvolenou kategorii, což výrazně usnadní filtrování.

Závěr

WordPress již dlouho vyrostl z platformy pouze pro blogy do bodu, kdy může s jistotou fungovat jako základ pro firemní weby i stránky profesionálních uživatelů. Každý takový web musí uživatelům poskytnout pohodlný způsob pro přímou komunikaci s majiteli. Kontaktní formulář 7 pomůže vyplnit všechny mezery v komunikaci mezi návštěvníky webu a jeho vlastníky, a co je důležité, nebude vyžadovat mnoho času na implementaci této funkce.

Kontaktní formulář je nedílnou součástí většiny webových stránek. To je důvod, proč je v katalogu WordPress tolik pluginů pro kontaktní formuláře. Jedním z nejoblíbenějších je Contact Form 7. Plugin umožňuje vytvářet formuláře jakéhokoli druhu; velmi flexibilní a snadno konfigurovatelný; se vyvíjí již mnoho let a obsahuje mnoho vývojů.

Vytváření a zobrazování kontaktních formulářů

Vytváření formulářů v administračním panelu

Po instalaci pluginu se objeví položka nabídky „Kontaktní formulář 7“, prostřednictvím které můžete vytvářet a mazat formuláře.

Formulář na obrázku byl vytvořen automaticky při aktivaci pluginu.

Použijeme výchozí formulář, k tomu vytvoříme stránku „Kontaktujte mě“ a vložíme tam krátký kód formuláře.

Přední část webu

Nyní si článek uložíme a uvidíme, jak náš formulář vypadá (s motivem Twenty Sixteen):

Na obrázku je formulář po odeslání dopisu (naznačuje to upozornění v dolní části formuláře).

Přizpůsobení formuláře (vytváření složitých formulářů)

Výše uvedený příklad ukazuje, jak vložit hotový a velmi jednoduchý kontaktní formulář. Nyní se podíváme na to, jak vytvořit složitější formulář. Chcete-li to provést, vraťte se na panel správce, do správce formulářů a přejděte k úpravě výchozího formuláře.

V horním poli - název formuláře (je viditelný pouze v administračním panelu), uveďte název, který je vám jasný, například: „Zpětná vazba o webu“, „Formulář žádosti o zaměstnání“, „Formulář zpětné vazby“ , atd.

Pod názvem je krátký kód. Používáme ho v záznamech k zobrazení formuláře.

A níže jsou čtyři karty:

1. Šablona formuláře
2. Dopis
3. Další nastavení

Podívejme se na každou kartu zvlášť.

Šablona formuláře

Na této kartě můžete upravit pole a vzhled formuláře. Pracovní prostor je WP HTML editor. Jen místo obvyklých tlačítek vidíme tlačítka pro vkládání různých formulářových polí.

Rozložení formuláře

Pro rozvržení můžete použít html tagy a krátké kódy pluginů. Krátké kódy přidávají pole formuláře a značky HTML umožňují vytvořit vlastní strukturu HTML. Náš výchozí formulář vypadá například takto:

Vaše jméno (povinné) Váš email (vyžadováno) Předmět Zpráva

A když se zobrazí v příspěvku, změní se na tento HTML:

Syntaxe krátkého kódu

Klikneme na tlačítko "Text". Otevře se okno, kde můžeme zadat atributy pro textové pole. Zadejte a klikněte na „Vložit značku“.

Značka bude následně převedena na textové pole s html kódem:

Krátké kódy lze pohodlně vytvářet pomocí tvůrce krátkých kódů.

Konstruktor vám ale neumožňuje změnit shortcode (tam můžete vytvořit pouze shortcode). Existují dva způsoby, jak změnit krátký kód:

1. odstranit a vytvořit nový pomocí konstruktoru.
2. Naučte se syntaxi a ručně opravte krátký kód pole.

S projektantem na to přijdete sami.

A zde se podíváme na syntaxi krátkého kódu.

Zvažte například značku textového pole s dalšími možnostmi:

Text (Požadované) Typ pole: text, výběr, heslo, číslo atd. (v tomto případě je pole text). Určuje, na jaký formulářový prvek bude naše značka převedena, a tedy jaký typ dat bude přijímat. * Hvězdička činí pole povinným (formulář nebude odeslán a zobrazí se upozornění, že pole je nutné vyplnit). jméno klienta (Požadované) Název pole se používá jako atribut názvu ve vstupu a používá se také při vytváření šablony pro odeslaný dopis. id:my-id Atribut id ve vstupu s hodnotou moje-id. Používá se k dekoraci. třída: moje třída atribut třídy ve vstupu s hodnotou moje-třída. Používá se k dekoraci. zástupný symbol "Zadejte jméno" Использовать текст "Введите имя" как placeholder. !}

Dodržujte pořadí atributů tagu: nejprve přijde typ pole, poté jeho název a teprve potom další možnosti.

Typy polí

• Textová pole: text, email, tel, url, textarea
• Číselná pole: číslo , rozsah
• Datumová pole: datum
• Zaškrtávací políčka, rádia, seznamy: zaškrtávací políčko, rádio, výběr
• Pole pro nahrání souboru: soubor
• CAPTCHA: captchac a captchar
• Ankety: kvíz
• Pole "Přijmout": přijetí
• Tlačítko Odeslat: Odeslat
• Vlastní typ pole

Šablona dopisu

V druhé záložce můžete doladit šablonu (layout) a vlastnosti odesílaného dopisu. V polích této záložky můžete použít speciální značky polí formuláře - to umožňuje přenášet data uvedená ve formuláři v dopise.

Značky se skládají z názvů polí ze šablony formuláře. Vytvořili jsme například textové pole s názvem: . Nyní můžete použít značku v šabloně e-mailu. V dopise bude místo této značky nahrazena hodnota pole zadaná uživatelem (celé jméno).

Záhlaví dopisů:

Komu - e-mailem, kam bude dopis odeslán. Můžete zadat libovolný počet polí oddělených čárkami.

Od koho - jméno a email, od koho dopis přišel. Obvykle je zde uvedena pošta serveru (např [e-mail chráněný]).

Můžete zadat libovolný e-mail, ale pokud se e-mailová doména liší od domény webové stránky, formulář nebude bude testován a bude na tento parametr „nadávat“, ačkoli dopisy budou stále odesílány.

Předmět – Název dopisu. Bude jasné, z jakého formuláře byla data odeslána. Předmětem dopisu je například „Chyba na webu“, „Objednejte si zpětné zavolání“ a podobně. Zvolte záhlaví, které usnadní práci s přijatými e-maily.

• Další hlavičky – Ve výchozím nastavení se zde píše Reply-To:. Záhlaví Odpovědět nám říká, že na tento e-mail lze odpovědět kliknutím na tlačítko „Odpovědět“. poštovní program a značka formuláře je název pole ze šablony. Místo této značky bude vložen uživatelsky zadaný e-mail. Dostanete něco jako Odpovědět: [e-mail chráněný].

Tělo dopisu

Toto je další důležitá část této záložky. Zde je uveden text samotného dopisu. V textu používáme stejné značky formuláře (názvy polí ze šablony formuláře).

Podívejme se na výchozí písmeno:

Z:<>Předmět: Zpráva: -- Odesláno z webu Studium pluginu Contact Form 7 (http://test-wp.ru)

Měli jsme 4 pole, která uživatel vyplnil. Po odeslání dopisu se značky změní na hodnoty a my obdržíme následující dopis:

Od: Dmitry Předmět: Otázka ohledně kontaktního formuláře 7 Zpráva: Dobrý den! Mám dotaz ohledně pluginu Contact Form 7. Jak jej nakonfiguruji? -- Odesláno z webu Studium pluginu Contact Form 7 (http://test-wp.ru)

Nepovinná pole v těle e-mailu

Pokud uživatel nevyplní pole, ale je použito v těle dopisu, pak bude tělo dopisu neúplné. Například tělo říká Muž z města, ale uživatel pole nevyplnil, což znamená, že v dopise dostaneme Muž z města... Tento řádek v dopise je nadbytečný. Chcete-li tento řádek ze zprávy odstranit, zaškrtněte políčko „Vyloučit zobrazení řádků s prázdnými štítky zprávy“. Upozorňujeme, že to bude fungovat pouze v případě, že text a krátký kód pole jsou na stejném řádku.

Možnost „Použít formát e-mailu HTML“. Umožňuje používat HTML tagy v těle dopisu. V tomto případě můžete použít omezené HTML seznam tagy, protože ne všechny e-mailové klienty nebo služby mohou správně zpracovat složité HTML značky. Lze použít: stoly, odrážkové seznamy, tučnost, odstavce a tak dále. Další podrobnosti najdete na webu.

Kontaktní formulář 7 umožňuje odeslat dopis na dvě adresy a nastavení pro každý dopis je jiné. To může být užitečné, když potřebujete poslat dopis správci webu s kompletní informace a duplikát vedoucímu, který obsahuje pouze údaje o objednávce.

Upozornění při odesílání formuláře

Na této záložce můžete upravit zprávy, které formulář zobrazí v dané situaci: při úspěšném nebo neúspěšném odeslání dopisu nebo při chybách.

Značky šablon e-mailu v těchto polích nefungují.

Další nastavení

Tato záložka je určena pro pokročilé uživatele a umožňuje rozšířit možnosti formuláře pomocí JS kódu. Můžete například zveřejňovat události pro analýzu.

O použití této funkce budu hovořit v samostatném článku.