Ahoj milí čtenáři blogu. Pokračování tématu formulářů pro zpětnou vazbu WordPress. A protože jsem o nich mluvil, navrhuji dnes mluvit o pluginu WP Contact Form 7. Dále vám ukážu konfiguraci pluginu krok za krokem 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 = "(! JAZYK: Formulář číslo 1" (надо взять в !} hranaté závorky jako na obrázku).

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

Samozřejmě ne moc hezké, ale nikdo se neobtěžuje vytvářet si vlastní styly nebo si dělat vlastní tvar a vkládat tam vložky.

Jak zobrazit kontaktní formulář 7 kdekoli v šabloně

V položce 6 nastavení krok za krokem Ukázal jsem vám, jak můžete vzít krátký kód CF7, a poté jsem popsal, že tento kód lze zobrazit ve widgetu, 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 následující jednoduchý kód:

To je vše, pokud jste vše udělali správně, obdržíte výstup Contact Form 7 na libovolné místo v šabloně WordPress.

Nastavení kontaktního formuláře 7 vstupních polí

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

Konfigurace odpovědi pro kontaktní formulář 7

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

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

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

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

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

Odpovědět:

Váš e-mail-sh je samozřejmě nutné nahradit vaším vlastním krátkým kódem pošty. Viz skin níže:

Nyní, když obdržíte dopis od WordPress zpětné vazby, můžete kliknutím odpovědět v maileru 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řečíst příspěvek kliknutím na odkaz. V pluginu Contact Form 7 jsou popsány hlavní problémy a příčiny potíží.

To je vše. Doufám, že rozumíte tomu, jak je plugin a jeho rozložení nastaveno.

(Poslední aktualizace: 19.05.2019)

Zdravím vás, milý čtenáři! Dnes vám ukážu, jak vytvořit formulář zpětné vazby pro autora webu / blogu ve WordPressu pomocí oblíbeného pluginu Contact Form 7 (přes 5 milionů instalací). Zahrnuto v příspěvku : správné nastavení Kontaktní formulář 7, ochrana proti spamu, jak ji změnit a nakonfigurovat vzhled formuláře. A také poukázal na hlavní důvody - proč kontaktní formulář nefunguje a nerozesílá dopisy .

Kontaktní formulář je důležitým prostředkem, jak zůstat v kontaktu se svými čtenáři a naopak. Načmárejte osobní dopis, udělejte autorovi nabídku (kterou nemůže odmítnout), zeptejte se, něco pošlete a mnoho dalšího. To vše převezme a neprozradí cenné informace cizincům náš kontaktní formulář WordPress Contact Form 7. Tady něco takového. Napsal jsem to takhle, mně se to líbilo.

Ach, dopis dorazil! Kontaktní formulář 7 dobře udělaný

Nebudu vás, milý čtenáři, nudit žádným čmáráním – pojďme na věc. Instalace a správná konfigurace modulu pro WordPress - kontaktní formulář 7.

Plugin WordPress Contact Form 7

Plugin pro kontaktní formulář WP 7

Kontaktní formulář 7 dokáže spravovat četné kontaktní formuláře, kde můžete flexibilně upravovat obsah formulářů a pošty pomocí poměrně jednoduchého označení. Formuláře mají vestavěnou podporu pro odesílání Ajax, CAPTCHA, filtr spamu Akismet a další.

Veškeré manipulace provádíme v administračním panelu WordPressu. Chcete-li nainstalovat plugin, v části „Pluginy“ klikněte na „Přidat nový“. V okně „Hledat“ zadejte kontaktní formulář 7. Přirozeně se zobrazí jako první. Klikněte na „Instalovat:

Jak nainstalovat plugin

Kontaktní formulář č. 1 ve výchozím nastavení

Z obrázku vidíte, že ve výchozím nastavení je standardní verze kontaktního formuláře a hotový shortcode pro vložení na novou stránku, příspěvek nebo na boční panel(přes textový widget). Výchozí vzhled kontaktního formuláře 7, nastavený na samostatné stránce webu:

Vzhled: Standardní kontaktní formulář na webu WordPress

Pokud si chcete pouze prohlédnout, zkontrolovat nebo změnit, to znamená přidat další pole, klikněte na položku "Změnit". Obrazovka je nahoře.

Otevře se stránka "Upravit kontaktní formulář". Plugin je v ruštině a proto bude pro vás velmi snadné přijít na to, co je co. Karta Šablona formuláře. Šablonu formuláře můžete změnit tak, aby vyhovovala vašim potřebám.

Chcete-li například přidat značku pro nahrání souboru do šablony formuláře, musíte: Označit myší místo pro vložení značky (nejlépe za zprávu) a kliknout na příslušnou kartu „soubor“. Pomocí této funkce můžete uživatelům umožnit nahrát své soubory prostřednictvím vašeho formuláře a poté vám bude zaslán e-mail s přílohami souborů:

Upravit kontaktní formulář. Karta Soubor

Otevře se okno - Form Tag Generator: soubor:

Chcete-li připojit soubor nahraný do pošty, musíte vložit značku ()

Kontaktní formulář 7 používá výchozí omezení typu a velikosti souboru. Pokud možnosti nenastavíte, výchozí přípony souborů jsou: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav , a wmv. A povolená velikost souboru je 1 MB (1 048 576 bajtů). Stiskneme tlačítko "Vložit značku":

Značka souboru vložena do šablony formuláře

Kde jste označili kurzorem myši tam a objeví se další značka. Pokud je vložen na špatné místo, stačí jej zkopírovat a umístit na správné místo. Stejným způsobem přidejte do formuláře požadované značky. Po přidání dalších značek nezapomeňte kliknout na modré tlačítko „Uložit“. A takto bude vypadat tlačítko pro připojení souboru k e-mailu za polem zprávy:

Tlačítko Vyberte soubor v kontaktním formuláři

Pokud vše uděláte správně, nebudete mít problémy s dalšími poli.

Zkontrolujte také karty E-mail, Oznámení o odeslání formuláře a Pokročilá nastavení. Podle mě není potřeba nic měnit. Pokud pouze v Pokročilém nastavení můžete zadat parametr - pouze pro předplatitele - subscribers_only: true. Pro více informací zde bude odkaz na stránku pokročilého nastavení parametrů.

A nyní, přátelé, musíme připravený kontaktní formulář umístit na samostatnou novou stránku nebo postranní panel webového zdroje. To se provádí snadno.

Kontaktní formulář umístíme na samostatnou stránku webu / blogu

Po všech nastaveních a uložení formuláře zkopírujte krátký kód na stránce Kontaktní formuláře nebo Upravit kontaktní formulář. Poté vytvořte novou stránku - sekce Stránky - Přidat novou. Zadejte název stránky, například „Kontakty“. Přepněte editor zpráv do režimu „Text“ a vložte krátký kód do pole zprávy:

Nová stránka s kontaktním formulářem

Pokud máte nová stránka se automaticky přidá do nabídky, pak nastavíme "Objednávka" 1, 2 nebo 3 (která je v nabídce, zobrazí se stránka Kontakt). Klikněte na tlačítko "Publikovat". Všechno. Připraveno. Stránku můžete do nabídky přidat také ručně. Nyní máte nainstalovaný formulář pro kontaktování autora blogu/stránky.

Stejným způsobem se do postranního panelu, zápatí nebo textu článku přidá kontaktní formulář. Zkopírujte krátký kód a vložte jej do svých příspěvků nebo obsahu textového widgetu. Uvědomte si, že formulář můžete kdykoli upravit nebo vytvořit nový s různými značkami / poli.

Dostáváte spam prostřednictvím kontaktního formuláře 7?

Existuje ochrana. Spammeři ovlivňují vše, vaše kontaktní formuláře nejsou výjimkou. Před spamem chraňte své kontaktní formuláře pomocí výkonných funkcí proti spamu Contact Form 7.

Kontaktní formulář 7 podporuje filtrování spamu pomocí Akismet. Inteligentní reCAPTCHA blokuje otravné spamboty. Pomocí černé listiny komentářů můžete také blokovat zprávy obsahující určité klíčová slova nebo odeslané z konkrétních IP adres.

Klikněte na "Integrace". Google reCAPTCHA vás chrání před spamem a jiným automatickým zneužitím. Pomocí kontaktního formuláře 7 integračního modulu reCAPTCHA můžete zablokovat odeslání formuláře spamovacími roboty.

Integrace Google reCAPTCHA v3: ochrana proti spamu

Integrace pluginu s dalšími službami recaptcha

Trample Setup Integration a poté pomocí odkazu získejte klíče ReCaptcha API:

reCAPTCHA je služba Google

Chcete-li začít používat reCAPTCHA, musíte nejprve zaregistrovat svůj web WordPress. reCAPTCHA je služba Google, takže k jejímu používání potřebujete účet google... Přihlaste se do Google pomocí účet a následujte odkaz https://www.google.com/recaptcha/admin... Zobrazí se vám jednoduchý registrační formulář, např.

Zaregistrujte si web WordPress. Dobrá reCAPTCHA

Zadejte název. Vyberte reCAPTCHA v3 (reCAPTCHA v3 nevyžaduje widget CAPTCHA (nejsem robot zaškrtávací políčko používané v reCAPTCHA v2)) a zadejte doménu webu do pole Domény. Po registraci webu obdržíte klíč webu a tajný klíč. Zadejte je (screenshot výše) a uložte nastavení. To je vše. Váš kontaktní formulář nyní používá účet reCAPTCHA ke kontrole, zda zprávu poslal člověk nebo spambot.

Pokud se rozhodnete nainstalovat Contact Form 7, pak vám doporučuji nainstalovat si navíc doplněk Contact Form 7 Style. Umožní vám upravit vzhled vašeho formuláře. Můžete si nejen vybrat jednu z hotových šablon, ale také vytvořit svůj vlastní jedinečný design. Chcete změnit svůj vzhled? Pak je pokračování speciálně pro vás, znalce krásy.

Vzhled kontaktního formuláře - Kontaktní formulář 7 Styl

Styly kontaktních formulářů 7

Plugin stylu kontaktního formuláře 7 je doplněk kontaktního formuláře 7, který je třeba nainstalovat na váš web WordPress. Podporuje vlastní styly, které lze snadno spravovat prostřednictvím panelu správce. K dispozici jsou také předdefinované šablony, které lze aktivovat v nastavení kontaktního formuláře 7. V nastavení hlavního pluginu se objeví nová vložka- Kontaktní formulář 7 šablona stylu. Přizpůsobení vzhledu:

Hotové šablony pro formulář

Příklad, změnil jsem standardní vnější na něco takového:

Vzhled kontaktního formuláře

Nezapomeňte, že si můžete nastavit vlastní parametry stylu:

Plugin podporuje vlastní styly, které lze spravovat prostřednictvím panelu správce

Závěrem:

Odesílání e-mailů z kontaktního formuláře 7 funguje bez problémů pro většinu lidí. Ale ukazuje se, že ne pro každého. Přestože plugin každý den úspěšně odesílá miliony e-mailů, existuje mnoho problémů, které mohou zpozdit nebo zastavit e-maily na odesílací i přijímací straně typického e-mailu.

Proč nefunguje kontaktní formulář 7 (nezasílá e-maily)?

1. Vaše problémy s hostingem. Je důležité si uvědomit, že odesílání a přijímání e-mailů je velmi závislé na serveru, který je hostitelem vašeho webu WordPress;
2. Ujistěte se, že používáte správnou zpáteční e-mailovou adresu;
3. Váš e-mail může být považován za spam;
4. Pluginy nebo motiv jsou v konfliktu s kontaktním formulářem 7;
5. Javascript konflikty.

Pokud nemůžete odesílat e-maily z tohoto pluginu, je pravděpodobné, že nemůžete odesílat e-maily z WordPress obecně. V takovém případě, pánové, můžete na stránce získat časté dotazy týkající se pluginu https://contactform7.com/faq/.

Nebo na fóru podporyhttps://wordpress.org/support/plugin/contact-form-7/. anglický jazyk nevadí, s překladem vašeho oblíbeného prohlížeče bude vše jasné.

To je z mé strany vše. Zdá se, že jsem na nic nezapomněl. Vše nejlepší. Hodně štěstí přátelé.

P.S. Ukazuje se, že úprava starých příspěvků (informace pro čtenáře by měly být vždy aktuální) trvá stejně dlouho jako psaní nové pokyny... Hrůza!

(funkce (w, d, n, s, t) (w [n] = w [n] ||; w [n] .push (funkce () (Ya.Context.AdvManager.render ((blockId: "RA -292864-4 ", renderTo:" yandex_rtb_R-A-292864-4 ", async: true));)); t = d.getElementsByTagName (" skript "); s = d.createElement (" skript "); s .type = "text / javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore (s, t);)) (toto , this.document, "yandexContextAsyncCallbacks");

Kontaktní formulář je základním atributem většiny stránek. To je důvod, proč je v adresáři WordPress tolik pluginů kontaktních formulářů... 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 přizpůsobitelné; se vyvíjí již mnoho let a obsahuje mnoho vývojů.

Vytvářejte a zobrazujte kontaktní formuláře

Vytváření formulářů v oblasti administrátora

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 se vytvoří automaticky při aktivaci pluginu.

Použijme výchozí formulář tak, že 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ář za odeslaným dopisem (naznačuje to upozornění ve spodní čá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á forma kontakty. Nyní se podíváme na to, jak vytvořit složitější formulář. Chcete-li to provést, přejděte zpět na panel správce, do správce formulářů a přejděte na úpravu výchozího formuláře.

V horním poli - název formuláře (je viditelný pouze v administračním panelu), uvádíme název, který je pro nás srozumitelný, například: "Zpětná vazba na web", "Formulář žádosti o zaměstnání", "Formulář zpětné vazby ", atd.

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

A níže jsou čtyři záložky:

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í plocha je HTML editor WP. 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í vytvářet libovolnou strukturu HTML. Náš výchozí formulář vypadá například takto:

Vaše jméno (povinné) Váš e-mail (vyžadováno) Téma 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 později 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 konstruktérem na to přijdete sami.

A zde budeme analyzovat syntaxi krátkého kódu.

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

Text (Požadované) Typ pole: text, výběr, heslo, číslo atd. (proti v tomto případě textové pole). Určuje, do jakého formulářového prvku se náš tag přetransformuje, tedy jaký druh 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 odchozí dopis. id: moje-id Atribut id na vstupu s hodnotou moje-id. Používá se k dekoraci. class: my-class Atribut class na vstupu s hodnotou my-class. Používá se k dekoraci. zástupný symbol "(! LANG: Zadejte jméno" Использовать текст "Введите имя" как placeholder. !}

Dodržujte pořadí atributů tagu: nejprve přijde na řadu 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ádio, seznamy: zaškrtávací políčko, rádio, vybrat
• Pole pro nahrání souboru: soubor
• CAPTCHA: captchac a captchar
• Ankety: kvíz
• Pole přijetí: přijetí
• Tlačítko Odeslat: Odeslat
• Libovolný typ pole

Šablona dopisu

V druhém příspěvku si 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řenos údajů uvedených 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 značku použít v šabloně e-mailu. V dopise bude místo této značky nahrazena hodnota pole zadaná uživatelem (celé jméno).

Hlavičky e-mailů:

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

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

Můžete zadat libovolnou poštu, ale pokud se poštovní doména liší od domény webu, formulář ne bude testován a bude na tento parametr "nadávat", ačkoli dopisy budou stále odesílány.

Předmět – Předmět dopisu. Bude zřejmé, z jakého formuláře byla data odeslána. Předmět je například „Chyba na webu“, „Objednávka zpětného volání“ a podobně. Vyberte si název, který usnadní práci s dopisy, které dostáváte.

• Další hlavičky – ve výchozím nastavení je toto nastaveno na Reply-To:. Záhlaví Reply-To nám říká, že na tento e-mail lze odpovědět kliknutím na tlačítko Odpovědět v 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. Získáte něco jako Reply-To: [e-mail chráněný].

Tělo dopisu

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

Pojďme analyzovat výchozí písmeno:

Z:<>Předmět: Zpráva: - Odesláno z webu Studujeme plugin 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 mohu nakonfigurovat? - Odesláno z webu Studujeme plugin Contact Form 7 (http://test-wp.ru)

Nepovinná pole v těle e-mailu

Pokud uživatel pole nevyplní, ale použije se 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 obdržíme Muže z města ... Takový řádek v dopise je nadbytečný. Chcete-li tento řádek ze zprávy odstranit, zaškrtněte políčko „Vyloučit výstup řádků s prázdnými značkami zprávy“. Všimněte si, že to bude fungovat pouze v případě, že text pole a krátký kód jsou na stejném řádku.

Možnost „Použít formát pošty HTML“. Umožňuje používat HTML tagy v těle zprávy. V tomto případě můžete použít omezený seznam HTML tagy protože ne všechny poštovní klienti nebo služby dokážou správně zpracovat složité značení HTML. Můžete použít: tabulky, seznamy s odrážkami, tučnost, odstavce a tak dále. Více podrobností hledej na netu.

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 administrátorovi stránky dopis s úplnými informacemi a duplikát manažerovi, který obsahuje pouze údaje o objednávce.

Oznámení o odeslání formuláře

Na této záložce můžete upravovat zprávy, které formulář zobrazuje v konkrétní situaci: při úspěšném nebo neúspěšném odeslání dopisu nebo v případě chyb.

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. Například zveřejňování událostí pro analýzu.

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

Plugin Contact Form 7 vám pomůže uspořádat zpětnou vazbu na vašem webu.

Plugin Contact Form 7 si můžete stáhnout na oficiálních stránkách WordPressu

Plugin Really Simple CAPTCHA si můžete stáhnout na oficiálních stránkách WordPressu

Zkoumali jsme, jak nainstalovat a připojit tento plugin v lekci "", nyní se budeme zabývat doplňkové funkce plugin Kontaktní formulář 7. Formulář funguje správně na monitorech, tabletech, telefonech a noteboocích. Mimochodem, pokud je váš notebook rozbitý, pak existuje služba, kde jsou notebooky HP opraveny.

Po stažení a aktivaci pluginu přejděte na nastavení pluginu nová sekce ovládací panel "Kontakty".

Najeďte myší na název formuláře a zvolte "Upravit"

Otevře se okno pro změnu parametrů formuláře.

Vzhledem k tomu, že stránka může používat ne jeden, ale několik formulářů (formulář pro odeslání zprávy, formulář pro objednání hovoru, formulář s osobními údaji), aby nedošlo k nejasnostem, který formulář je za co zodpovědný, musíte změnit název formuláře. Chcete-li to provést, klikněte na název formuláře 1.

Blok 2 zobrazuje, co se bude zobrazovat na stránce ve formuláři. Nejprve následuje text, název pole, za kódem tohoto pole. Text můžete změnit na cokoliv chcete.

Chcete-li do formuláře přidat nová pole, klikněte na rozevírací seznam # 3 - "Generovat značku" a vyberte požadovaný prvek z rozevíracího seznamu.

• Textové pole
• E-mailem
• Telefonní číslo
• Číslo (spinbox)
• Číslo (posuvník)
• Textové pole
• Rozbalovací nabídka
• Zaškrtávací políčka
• Přepínací tlačítka
• Přijetí
• Otázka
• CAPTCHA
• Nahrání souboru
• Tlačítko Odeslat

Ve výchozím nastavení jsou popisky nástrojů a pole formuláře umístěny následovně: v horní části nápovědy, ve spodní části prvku. Pokud chcete umístit popis a prvek na jeden řádek, odstraňte značku za textem

... Celý blok s popisem a prvky musí být na jednom řádku a musí být uvnitř značky

Textové pole

Z rozevíracího seznamu vyberte prvek "Textové pole"

Pokud je vyžadována nějaká funkce, kterou přidáte - zaškrtněte políčko 1 a nezapomeňte o tom napsat do popisu.

Můžete přidat do vstupního pole Dodatečné informace pro snazší vyplnění formuláře. Zaškrtávací políčko 2 "Použít jako zástupný symbol?" a vedle toho do pole napište nápovědu. Po vyplnění tohoto pole ve formuláři textová nápověda zmizí. Poté postupujte podle pokynů pluginu. Výsledkem je, že v hotovém formuláři získáte následující pole:

Kód nezapomeňte vložit do šablony emailu, jinak nebudou data z tohoto pole odeslána na mail! To platí nejen pro textová pole, ale také pro jakékoli další prvky.

E-mailem

Slouží k předání adresního formuláře poštovní schránka odesílatel

URL

Umožňuje přidat adresu webu do formuláře.

Telefonní číslo

Do tohoto pole lze zadat pouze čísla.

Číslo (spinbox)

Pole, ve kterém můžete nastavit množství něčeho, například položky. Číslo se nastavuje pomocí šipek nahoru / dolů.

datum

Vloží do formuláře kalendář s možností výběru data. Používá se například pro hotelové rezervace. Datum příjezdu, datum odjezdu.

Textové pole

Ano, nedivte se 🙂 Další textové pole. Tentokrát má toto pole velké velikosti a umožňuje do něj napsat velké množství textu. Například recenze, komentáře.

Rozbalovací nabídka

Když je pro něco mnoho možností a potřebujete vybrat položku z velkého seznamu, například seznam měst, ulic, zboží.

Seznam je nutné umístit do pole Výběr, každou položku na nový řádek.

Zaškrtávací políčka

Zaškrtávací políčko nebo ve vývojářském žargonu zaškrtávací políčko je prvek, který vytváří zaškrtávací políčko. Toto pole má dva stavy – zaškrtnuté nebo nezaškrtnuté. Je možný vícenásobný výběr. Uspořádáno pouze v řadě, pokud zaškrtnete políčko "Vylučovat zaškrtávací políčka?" pak lze vybrat pouze jeden parametr.

Přepínací tlačítka

Přepínače (jarg. Radio buttons) se používají, když je potřeba vybrat jednu jedinou možnost z více nabízených. Zaškrtnutím políčka "Nejdřív umístit štítek a potom zaškrtávací políčko?" umístění štítku a pole výběru se ve výchozím nastavení změní nejprve výběr, poté štítek.

Přijetí

Potvrzení něčeho. Předpokládejme souhlas s přijetím výše popsaných podmínek.

Otázka

Toto je první linie obrany proti spamu, ta nejzákladnější. V nastavení napište otázku, může být v číslech, může to být písmeny, nebo tak a tak, a uveďte správnou odpověď. Pokud je odpověď při vyplňování formuláře správná, bude formulář odeslán. Zelená označuje, která část tohoto vzorce bude zobrazena na webu před polem pro zadání odpovědi, červená - odpověď. Správná odpověď ve vzorci se píše za | (svislý pruh)

Přidá do formuláře ochranu proti spamu.

Aby tato funkce fungovala, je potřeba ještě jeden plugin. Stáhněte si, nainstalujte, aktivujte plugin.

Nastavení můžete ponechat beze změny, zkopírovat a vložit 2 řádky před tlačítko Odeslat.

Nahrání souboru

K formuláři pro odeslání zprávy můžete připojit soubor. V nastavení můžete určit maximální velikost v bajtech a povolené formáty pro nahrávání, např. jpg .tiff .doc

Tlačítko Odeslat

Odeslání formuláře. V nastavení v sekci "Štítek" - můžete zadat název tlačítka (Odeslat, odpovědět, odeslat 🙂)

Přizpůsobení vzhledu kontaktního formuláře 7

Protože pluginy mají vlastnosti, které je třeba aktualizovat, provedeme změny vzhledu formuláře v souboru stylu tématu webu style.css

Následující kód je zodpovědný za zobrazení formuláře, jeho polí a dalších prvků:

Wpcf7 (barva pozadí: #ddd;) / * barva pozadí formuláře * / vstup .wpcf7, textová oblast .wpcf7 (výplň: 5px; barva: # 1D1D1D; rodina písem: Arial, Helvetica, sans-serif; velikost písma: 16px; výška řádku: 20px; ohraničení: 1px plný # C7C7C7; rámeček-shadow: vložka 2px 2px 8px # F9F9F9; -webkit-transition: všech 0,2 s lehkost; -moz-přechod: všech 0,2 s lehkost; -o-přechod : všech 0,2 s lehkost; přechod: všech 0,2 s lehkost;) .wpcf7 .wpcf7-list-item (padding-left: 0; margin-left: 0; margin-right: 25px;) .wpcf7 .wpcf7-list-item input (border: none; padding-left: 0; margin-left: 0;) .wpcf7 select (obrys: none; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 input: hover, .wpcf7 input: focus, .wpcf7 input: active, .wpcf7 textarea: hover, .wpcf7 textarea: focus, .wpcf7 textarea: active (pozadí: #FDFDFD; obrys: žádný;)

Co je tam co.

Vstup .wpcf7, textová oblast .wpcf7 - styl vstupního pole (textového pole)

1. vycpávka- nastaví odsazení od obsahu k okraji prvku. Zde je odsazení od textu zadaného do pole k okraji pole. Nastavte na hodnotu v pixelech Xpx, kde X je počet pixelů. Příklad: padding: 5px 3px 6px 8px;
2. barva- barva textu.
3. rodina písem- font vstupních polí.
4. velikost písma- velikost písma
5. výška čáry- výška řádku
6. okraj- okraj kolem vstupního pole
7. box-shadow- blokový stín. vložka znamená, že stín je vnitřní. Pokud potřebujete vnější stín, tuto hodnotu přeskočte. Druhá a třetí hodnota 2px 2px označují prolnutí stínu vodorovně a svisle. Čtvrtá hodnota, 8px, nastavuje poloměr rozostření stínu. Za páté - # F9F9F9 - barva stínu.

Přizpůsobení kontaktního formuláře 7 Tlačítko

.buttons_form (odsazení: 0px; výška: 30px; šířka: 150px! důležité; ohraničení: žádné! důležité; kurzor: ukazatel; barva: #fff; -webkit-border-radius: .5em; -moz-border-radius:. 5em; border-radius: .5em; color: #faddde; border: solid 1px # 980c10; background: # d81b21; background: -webkit-gradient (lineární, vlevo nahoře, vlevo dole, od (# ed1c24), do (# aa1317)); pozadí: -moz-linear-gradient (top, # ed1c24, # aa1317); filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ed1c24", endColorstr = "# aa1317");)

Kontaktní formulář 7 Styl oznámení

Je odpovědný za chybová hlášení nebo úspěšné odeslání.

Wpcf7 .wpcf7-validation-errors (border: none; background-color: # 246416; color: #fff; margin: 0; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (ohraničení: žádné; barva pozadí: # 7ad33f; okraj: 0; odsazení: 20px; -webkit-border-radius: 10px; -moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (ohraničení: žádné; barva pozadí: # 349622; okraj: 0; odsazení: 20px; -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (border: none; background-color: # 349622; padding: 5px; padding- left: 5px; padding-right: 5px; border-radius: 10px; width: 290px; color: white; / * Vržený stín * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0,3) ; -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); box-shadow: 3px 3px 3px rgba (0,0,0,0,3);)

A nyní pro pohodlí celý kód s komentáři:

Wpcf7 (background-color: #ddd;) / * barva pozadí formuláře * / .wpcf7 input, .wpcf7 textarea (/ * Tato část kódu je zodpovědná za styl vstupních polí, textové oblasti * / padding: 5px ; / * Nastaví odsazení od elementu pole před jeho obsahem, můžete vložit libovolnou hodnotu, například 10px * / barva: # 1D1D1D; / * Barva textu ve vstupních polích * / rodina písem: Arial, Helvetica, sans- serif; / * Písmo textu ve vstupních polích * / velikost písma: 16px; / * Velikost textu ve vstupních polích * / výška řádku: 20px; / * Výška řádku ve vstupních polích * / border: 1px solid # C7C7C7; / * Okraj kolem polí. První hodnota je šířka v pixelech, druhá - styl okraje, třetí - jeho barva * / box-shadow: inset 2px 2px 8px # F9F9F9; / * Shadow ze vstupních polí.2px - posun podél osy x, 2px - posun podél osy y, 8px - poloměr rozostření stínu, # F9F9F9 - barva stínu * / -webkit-transition: všech 0,2 s snadnost; -moz- přechod: všech 0,2 s lehkost; -o-přechod: všech 0,2 s lehkost; přechod: všech 0,2 s lehkost;) .wpcf7 .wpcf7-list- item (padding-left: 0; margin-left: 0; margin-right: 25px ;) .w pcf7 .wpcf7-list-item input (ohraničení: žádné; padding-left: 0; okraj-levý: 0; ) .wpcf7 select (obrys: žádný; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 input: hover, .wpcf7 input: focus, .wpcf7 input: active, .wpcf7 textarea: hover, .wpcf7 textarea: focus, .wpcf7 textarea: active (/ * Tato část je zodpovědná za styl vstupních polí, když je nad nimi ukazatel myši * / background: #FDFDFD; / * Pozadí vstupního pole, když kurzor myši je nad ním * / obrys : žádný; / * Vnější okraj pole pro zadávání textu * /) .wpcf7 input.wpcf7-submit (/ * Tato část kódu je zodpovědná za styl tlačítka Odeslat v forma * / -webkit-přechod: 0; -moz-přechod: 0; - o-přechod: 0; přechod: 0; ohraničení: žádné; / * Ohraničení kolem tlačítka * / pozice: relativní; barva: #fff; / * Barva textu * / text-transform: velká písmena; / * Transformace textu (velká písmena znamená, že se zobrazí text na tlačítku velkými písmeny) * / / * Kulaté rohy tlačítek. Hodnoty následujících tří vlastností by měly být stejné, protože jsou stejné, pouze pro různé prohlížeče * / -webkit-border-radius: 6px; / * Zaoblení rohů pro Chrome * / -moz-border-radius: 6px; / * Zaoblení rohů pro Mozilla FireFox * / border-radius: 6px; / * Zaoblení rohů pro všechny ostatní prohlížeče, včetně mobilních * / font-size: 14px; / * Velikost textu tlačítka * / váha písma: tučné; / * Styl textu (tučné znamená tučné) * / padding-top: 11px; / * Horní výplň od okraje prvku k jeho obsahu * / padding-bottom: 10px; / * Padding od spodní části okraje prvku k jeho obsahu * / padding-left: 35px; / * Padding nalevo od okraje prvku k jeho obsahu * / padding-right: 35px; / * Odsazení zprava od okraje prvku k jeho obsahu * / / * Přechodové pozadí - Gradient pozadí tlačítka * / background-color: # 000000; / * Barva pozadí tlačítka, pokud přechod není podporován prohlížečem * / / * V následujících vlastnostech by měly být barvy specifikovány stejně, protože jsou stejné, pouze pro různé prohlížeče. Pojďme se podívat na první vlastnost. Část od (# 676767) do (# 3B3B3B) znamená, že musíte zobrazit přechod, kde přechod z barvy # 676767) přejde na barvu # 3B3B3B * / pozadí: -webkit-gradient (lineární, vlevo nahoře, vlevo dole, od (# 676767), do (# 3B3B3B)); pozadí: -moz-linear-gradient (top, # 349622, # 246416); filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 349622", endColorstr = "# 246416"); -ms-filter: "progid: DXImageTransform.Microsoft.gradient (startColorstr = # 349622, endColorstr = # 246416)"; / * Drop Shadow - Stín tlačítka. Barva stínu je určena v RGBA * / -webkit-box-shadow: 0 2px 5px rgba (0,0,0,0,3); -moz-box-shadow: 0 2px 5px rgba (0,0,0,0,3); box-shadow: 0 2px 5px rgba (0,0,0,0,3); ) / * Při najetí – Styl tlačítka při přechodu. Vše je téměř stejné jako v předchozím bloku * / .wpcf7 input.wpcf7-submit: hover (kurzor: ukazatel; text-decoration: none; background-color: # 000000; background: -webkit-gradient (lineární, vlevo nahoře , vlevo dole, od (# 246416), do (# 349622)); pozadí: -moz-linear-gradient (nahoře, # 246416, # 349622); filtr: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 246416) ", endColorstr =" # 349622 "); -ms-filter:" progid: DXImageTransform.Microsoft.gradient (startColorstr = # 246416, endColorstr = # 349622) ";) / * Při kliknutí - styl tlačítka při kliknutí na něj . téměř stejné jako v předchozím bloku * / .wpcf7 input.wpcf7-submit: active (top: 1px; color: # d8c6e2; / * Barva textu tlačítka při kliknutí na něj * / background-color: # 000000; background : -webkit-gradient (lineární, vlevo nahoře, vlevo dole, od (# FF0000), do (# 246416)); pozadí: -moz-linear-gradient (nahoře, # FF0000, # 246416); filtr: progid: DXImageTransform . Microsoft.gradient (startColorstr = "# FF0000", endColorstr = "# 246416"); -ms-filter: "progid: DXImag eTransform.Microsoft.gradient (startColorstr = # FF0000, endColorstr = # 246416) "; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: žádný; ) / * Zprávy CF7 - Styl zpráv o úspěšném odeslání, chybách atd. * / .wpcf7 .wpcf7-validation-errors (/ * Styl zpráv pro chyby ověření * / ohraničení: žádné; / * Rámec bloku zpráv * / barva pozadí: # 246416; / * Pozadí * / barva: #fff ; / * Barva textu * / okraj: 0; / * Vnější výplň * / výplň: 20px; / * Výplň * / / * Zaoblení rohů pro různé prohlížeče – následující 3 vlastnosti * / -webkit-border-radius: 10px; - moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (/ * Styl zpráv o úspěšném odeslání * / border: none; / * Rámec bloku zpráv * / pozadí -color: # 7ad33f; / * Pozadí * / okraj: 0; / * Vnější výplň * / výplň: 20px; / * Výplň * / / * Zaoblení rohů pro různé prohlížeče - následující 3 vlastnosti * / -webkit-border-radius : 10px; -moz- border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (border: none; background-color: # 349622; margin: 0; padding: 20px; - webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (border: none; backgrou nd-color: # 349622; výplň: 5px; padding-left: 5px; padding-right: 5px; border-radius: 10px; šířka: 290px; barva bílá; / * Vržený stín * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); box-shadow: 3px 3px 3px rgba (0,0,0,0,3); ) .wpcf7-form .fleft (float: left;) .wpcf7-form .mright20 (margin-right: 20px;) .wpcf7-form .mright40 (margin-right: 40px;) .wpcf7-form .clear (clear: oba;)

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.

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

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

Instalace pluginu Contact Form 7

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

Konfigurace pluginu Contact Form 7

Co je hezké, je, že plugin Contact Form 7 je ve výchozím nastavení vícejazyčný. 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 specifikován při vytváření každého formuláře. Neexistuje žádná samostatná sekce pro nastavení, všechna nastavení jsou individuální pro každý samostatný formulář.

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

1. Vyberte na panelu správce Tlačítko "Kontaktní formulář 7"> "Formuláře"> na stránce "Přidat nový".

2. Budete vyzváni k výběru jazyka formuláře. Výchozí hodnota je „ruština“. Stiskneme tlačítko "Přidat nový"
3. Otevře se před vámi okno, kde můžete vytvořit svůj formulář s vašimi nastaveními.

Možnosti jsou rozsáhlé, ale chci hned upozornit na pár funkcí. Okno, ve kterém se otevřel, obsahuje několik záložek: "Šablona formuláře", "Dopis", "Upozornění při odeslání formuláře", "Další nastavení". Poslední záložka nepotřebujete, je to spíše přizpůsobení pro pokročilé uživatele a programátory. Pojďme se blíže podívat na zbytek.

"Oznámení o 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 pro zprávy úspěšné i 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 povinných polí ve formuláři.

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

POZORNOST: nyní budeme analyzovat, co jsou značky a jaká pole vytvářejí. Všechny tyto značky se zadávají v záložce "Šablona formuláře", ale pokud "značky odpovědí" nezadáte ručně (!) V záložce "Dopis", pak vám vyplněné formuláře nepřijdou úplně do pošty.

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: kontaktní telefonní pole
- číslo: pole, do kterého lze 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 „Povolit více výběrů“, uživatel bude moci vybrat více než jednu možnost z vašeho seznamu. Pokud je zatržítko vedle „Vložit prázdnou položku jako první možnost“, pak bude ve výchozím nastavení nahoře přidáno prázdné pole, které může také vybrat uživatel.

- zaškrtávací políčka: Zaškrtávací políčko (zaškrtávací značky). Pole má několik nastavení. Seznam zaškrtávacích políček je uveden v poli „Možnosti“. A jedno zaškrtávací políčko na jednom řádku (neoddělené čárkami!). Pokud je zaškrtnuto políčko „Napřed dát štítek, zaškrtávací políčko jako poslední“, bude ve výchozím nastavení zaškrtávací políčko u prvního zaškrtávacího políčka. Pokud je zaškrtnuta položka „Make checkboxes exclusive“, pak uživatel bude moci označit pouze jedno z checkboxů.

- 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í: zaškrtávací políčko, bez zaškrtnutí políčka, na které nebude zpráva odeslána. Ve skutečnosti se jedná o příležitost vzít si uživatelův bezpodmínečný souhlas 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 pluginu. Toto pole umožňuje vytvořit otázku a odpověď na ni. Ideální pro ochranu proti spamu. Podívejte se na formátování otázek a odpovědí ve formuláři pro generování značek.

Jakékoli pole může být povinné (obvykle jsou tato pole označena *) pro vyplnění, k tomu musíte zaškrtnout 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ě je s tagem kvíz potřeba kapky mnohem menší.

- soubor: pole vytvoří značku umožňující uživateli připojit ke zprávě soubor. V nastavení tagu můžete určit maximální velikost přiloženého souboru „Limit velikosti souboru (bajty)“, 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 získáte od hostitelské společnosti. 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, proto používám následující vysvětlení pro uživatele. pomocí HTML značky.

5. Záložka "Dopis".

Nyní přejdeme k formuláři pro vygenerování dopisu, který vám bude zaslán a přidáme značky, které jsme použili v „šabloně formuláře“. Věnujte pozornost obrazovce. 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 zprávy (pole „Tělo zprávy“): stačí zkopírovat značky zvýrazněné černě a vložit je do tvaru těla zprávy. Upozorňujeme, že čísla uvedená ve značkách odpovídají jedinečným číslům polí, která jste přidali do šablony formuláře. Tímto způsobem můžete identifikovat, které pole na co odkazuje, a podepsat je přímo v těle dopisu, abyste se později nespletli.
Změny uložíme.

6. Instalace formuláře na webu.

Ze stránky pro vytvoření formuláře zkopírujte krátký kód (většinou je zvýrazněn modře nebo hnědě) a vložte jej na jakoukoli stránku nebo příspěvek.

Pro a proti v kostce

klady
+ velký počet typy 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:
- k vygenerovanému dopisu nesmíme zapomenout přidat další značky
- návrh formuláře a dopisu vyžaduje minimální znalost HTML

Závěr: rozhodně skvělý editor, ne-li nejlepší! Potěší flexibilita, spolehlivost a stabilita. Pokud by byla zaplacena, byla by stále koupena, protože žádná jiná kvalita se tomu neblíží. Doporučuji plugin Contact Form 7.