Kontaktní formulář formuláře 7. Jak odeslat adresu stránky, ze které byla zpráva odeslána, ve formuláři pro zpětnou vazbu Wordpress? fáze - přidání polí pro odesílání souborů do formuláře

Flector 5

Toto je plugin pro vytváření kontaktních formulářů. Je mezi uživateli velmi populární (druhý pouze za pluginy a pokud jde o stahování), protože úspěšně kombinuje snadné použití a výkonné možnosti přizpůsobení a navrhování kontaktních formulářů. Pokusím se co nejpodrobněji zvážit všechny funkce pluginu.

1 Rozbalte archiv.

2 Zkopírujte složku kontaktní formulář-7 proti / wp-content / plugins /.

3 Přejdeme na panel pro správu blogu na stránce „ Pluginy“a aktivujte plugin.

Když je plugin aktivován, vytvoří v oblasti pro správu blogu samostatnou nabídku s názvem „“ a také vytvoří výchozí kontaktní formulář, který můžete vidět v „ Kontaktní formulář 7 \ Tvary":

Pokud použijete navrhovaný „kód pro vložení“, bude formulář v blogu vypadat takto:

Samozřejmě, vzhled tento kontaktní formulář bude záviset na stylech použitých ve vaší šabloně, ale obecně bude vypadat takto.

Chcete -li toto výstup nejjednodušší forma potřebujete jen pár minut. A právě kvůli této snadné přidání kontaktního formuláře si mnoho uživatelů tento plugin oblíbilo.

Plugin má však spoustu možností pro vytváření pokročilých kontaktních forem jakékoli složitosti. Začněme ale jednoduše, vytvořením vlastního formuláře, který se bude jen mírně lišit od výchozího formuláře zabudovaného do pluginu. Klikněte na odkaz „Přidat nový“:

Tím se otevře úvodní stránka přidání formuláře:

Plugin automaticky detekuje národní prostředí použité v blogu, takže není třeba vybírat jazyk, stačí kliknout na tlačítko "". Zobrazí se stránka návrháře formulářů. První věc, kterou byste zde měli udělat, je přejmenovat název formuláře:

Na nadpisu nezáleží, je to jen proto, abyste se nenechali zmást ve svých vlastních tvarech. Nastavte název formuláře, klikněte na „ Uložit“a v důsledku toho dostal„ vložený kód “:

Nyní můžete navrhovaný kód vložit do kteréhokoli ze svých příspěvků nebo stránek (samozřejmě v režimu „Text“) a zobrazit v něm kontaktní formulář. V ničem se však nebude lišit od výchozího formuláře, takže budeme i nadále spolupracovat s návrhářem formulářů. Na pravé straně stránky návrháře je tlačítko " Generovat tag“, kliknutím na něj získáte:

Vyberme si například telefonní číslo. Otevře se okno jako toto:

Ve skutečnosti zde nemůžete změnit vůbec nic. Velikosti, třídy atd. Jsou sekundární možnosti a ve většině případů je nemusíte upravovat. Možnost "" však může být užitečná jako nápověda pro návštěvníky, jak vyplnit toto pole.

Nastavíme například následující hodnoty:

Při zobrazení kontaktního formuláře bude pole vypadat takto:

Po kliknutí na toto pole tam zadaný text zmizí, protože slouží pouze jako nápověda k vyplnění. Ale minul jsem smysl přidání vybrané značky do samotného kontaktního formuláře. Tato značka:

Je nutné vložit na levou stranu stránky návrháře formulářů, kde je umístěn kód kontaktního formuláře:

Kód formuláře musíte vytvořit ručně, to znamená, uspořádat nadpisy, značky odstavců a konce řádků sami, měli byste získat něco jako:

Uložte kód formuláře a dokončete následující kontaktní formulář:

Ve skutečnosti stejným způsobem můžete snadno přidat do svého kontaktního formuláře během několika minut jakýkoli štítek použitý pluginem. Nebudu vás nutit ručně zkoušet každou značku, okamžitě dám jejich výstup:

1 Textové pole.

Prosté textové pole, lze použít pro jméno, předmět atd.

2 E-mailem.

Používá se pouze pro vstup emailová adresa.

3 URL.

4 Telefonní číslo.

Slouží pouze k zadání telefonního čísla (čísla a pomlčky).

5 Číslo (spinbox).

Slouží pouze k zadání čísla (lze použít k označení věku, počtu objednaných položek atd.).

6 Číslo (posuvník).

Funguje to špatně. K zobrazení tohoto číselného posuvníku se používá HTML5, a to za prvé znamená, že takový posuvník vypadá v různých prohlížečích odlišně, a za druhé stále ve skutečnosti nefunguje. Na fórech podpory pluginů jsem viděl řešení, která opravují práci této značky, ale nepomohla mi - tento posuvník se mi nepodařilo zobrazit žádná čísla. Doporučuji tuto značku nepoužívat.

7 Datum.

Používá se pouze pro zadání data.

8 Textové pole.

V ruském překladu se této značce také říká „textové pole“, ale v terminologii HTML se jedná o textarea, což ve skutečnosti znamená pouze zvětšené textové pole. Slouží k zadání textu zprávy.

9 Rozbalovací nabídka.

Slouží k výběru položky (nebo více položek) z rozevírací nabídky. Lze jej použít na cokoli - od dotazu na barvu objednaného produktu až po výběr pohlaví osoby.

10 Zaškrtávací políčka.

Slouží k výběru jedné nebo více položek z navrhovaných možností.

11 Rádiová tlačítka.

Slouží k výběru pouze jedné položky z navrhovaných možností.

12 Přijetí.

Používá se k odsouhlasení podmínek.

13 Otázka.

Slouží k zodpovězení zadaných otázek (otázka je vybrána náhodně ze zadaných možností). V zásadě se tato značka používá jako ochrana proti spamu. A pokud mohou spamboti snadno odpovědět na číselnou otázku, pak otázky typu „na jaké planetě žijeme?“ nejsou schopni odpovědět.

14 CAPTCHA.

Slouží k zobrazení plnohodnotného captcha. Chcete -li použít tuto značku, musíte si nainstalovat plugin Really Simple CAPTCHA. Captcha je docela dobře čitelná, a proto je snadno proniknuta pokročilými spamovými roboty, jako je Hrumer.

15 Nahrání souboru.

Slouží k odeslání souboru. Můžete určit maximální velikost a formáty platných souborů.

16 Tlačítko Odeslat.

Slouží k odeslání údajů kontaktního formuláře. Toto je povinný štítek.

Se značkami použitými přímo v Kontaktní formulář, vyřešil to. Nyní se podívejme na to, jak tyto stejné značky dostat z kontaktního formuláře na váš e -mail. Těsně pod kódem kontaktního formuláře v konstruktoru je šablona dopisu, který vám byl zaslán, a právě v něm musíte provést potřebné změny. To je důležité, protože nesprávné vyplnění této šablony vám zabrání přesně vědět, co návštěvník do vašeho formuláře napsal. Vezměme si jako příklad značku telefonního čísla. Řekněme, že ve vašem kontaktním formuláři je vložen pomocí kódu takto:

Do šablony odeslaného dopisu tedy musíte vložit následující kód:

Myslím, že význam je jasný. V kódu kontaktního formuláře , a v dopise pouze název tohoto pole ... Plugin generuje názvy digitálních značek jako , ale nikdo vám nebrání používat vaše jména. A o ostatních značkách v e -mailové šabloně - jsou také vytvořeny podle stejného principu - místo používá atd.

Texty, které kontaktní formulář vydává, lze také opravit v návrháři formulářů v sekci „Zprávy“:

Plugin Často kladené otázky:

1 Chyba zobrazení " ", jak opravit?

To znamená, že buď byl zadaný formulář odstraněn, nebo je název formuláře zadán nesprávně (název v volacím kódu je pro volání formuláře rozhodující).

2 V dopise vidím značky jako místo textu, jak to opravit?

To znamená, že návštěvník toto pole nevyplnil. V tomto případě není značka nahrazena, ale je zobrazena tak, jak je.

3 Existují nějaká omezení při výběru názvu pro značku?

Tady je. Pokud smyčka WordPress použije se název „name“, pak jej nemůžete použít jako název značky. Tím nejlepším způsobem vyhýbání se problémům je přidávání předpon pro jména, jako je slovo „vaše“. S názvem značky určitě nebudou žádné problémy.

4 Může být návštěvník informován e -mailem o přijetí jeho formuláře?

Umět. V konstruktoru formuláře použijte možnost „Cíl 2“:

Tuto možnost lze použít jako záznamník.

5 Lze vyplněný formulář zaslat na více adres?

Umět. Použijte pole „“ v možnosti „Cíl“:

Kde [chráněno emailem] váš dodatečný e -mail, na který bude odeslána kopie návštěvníkem vyplněného formuláře (příkaz „cc“ odešle slepou kopii).

6 Je možné zobrazit formulář, který není na příspěvku nebo stránce?

Ano. Vložte kód pro volání formuláře do textového widgetu.

7 Je možné formulář vykreslit přímo pomocí kódu v souborech šablon?

Ano. Použijte kód jako:

"" ) ; ?>

8 Formulář není odeslán, zobrazí se chyba v červeném rámečku, jak jej opravit?

Kontaktujte svého hostitele, je možné, že PHP neumožňuje volání funkce mail ().

9 Při odesílání formuláře se mi zobrazí chyba v oranžovém rámečku, jak to mohu opravit?

Oranžový rámeček označuje spam. Ukládání do mezipaměti pluginů může způsobit falešně pozitivní výsledky ochrany proti spamu. Nakonfigurujte svůj plugin pro ukládání do mezipaměti tak, aby pravidelně vymazával soubory mezipaměti (stačí 24 hodin).

10 Pole e -mailu vypadá jinak než ostatní pole ve formuláři, jak to mohu opravit?

Plugin používá k zadání e -mailové adresy kód HTML5 ( namísto ) a takový kód často není formátován ve starých šablonách. Musíte provést změny v styles.cssšablonu přidáním potřebného kódu pro volič vstupu.

11 Jak vložit soubor připojený uživatelem do e -mailu?

Chcete -li to provést, použijte speciální pole „Připojené soubory:“

Opravdu si zaslouží vaši pozornost. Na rozdíl od mnoha jiných populárních pluginů vás nenutí si žádné kupovat. Pro verze - všechny její možnosti jsou okamžitě k dispozici. Popularita pluginu (více než 19 milionů stažení) je zasloužená - pro všechny jeho funkce je jeho konfigurace velmi snadná a je k dispozici i pro začínající uživatele enginu. WordPress.

Pamatujte však, že se jedná o plugin kontaktního formuláře, nikoli jednoduchý formulářový plugin. Přes všechny své možnosti vám nedovolí vytvořit pokročilý formulář na základě jakýchkoli podmínek. Jeho hlavním účelem je vytvářet kontaktní formuláře a nic víc. Pro tvoření dynamické formy, formuláře pro vytváření příspěvků a podobně, používejte pluginy jako Ninja Forms, jsou k tomu vhodnější.

Pokud máte ještě nějaké dotazy ohledně konfigurace pluginu - zeptejte se v komentářích, určitě se vám pokusím pomoci.


Autor pluginu: Takayuki Miyoshi
Dotyčná verze: 3.9.1 od 31. 7. 2014
Současná verze: 5.1.4 ze dne 04.08.2019
Kompatibilní s verzí WordPress: 4.9 a vyšší
Aktivní instalace pluginu: 5 000 000+
Stáhnout plugin verze 5.1.4(celkem staženo 121 112 956 jednou)

Líbil se vám příspěvek? Přihlaste se k odběru aktualizací softwaru nebo

Přidá na web stránku se zásadami ochrany osobních údajů. Také pod kontaktním formulářem 7 přidává souhlas se zpracováním osobních údajů. Plugin je určen pouze pro weby v ruském jazyce. Po vstupu se uživatelům zobrazí oznámení o používání cookies webem. Vhodné pro 152FZ.
Pokud máte dotazy týkající se pluginu, napište na tento mail: [chráněno emailem] Prostřednictvím online poradce na našich webových stránkách neposkytujeme rady.

Instalace

  1. Nainstalujte si plugin.
  2. Vyplňte požadované informace o společnosti.

Přispěvatelé a vývojáři

"Zásady ochrany osobních údajů pro tento web." Souhlas pod kontaktním formulářem 7 ”je projekt s otevřeným zdrojovým kódem. K vývoji pluginu přispěli následující přispěvatelé:

Změnit protokol

1.28 Kontrola kompatibility s WP 5.0. Přidáno skrytí názvu z textu zásad
1.27 Kontrola přítomnosti cookie pro talíř, který vyskočí ze spodní části při vstupu na web, je přeložena do js
1.26 Přidány odkazy rel = nofollow na plugin
1.25 Doplněn text dohody podle standardní forma komentování
1.24 Opravená chyba ve skriptu Java
1.22 Opravené drobné chyby v administračním panelu a zobrazování textu názvu tlačítka pod kontaktním formulářem 7 na stránce
1.21 Třída kontejneru, se kterou je text zásady orámován, byla nahrazena kontejnerem-ppcf7
1.2 Přidána třída do tagu

p> pod formuláři
1.1 Přidána možnost zobrazit / skrýt odkaz na zásady ochrany osobních údajů v zápatí
1.01 Odstraněn extra p tag ve zprávě cookie
1.0 První verze v úložišti

FormGet je jednoduchý WordPress plugin, který funguje jako přetáhněte a drop, což vám umožňuje vytvářet různé kontaktní formuláře pro vaše stránky. Stačí kliknout na pole, která chcete přidat do formuláře a formuláře zpětná vazba bude připraven za několik sekund.

Formuláře, které lze provést pomocí tohoto pluginu

V tomto úžasném pluginu lze provést kontaktní formulář, formulář podpory, rezervační formuláře, poradenské služby, kontaktní formulář, seznam adresátů, dotazníky, formulář žádosti o zaměstnání, průvodce registračním formulářem, nástroj pro vytváření objednávek a další.

Kontaktní formulář FormGet je velmi účinný nástroj což vám umožní vytvořit a vložit na svůj web kontaktní formulář v několika jednoduché kroky... Vyberte pole formuláře, přizpůsobte možnosti a snadno vložte kontaktní formulář na svůj web jednoduchým umístěním kódu do widgetu nebo použitím vlastního zkráceného kódu. K vytvoření požadovaného tvaru nepotřebujete žádné znalosti programování - to je další plus při výběru takových rozšíření.

Pokud je na webu nainstalováno několik kontaktních formulářů najednou, všechna data na nich lze sledovat na jednom místě - na palubní desce. Významnější výhodou tohoto pluginu je, že formuláře, které vytváří, jsou adaptivní, což vám umožňuje správně zobrazit požadovaná data na libovolném zařízení, aniž byste museli psát další styly a třídy.

Seznam polí podporovaných pluginem:

Jméno, adresa, kontaktní telefonní číslo, zpráva, platba (integrace s PayPal), datum (podpora formátu dd-mm-rr nebo dd / mm / rr nebo rr-mm-dd), textový řetězec, víceřádkový text, více volba, přílohy, zaškrtávací políčko, výběr (výběr z navrhovaného seznamu), přepínače, stahování souborů a Captcha.

Instalace je normální - prostřednictvím panelu pro správu stránek na WordPressu.

Nastavení a vytvoření kontaktního formuláře

Po instalaci a aktivaci se vám zobrazí speciální uvítací formulář:

Klikněte na tlačítko „Vytvořit kliknutím“, přejděte do nastavení a vytvořte formulář zpětné vazby. Všechna nastavení jsou rozdělena do 4 záložek:

  1. Tvůrce kontaktního formuláře
  2. Vložit kód
  3. Rozšíření

Zpočátku se otevře první karta, kde můžete pomocí konstruktoru vytvořit svůj první formulář zpětné vazby.

Podívejme se blíže:


Nastavení a používání pluginu je intuitivní, takže jej instalujte a používejte s potěšením!

Mnoho webů nastavilo formuláře zpětné vazby, aby uživatelé mohli zanechat zprávu správci, aniž by opustili web. Nejoblíbenější, vysoce kvalitní a pohodlné nastavení a používání je plugin Kontaktní formulář 7- s jeho pomocí můžete vytvářet jakékoli kontaktní formuláře a další. Protože plugin má velký počet různé formy a pole, lze jej použít pro mnoho úkolů. Použil jsem jej například k vytvoření profilu zaměstnavatele a uchazeče o zaměstnání na náborové stránce, k vytvoření formuláře objednávky produktu na webu prodávajícím pouze jednu produktovou řadu. Pomocí tohoto pluginu jsem vytvořil složitý a objemný formulář pro výpočet na staveništi , pro různé formy zpětné vazby a jiné formy. Nejde však o to, ale o to, jak zajistit, aby se kontaktní formulář zobrazoval ve vyskakovacím okně, abyste mohli vytvořit tlačítko pro volání kontaktního formuláře na každé stránce, nejen na stránce „Kontakty“?

Není to opravdu těžké, ale budete potřebovat další plugin s efektem FancyBox, osobně se mi líbí tyto dva pluginy: Easy FancyBox nebo FancyBox pro WordPress, existují různé podobné pluginy, ale každý z nich funguje skvěle a také umožňuje otevírat obrázky v vyskakovací okno.

Obecně jsou nainstalovány dva pluginy: Kontaktní formulář 7 a Snadný FancyBox, vytvoří se kontaktní formulář, zbývá přidat kód do šablony.

Kód je vložen do šablony webu v souborech .php!

Kód vyskakovacího kontaktního formuláře nastavený v kódu souboru šablony:

Požádat o hovor

Pokud vložíte kód pro volání formuláře přímo do Visual Editoru pro úpravu textu v režimu TEXT, pak bude kód vypadat takto:

Nastaven kód vyskakovacího kontaktního formuláře vizuální editor záznamy (v textovém režimu) na panelu pro správu webu:

Požádat o hovor

V mém příkladu mám kód pro formulář „Požádat o zpětné volání“ - ve formuláři jsou pouze dvě pole - jméno a telefonní číslo, aby správce webu zavolal klientovi zpět.

Zvažme tento kód.

Toto je kód tlačítka pro volání okna pomocí formuláře, pro toto tlačítko můžete nastavit libovolné styly a vložit jej kamkoli do šablony:

Požádat o hovor

Toto je kód pro vyskakovací okno samotné, můžete jej nechat pod tlačítkem pro vyvolání okna, nebo ho můžete skrýt v zápatí, aby byl obsahový kód čistší:

V tomto kódu je samotný formulář volán funkcí, jako je tato:

Kde je to napsáno - zobrazení krátkého kódu pro kontaktní formulář, krátký kód je při vytváření uveden v samotném kontaktním formuláři:

Chcete -li volat na několik formulářů na jedné stránce, musíte k volání formuláře použít jiné ID.

Příklad volání dvou formulářů zpětné vazby ve vyskakovacím okně:

Volání formuláře 1

Volání formuláře 2

PROTI tento případ Chcete -li volat více formulářů, věnujte pozornost těmto částem kódu:

... a pro druhou formu: ... atd.

Namísto zobrazení krátkého kódu pro formulář zpětné vazby můžete zobrazit libovolný obsah, například bloky s textem nebo obrázky, nebo například formulář předplatného Feedburner, takto se na jednom z webů zobrazuje formulář předplatného feedburneru

PODOBNÉ ČLÁNKY