Kdysi, když jsem svůj blog a také internetový obchod teprve zakládal, pamatuji si, že byl problém - jak udělat na webu krásná vyskakovací okna, pomocí kterých bych návštěvníky informoval o určitých akcích, popř. se týká blogu, zajistit sběr e-mailových adres odběratelů pro různé školicí materiály. Ne nadarmo si mnoho infopodnikatelů a vlastně každý zkušený blogger říká, že základna odběratelů je zlatá věc! Jsou to právě ti lidé, kteří jsou ochotni vám naslouchat, nakupovat od vás a dělat to znovu a znovu. Samozřejmě, pokud si to vaše materiály zaslouží.
Tak o čem to mluvím?! A jak sbírat tento velmi zlatý majetek! A jeden z lepší způsoby jsou kompetentní a vysoce kvalitní vyskakovací formuláře předplatného na vašem zdroji. Ve skutečnosti existuje spousta způsobů, jak používat vyskakovací okna! Určitě vás napadne několik desítek - jedná se o informování návštěvníků o nejzajímavějších materiálech na webu a oznámení o nových článcích, akcích, soutěžích; tam můžete v případě potřeby realizovat reklamní nabídku. A samozřejmě tím hlavním, jak jsem již poznamenal, je sběr kontaktů (e-mail, telefonní čísla) vaší cílové skupiny pro následnou interakci s ní.
O jednom, dle mého názoru, z nejlepších a velmi pohodlných pop-up pluginů vám dnes řeknu... Sám ho používám už hodně dlouho, ale nápad napsat o tom článek přišel až teď. Takže dnes večer se zbraní v ruce produkt společnosti MakeDreamProfits -.
Ve skutečnosti není psaní o tom, který plug-in má dnes schopnosti, tou nejvděčnější věcí, protože neustále vycházejí nějaké aktualizace, dodatky, v souvislosti s nimiž riskuji, že to po 2-3 měsících od zveřejnění tohoto článku pokryjem velmi jednostranně. Nicméně, na klíčové vlastnosti Zastavme:
- 11 připraveno Krásná vyskakovací návrhy, které lze upravovat
- pohodlné Osobní oblast , ve kterém provedete všechna nastavení a následně vložíte hotový kód na stránky
- integrace s jakékoli poštovní služby nebo režim zasílání přijatých dat na váš email
- rozdělené testování sada vyskakovacích oken (mimochodem, vyskakovací okno je vyskakovací okno, kdo neví)
- 3 typy vyskakovacích oken:
- s formulářem pro zadávání dat
- Spíš ne
- po odkazu
- statistika otevřené míry a konverze (zadání dat nebo po odkazu)
- možnost zrání vyskakovací skupiny o c, rozčleněné podle času první návštěvy webu nebo přihlášení k odběru newsletteru
- přizpůsobení režim a pravidla zobrazování vyskakovacích oken
- příležitost vložit z okna
Toto jsem uvedl pouze hlavní, ve skutečnosti je funkčnost JumpOut ještě širší!
Flexibilní konfigurace pravidel pro vzhled pluginu:
- když návštěvník opustí web
- při kliknutí na prvek
- po určité době
- při rolování stránky
- a řada dalších
Kromě toho můžete na různých stránkách webu nakonfigurovat různé pluginy -
já osobně Používám tento popup plugin s formuláři předplatného na všech jejich stránkách... To je velmi reálné šikovný nástroj interakce s publikem zdroje. Jak ukazují mé testy, Konverzní efektivita vyskakovacích oken je téměř stejná jako u standardních forem předplatného na jednostránkových vstupních stránkách. Co je ještě cool, je funkce pluginu umožňuje sledovat tento výkon do nejmenšího detailu - podívejte se sami na pár screenshotů níže -
Jak můžete vidět na snímku konverzí Yandex-Metrica za poslední měsíc, 3,76 % uživatelů, nebo 207 v absolutním vyjádření, se stalo mými odběrateli právě díky vyskakovacímu oknu, které se objevilo včas s nabídkou na odběr mých materiálů. !
Při výčtu funkcí služby jsem již poznamenal schopnost integrace s jakoukoli poštou poštovní zásilky -
Vyhodnoťte a vyzkoušejte všechny možnosti popup registrace a popup plugin na vašem webu je zcela zdarma do 15 dnů, poté zaplaťte jednou verzi, kterou chcete plugin - v závislosti na počtu stránek, na kterých se předpokládá použití - jeden, tři nebo neomezeně, stejně jako řada dalších funkcí, například možnost používat svůj vlastní css kód.
P.S. : Máte zkušenosti s vyskakovacími a registračními pluginy? Napište o tom pár řádků do komentářů k článku níže! A nezapomeň dejte Like, kdybych vám pomohl s výběrem pluginu!
Investování do projektů zdůrazněných na tomto blogu s sebou nese určitá rizika, až totální ztráta investované prostředky. Autor nezodpovídá za jednání společností / projektů popsaných na blogu. Příspěvky na blogu mají pouze informativní charakter a nevyžadují žádnou akci.
Nabízíme vám výběr 5 nejzajímavějších, dle našeho názoru, internetových služeb pro tvorbu interaktivních vyskakovacích oken, které se v internetovém marketingu používají již přes 20 let a jsou oblíbené dodnes. Důvodem oblíbenosti vyskakovacích oken je jasné zaměření na potřeby konkrétního uživatele – návštěvníkovi vašich stránek dáte jen to, co skutečně potřebuje, přesně v momentě, kdy je to potřeba. Při přípravě vyskakovacích oken je však důležité přistupovat k procesu komplexně – od výběru online služby až po stanovení životnosti vyskakovacího okna.
Služba Optimonk
Optimonk nabízí nejhlubší, profesionální přizpůsobení. Pokud tomu dobře rozumíte, můžete dosáhnout úžasných výsledků. Má několik tarifní plány které začínají na 29 $ měsíčně, ale nabízejí 14denní bezplatnou zkušební verzi.
Instalace skriptu je jednoduchá. Musíte se zaregistrovat na optimonk.com. Vyberte si tam vhodnou šablonu vyskakovacího okna a upravte ji, jak chcete. Pro úpravu vyskakovacího okna je k dispozici jednoduchý editor. Můžete to udělat také změnou kódu CSS nebo javascriptu. Chcete-li změnit frázi, musíte ji vybrat myší a upravit.
K dispozici jsou hotové barvy, ale můžete si nastavit svůj vlastní tón. Můžete si vybrat i vhodnou animaci. Je užitečné přidat vyskakovací okno s poděkováním, které se automaticky zobrazí poté, co uživatel vyplní a odešle formulář. Po uložení nastavení je třeba nastavit plán a vybrat potřebné spouštěče, tedy události, které vyvolají vzhled vyskakovacího okna.
PROTI tuto službu je nakonfigurováno cílení a provedena integrace s nejoblíbenějšími CRM systémy a e-mailovými službami (zahraničními). Po uložení všech nastavení zbývá jen zkopírovat a vložit výsledný kód do šablony webu na úplný konec stránky, před značku. Poslední fází instalace je kliknutí na tlačítko OK, které kampaň aktivuje. Poté můžete své vyskakovací okno spravovat na svém osobním účtu.
Výhody Optimonku:
- 11 připravených šablon, včetně časovače, formuláře pro e-mail a jméno, slevového kupónu, dvojitého vyskakovacího okna atd.
- Plná integrace s nejznámějšími e-mailovými službami a motory.
- Propojení s Google Analytics.
- Programátor může přizpůsobit nejhlubší cílení.
- Výborná analytika.
- Pomocí změn javascriptu můžete dynamicky měnit text.
Nevýhody Optimonku:
- Jen dvoutýdenní zkušební období.
- Slušná hodnota.
- Limit 5000 unikátních návštěvníků/měsíc.
- Je akceptována pouze jedna doména.
Picreel servis
Není špatné placená služba s pokročilými funkcemi pro práci profesionálů v internetovém marketingu. Při platbě na 12 měsíců. - 25% sleva.
Po registraci na picreel.com si musíte vybrat vhodnou šablonu:
- Předplatné.
- Přesměrovat.
- Průzkum.
- slevy.
- Jednoduché vyskakovací okno.
- Velké vyskakovací okno.
- Vyskakovací okno ze 2 oken...
Jakoukoli šablonu lze upravit v jednoduchém editoru nebo změnou HTML / CSS. Návrh se mění stejně snadno, jako jsou přidávána nová pole. Můžete vložit animace, odpočítávací časovač a další interaktivní prvky. Spouštěče se konfigurují jako obvykle, poté se nastavení uloží a vygenerovaný kód se vloží do šablony webu na konci stránky.
Výhody Picreel:
- 30denní bezplatný test bez omezení funkčnosti.
- Spousta šablon.
- Plná kompatibilita s CRM a e-mailovými službami (zahraničními).
- Rozsáhlé cílení.
- Výborná analytika.
- Schopnost testování Α a ß.
- Přizpůsobení designu pro mobilní zařízení.
- Affiliate program.
- Za každého doporučeného uživatele: 25 USD.
- Částku 100 $ lze již vybrat například v Paypal.
Nevýhody Picreel:
- Docela slušné náklady, počínaje 19 $ měsíčně.
- Limit návštěvnosti 3 000 unikátních za měsíc nebo 30 000 zobrazení.
- Neexistují žádné bezplatné tarify.
Výhody Witget:
- Normální cena.
- Ruský jazyk.
- Obrovská databáze šablon.
- Kromě vyskakovacích oken existuje mnoho šablon pro bannery, tlačítka, formuláře, časovače a tak dále.
- Adaptivní rozložení pro mobilní zařízení.
- Rusky mluvící sociální sítě.
- Export dat.
- Integrace se službami e-mailového zpravodaje v ruském jazyce.
- Normální statistika.
Nevýhody Witget:
- Propojení s Google Analytics je velmi obtížné.
- Pouze 7denní bezplatný test za poměrně „kousavou“ cenu 990 rublů / měsíc.
- Pravda, slevy při platbě předem.
K tomu ještě výhody:
- Dostupnost bezplatného plánu.
- Jednoduché rozhraní.
- Textový obsah a vzhled vyskakovacího okna lze změnit.
- Cílení je vysoce přizpůsobitelné.
- Skvělá analytika.
- Schopnost stáhnout shromážděné e-mailové adresy.
- Design je vhodný pro mobilní zařízení.
Nevýhody Addthis:
- Většina užitečné funkce prezentovány pouze v placených verzích.
Sumome služba
Náklady na plně funkční plány začínají na 40 $ / měsíc, i když je k dispozici také jeden bezplatný, který poskytuje základní funkce. Služba je dobrá, protože kromě vyskakovacích oken si zde můžete zakoupit širokou škálu widgetů, které budou velmi užitečné pro internetové obchodníky. Po registraci na sumome.com musíte zadat adresu URL svého zdroje. Kód, který se objeví, je třeba zkopírovat do šablony na vašem webu hned za značku. Poté musíte přejít na svůj zdroj a kliknout na obrázek koruny, který by se měl objevit v horní části obrazovky vpravo.
Poté klikněte na ikonu „Sumo Store“ a vyberte widget, který se vám líbí, některé z widgetů jsou zdarma a jsou označeny štítkem Free. Kliknutím na tlačítko s widgetem musíte počkat, až se nainstaluje, a upravit jeho vzhled. PROTI plné verze můžete přidat pole libovolného tvaru. V bezplatné verzi můžete použít pouze 1 pole - pro zadání e-mailu. Na bezplatném plánu nebudete moci používat hotové šablony, k dispozici je pouze jedna a v ní můžete pouze změnit barvu pozadí.
Dále je potřeba nakonfigurovat chování vyskakovacího okna a vybrat stránky, kde se bude vyskakovat. Poté vyberte CRM a e-mailovou službu pro synchronizaci s vaším seznamem předplatných. V HTML editoru si můžete vytvořit svůj vlastní formulář v plných verzích. Po nastavení všech parametrů zbývá stisknout SAVE a můžete začít sledovat statistiky.
Sumome výhody:
- Tarif zdarma.
- Spousta widgetů.
- Možnost změny textu a designu vyskakovacího okna.
- Shromážděné e-maily lze stáhnout.
Nevýhody Sumome:
- Pro bezplatný plán je k dispozici pouze 1 šablona.
- Ne každý má dostupnou cenu - 40 $ měsíčně.
- Widgety se prodávají jako sada, nikoli jednotlivě.
- Cílení má omezené možnosti přizpůsobení.
- Branding není zakázán.
Pojďme si to shrnout.
Doporučujeme, abyste začali používat vyskakovací okna s bezplatné služby, podívejte se na reakci uživatele, konverzi a odezvu a teprve poté nakupujte placené předplatné... Budete tak moci posoudit efektivitu vyskakovacích oken a mít čas na výběr správné propagační strategie. Vyzkoušejte více stránek, používejte celý arzenál nástrojů k vytváření vyskakovacích oken, tímto způsobem můžete maximálně využít možnosti, které vyskakovací okna poskytují.
Doufáme, že tato sbírka vám bude užitečná při vytváření plně funkčního webu!
Vyskakovací okno je nyní nezbytným prvkem každé webové stránky. Je důležité, aby to nebylo otravné a poskytovalo hmatatelné výhody pro sběratelství nezbytné informace... Dnešní newsletter bude diskutovat o tom, jak a proč používat Pop-Up.
Princip fungování
Pop-Up-window se zpravidla používá k náhlému přesunutí pozornosti návštěvníka z větší části obsahu na konkrétní prvek - vyskakovací okno. To je vždy efekt překvapení, jako ostrý obrat děje, když se rozšíří zorničky. Lze to také přirovnat k technikám upoutání pozornosti při prezentaci (pauzy v řeči, pohyby rukou, použití světlých předmětů a obrázků).
V internetovém marketingu se vyskakovací okna nejčastěji používají, když je zřejmé, že uživatel má zájem: sroloval dolů o několik obrazovek nebo je stránka otevřená po určitou dobu, ale návštěvník nic nedělal. Jak ho "probudit?"
Příklady vyskakovacích oken
Pojďme tedy k implementovaným vyskakovacím oknům na stránkách. Pokud přejdete na zdroj projektu "Netologie" a neděláte nic po dobu asi 1 minuty, vlevo se objeví světlé okno s formulářem.
V internetovém obchodě lacoste.ru se po chvíli čekání objeví překryvné vyskakovací okno s nabídkou přihlášení k odběru newsletteru, které zakrývá další obsah. Cílem společnosti Lacoste je shromažďovat e-maily zákazníků. Zároveň se objeví online poradce, což není příliš pohodlné a odvádí to pozornost návštěvníka.
Na webu sapato.ru se s každým kliknutím zobrazí překryvná vrstva pro výběr města uživatele. Po výběru města se okno nezobrazí. To pomáhá dozvědět se více o návštěvnících a ve výsledku jim nabídnout speciální akce zaměřené na konkrétní region.
Internetový obchod Bonprix.ua nabízí přihlášení k odběru newsletteru, na který poskytuje slevu na první nákup. Věnujte pozornost výzvě „Zadejte adresu E-mailem“, která zmizí, až když začnete do pole zadávat text.
Lacywear.ru nabízí 400 rublů za předplatné. na mobilní účet, což je také dobrá motivace.
Reebok.ru používá tuto techniku k přilákání uživatelů se slevou. Kliknutím se dostanete do sekce příslušenství. Jak si pamatujeme, těch je nejvíce v každém internetovém obchodě. Upozorňujeme, že na takovém okně je tlačítko "Získat slevu". Pokud je toto vaším cílem, nezapomeňte na svou výzvu k akci.
Vyskakovací okno, které se objeví při rolování stránky, bylo použito na books.ru. Zde je upozornění na novinku v knižním sortimentu. Můžete jasně sledovat, v jakém okamžiku rolování se okno objeví. Existují také vyskakovací okna, která se objeví při pokusu o zavření stránky. Buď nabídnou, že se podívají na jiné části webu, nebo kontaktují manažera.
- Vyskakovací okno by se mělo výrazně lišit barvou od pozadí. Ve snaze, aby to vypadalo přirozeně a obecně barvy, můžete narazit na problémy s použitelností. Odstíny by však neměly být rušivé.
- Najděte slova pro svou větu. Ne každý má zájem vám nechávat poštu a dostávat nudné firemní zprávy. Pokud plánujete posílat dopisy na e-mail, může to být "100 a 1 způsob, jak ušetřit peníze v supermarketu", "Jak můžeme čtyři z nás žít za 1000 rublů?" Je jasné, že je potřeba psát o tom, co je s vaší činností spojeno.
- Zkrátka. Prozkoumání vyskakovacího okna by nemělo trvat dlouho.
- Vyskakovací okno zobrazené hned od prvních sekund návštěvníkova pobytu na stránce je jistým rizikem, že odejde. Nebo uživatel musí od prvních okamžiků „seznámení“ jasně chápat, proč se po něm něco vyžaduje.
- Více oken na různých částech stejné obrazovky není dobrý nápad. Stejně jako ty po sobě jdoucí. To je nepříjemné a odvádí pozornost. Rozhodněte se, za jakým účelem ukazujete okno návštěvníkovi.
- Vyzkoušejte různé možnosti a najdete perfektní demo.
- Neslibujte, co nemůžete splnit. Pokud zakryjete důležitý obsah pro levný trik, uživatel odejde.
- Pokud je vaše publikum již segmentováno, vyberte, které okno se komu zobrazí, a zvyšte efektivitu.
- Nechte návštěvníka odmítnout vyplnit formulář nebo kliknout na nabídku. Dejte mu právo zavřít okno jasným křížkem v pravém horním rohu.
- Pokud uživatel již okno jednou zavřel, znovu jej nezobrazovat. Ne ne ne.
- Vyskakovací okno může obsahovat nabídku na vyžádání zpětného volání za účelem konzultace nebo objednávky.
kde sehnat?
K získání vyskakovacího okna potřebujete skript. Můžete si jej objednat nebo použít četná hotová řešení z webu a školicích materiálů.
Existuje mnoho způsobů, jak vytvořit vyskakovací okno na vašem webu. Existují složité způsoby, ale jsou i jednoduché. Těmi obtížnými jsou, že k jejich použití musíte znát programování, a těmi jednoduchými je použití služeb třetích stran.
Obtížné způsoby
- Pomocí javascriptu
V programování je javascript primárním prostředkem pro vytváření vyskakovacího okna.
- S CSS
Tato možnost je vhodná pouze pro nejnovější prohlížeče, ve zbytku tuto funkci s největší pravděpodobností nebude fungovat.
Ale v tomto článku budu uvažovat přesně jednoduchými způsoby, protože je lze implementovat bez znalosti programování, takže je může implementovat každý na svém webu.
Jednoduché způsoby
Předkládám vaší pozornosti výběr nejlepší služby pro vytváření vyskakovacích oken - pop-up. A co znamená nejlepší? Nejlepší znamená dokonalou kombinaci ceny a kvality a také možnost vyzkoušet si služby zdarma. V ruském segmentu takových služeb není tolik, ale naši zahraniční kolegové se mohou pochlubit velkou rozmanitostí.
Pomocí těchto služeb se můžete naučit, jak přesměrovat internetový provoz z jednoho zdroje na druhý.
- Ahoj baro
Instalace krok za krokem
Zaregistrujte se na hellobar.com;
Budete vyzváni k vložení kódu do šablony vašeho webu. Můžete si také nainstalovat plugin, pokud váš web používá Wordpress;
Pomocí vyskakovacího okna se rozhodněte o problému, který chcete vyřešit: shromážděte e-maily, ukažte vstupní stránka, volání jedním kliknutím, přesměrování přes banner na sociální sítě;
Musíte zadat číslo mobilní telefon a vyberte zemi;
Vyberte typ vyskakovacího okna: umístění banneru nahoře, uprostřed nebo dole na webu;
Nastavte čas, po kterém se okno zobrazí (okamžitě, po 5, 10 nebo 60 sekundách, po zobrazení určitého počtu stránek webu nebo když se uživatel chystá web úplně opustit);
Stačí přejít do sekce „Spravovat“ otevřením vyskakovacího okna. Chcete-li změnit nastavení, budete také muset přejít na kartu „Spravovat“. Chcete-li zobrazit statistiky banneru, přejděte na kartu "Statistiky".
Náklady na používání: placený plán začíná na 15 $ měsíčně, při platbě za rok - 15% sleva. existuje bezplatná verze s omezenou funkčností:
- GetSiteControl
Instalace krok za krokem
Chcete-li začít, zaregistrujte se na GetSiteControl.com;
Získejte kód, zkopírujte ho a vložte do kódu šablony na vašem webu před koncovou značku body;
Zkontrolujte, zda je widget na webu správně nainstalován, kliknutím na tlačítko Obnovit. Pokud je přidaný kód nainstalován správně, můžete pokračovat;
Můžete si vybrat widget, který potřebujete: dotazník, formulář pro odeslání e-mailu, zobrazení stránky, kterou potřebujete, žádost o přihlášení k odběru e-mailového zpravodaje, tlačítka sociální sítě, online chat;
Vybraný widget je třeba upravit ( vzhled a zobrazení parametrů na webu);
A posledním krokem je aktivace widgetu.
Náklady na používání: od 10 $ měsíčně za připojení jednoho webu. Okamžitou platbou na rok můžete získat slevu 20 %. A také existuje tarif zdarma se základní funkčností, která vám pomůže se službou seznámit.
- Witget
Instalace krok za krokem
Zaregistrujte se na Witget.com;
Před koncovou značku body musíte přidat navrhovaný kód šablony webu;
V galerii šablon si můžete vybrat šablonu pro vyskakovací okno, která vám vyhovuje;
Vytvořte si svůj vlastní jedinečný prodejní text a vložte jej;
Vyberte si barevné schéma, parametry vyskakovacího okna (šířku, frekvenci a podmínky zobrazení banneru, místo a čas zobrazení) a klikněte na uložit;
Nyní zbývá zkontrolovat zobrazení vyskakovacího okna na vašem webu. Chcete-li to provést, stiskněte tlačítko „Zobrazit na webu“. Jste se vším spokojeni? Poté jej aktivujte.
Náklady na použití: od 700 rublů měsíčně za základní tarif, můžete připojit dva weby. K dispozici jsou pokročilé funkce počínaje tarifem Advanced. Službu si můžete zdarma vyzkoušet připojením zkušební doby na sedm dní.
- Vyskakovací okna
- Vyskakovací okno WordPress
- Posouvání aktivovaných polí
- Notifikační lišta WordPressu
- WP Popup Plugin - vyskakovací okno Lightbox
- PopupAlly
- Vyskakovací okno newsletteru YITH
Použijte vyskakovací okna k zobrazení informací souvisejících s vaším webem. Vyskakovací okna jsou účinná, pokud odpovídají vašemu obsahu. Při vytváření vyskakovacího okna pečlivě vybírejte obrázek a text – čím lepší copywriting a grafika, tím vyšší efektivita banneru.
Při připojování vyskakovacího okna berte v úvahu rozlišení obrazovky zařízení vašich návštěvníků, počítejte se zlatým standardem – 1024 * 768.
Správným používáním vyskakovacích oken můžete dosáhnout působivých výsledků, například zvýšit základnu odběru e-mailů. Taky tento formát pomáhá prodávat informační produkty jako např e-knihy a video kurzy.
1) Vyskakovací okno by mělo mít optimální velikost: ne příliš velké ani příliš malé;
2) otisky dávky
Omezte vyskakovací okna na stejnou osobu při opakovaných návštěvách. Pokud vidíte, že zavřel okno, ukažte vyskakovací okno za pár týdnů, když už na to zapomene.
3) nespěchejte
Vzhled vyskakovacího okna ihned po vstupu na stránky je špatný. Nakonfigurujte jeho vzhled po nějaké době nebo po provedení akcí na vašem webu.
4) Mělo by tam být tlačítko "Zavřít" ve formě známého kříže
Návštěvník vašeho webu má právo zavřít vaše vyskakovací okno, pokud ho nechce vidět nebo provést akce, o které ho požádáte. Touha zavřít okno by neměla být časově náročná a měla by být běžným způsobem.
5) Jasná výzva k akci
Velkou chybou je přetížení vyskakovacího okna informacemi. Jeden úkol, jedna výzva k akci. Chcete-li například zvýšit počet odběratelů na Facebooku, vytvořte vyskakovací okno tak, aby jasně vysvětlovalo, že zvete návštěvníka vašeho webu, aby se přihlásil k odběru stránky na Facebooku.
Článek, ve kterém zvážíme, jak nainstalovat vyskakovací formulář na web zpětná vazba s captcha a možností připojovat k němu soubory.
Tento formulář je projekt se zdrojovým kódem umístěný na GitHubu na adrese: https://github.com/itchief/feedback-form-in-modal.
Předchozí zdrojový kód projektu, který byl postaven na Bootstrap 3, si můžete stáhnout z GitHubu na tomto odkazu.
Charakteristika formy zpětné vazby
Odeslaný formulář je vytvořen pomocí komponent Bootstrap 4 a jQuery. Kód na straně serveru Foma je napsán v PHP.
Další vlastnosti formuláře:
- open source, projekt je dostupný na GitHubu;
- odeslání dat formuláře na server a přijetí odpovědi probíhá bez opětovného načítání stránky, tzn. prostřednictvím technologie AJAX;
- přítomnost grafického captcha (pro ochranu před spamem);
- možnost k němu připojit soubory (ve výchozím nastavení až 5);
- validace dat formuláře (validace) je organizována jak na klientovi, tak na serveru;
- odeslání údajů formuláře po úspěšné validaci na poštu manažera (správce) a doručovací dopis klientovi;
- při odesílání dopisu lze soubory připojit i odeslat pomocí odkazů;
- odeslání logování (data se ukládají do souboru message.txt).
Nastavení formuláře na stránku
Základní kroky pro připojení formuláře zpětné vazby.
2. Vytvořte modální okno a umístěte do něj HTML kód formuláře zpětné vazby.
3. Propojte styly a skripty použitých komponent (jQuery, Bootstrap) a samotný formulář (main.css, main.js):
Jak stáhnout formulář zpětné vazby
Formulář si můžete stáhnout z GitHubu. Na stránku projektu můžete přejít pomocí následujícího tlačítka.