Kontaktní formulář slouží jako zásadní nástroj pro usnadnění komunikace mezi jednotlivci nebo podniky. Poskytuje uživatelům pohodlný a organizovaný způsob, jak oslovit a vyjádřit své dotazy. Můžete také používat aplikace, kontaktní dotazy a průzkumy veřejného mínění.
Stránku Kontakt na svém webu můžete snadno vytvořit pomocí sekce Kontakt.
V tomto článku:
-
- Přidání sekce Kontakt na stránku
- Správa kontaktního formuláře
- Obsah kontaktního formuláře
- Správa polí formuláře
- Typy polí
- Vložený formulář a vyskakovací formulář
- Spravovat rozvržení
- Kontaktní formulář stylu
- Nastavení kontaktního formuláře
- Přesměrování formuláře na jinou stránku
- Export dat formuláře
- E-mailové upozornění
- Údaje odeslaného formuláře
- Živý příklad
Přidání sekce Kontakt na stránku
- Na vaší stránce, kliknout na modrá + ikona pro přidání nové sekce na vaši stránku.
- Nyní uvidíte Kategorie sekce na levé straně.
- Vyberte Formuláře (1) kategorii a klikněte na Kontakt kartu (2), kde si můžete vybrat různá rozložení z Kontakt (3) sekce.
- Vyberte rozvržení libovolné sekce a kliknutím na ni ji přidejte na svou stránku.
Správa kontaktního formuláře
- Klikněte na Upravit obsah (1).
- Budete mít možnost spravovat Obsah (2) Nákres (3) Styl (4) Nastavení (5), a E-mailové upozornění (6).
- Udeřil Uložit (7) provést změny ve formuláři.
Obsah kontaktního formuláře
Toto je důležitá část formuláře, protože nahrajete nebo změníte obrázek, zde uvedete název a popis, aby uživatelé získali představu o účelu samotného formuláře. Pečlivým vytvořením stručného, popisného názvu a informativního, přesvědčivého popisu můžete zlepšit komunikaci a navázat silné spojení s návštěvníky vašich webových stránek.
Správa polí formuláře
V části Spravovat pole formuláře můžete určit pole, která mají návštěvníci v tomto formuláři vyplnit.
- Klikněte na Přidat nové pole (1) pro přidání dalších polí do formuláře.
- Upravit nebo smazat (2) již přidané pole.
- Drag and Drop (3) pole pro změnu jejich pořadí ve formuláři.
- Nastav Popisek tlačítka s výzvou k akci (4) pro formulář.
Pole e-mailu je ve formuláři povinné a nelze jej smazat.
Po kliknutí na + Přidat pole tlačítko se otevře vyskakovací okno, kde si můžete vybrat pole formuláře.
- Zachyťte název vašeho klienta.
- Zachyťte jakékoli malé informace prostřednictvím Krátký text pole.
- Zachyťte jakékoli složité informace/zprávy prostřednictvím Long Text pole.
- Zachyťte e-mail vašeho klienta.
- Zachyťte cokoli numerické informace od vašeho klienta.
- Přidejte si služby, ze kterých si můžete vybrat, rozevírací způsobem.
- Jednoduchý výběr: Přidejte výběr rádia pro vaše služby.
- Vícenásobný výběr: Přidejte zaškrtávací políčko pro více výběrů.
- Přidat výběr data aby si vaši klienti mohli vybrat datum pro jakoukoli akci.
- Přidat linka mezi poli formuláře.
- Zachyťte adresa vašeho klienta.
- Zachyťte webových stránkách vašeho klienta.
- Zachyťte telefon číslo vašeho klienta.
- Přidat čas pole, aby si vaši klienti mohli sami zadat čas události.
- Přidat oddělovač mezi poli formuláře.
- Jedno pole pro souhlas Tuto možnost lze použít k získání souhlasu s odběrem newsletterů, přijetím ochrany osobních údajů a podmínek použití.
- Získejte recenze klientů pomocí hvězda stupnice, číselná stupnice, a stupnice smajlíků.
- Při přidávání určitých polí získáte možnost zvolit šířku mezi Full, Half a One Third
- Můžete také zvolit zobrazení polí vedle sebe výběrem možnosti Polovina nebo Jedna třetina
Styl formuláře
- Zobrazit formulář jako vyskakovací okno – Povolte tuto možnost, chcete-li, aby se formulář otevřel ve vyskakovacím okně kliknutím na tlačítko s výzvou k akci.
- Popisek tlačítka s výzvou k akci – Nastavte Popisek tlačítka s výzvou k akci pro formulář.
- Vyskakovací nadpis – Uveďte formulář Titulek, jestli nějaký.
- Nahrát nebo Smazat (1) obrázek formuláře.
- Přidat Předmět (2)a Popis (3) pro formulář. Před přidáním popisu zkontrolujte tento článek.
Titulek
- Titulek – Uveďte Nadpis sekce (1) pro sekci Platební formulář.
- Tlačítko a ikony – Zjistěte více o Tlačítka a ikony (2).
Správa rozvržení
- Klikněte na Upravit obsah (1).
- Vyberte Nákres (2) tab.
- Vybrat nákres pro vaši sekci (3) a Uložit (4) změny.
Změna rozvržení použije výchozí styl formuláře.
Kontaktní formulář stylu
Úprava stylu kontaktního formuláře je důležitým aspektem vytváření vizuálně přitažlivého a uživatelsky přívětivého prostředí.
Pro sekci budete mít několik možností stylu:
- Pole formulářů
- SMĚR
- Text
- Vzdálenost
- Titulek
- snímky
- Hranice obrázku
- Vyskakovací tlačítko
- Tlačítko formuláře
- Tlačítka s nadpisy
- Hlavní sociální ikony
Pole formulářů
Pixpa umožňuje vy na plně přizpůsobit ο vzhled of váš formulář pole. Tyto styling možnosti aplikovat na všechno vstup pole in váš Kontakt Formulář a dát vy větší řízení přes jak váš formulář vzhled a cítí on váš webová stránka.
- Tvar: Vyberte tvar vstupních polí – například obdélník, zaoblený, pilulka nebo text – aby odpovídal estetice vašeho webu.
- Vyplnit: Povolením tohoto přepínače použijete na pole formuláře barvu pozadí výplně.
- Základní barva: Nastaví barvu pozadí polí, když je povolena možnost výplně.
- Nomenklatura výstavy: Zapněte nebo vypněte ohraničení (obrys) pro každé pole.
- Barva obrysu: Vyberte barvu ohraničení pole, když je povolen obrys.
- Barva textu pole: Nastavte barvu textu psaného uživateli uvnitř polí formuláře.
- Výška: Upravte výšku polí výběrem z možností: Malá, Střední, Velká nebo Extra velká.
- Štítky: Zvolte, zda se popisky polí formuláře zobrazí uvnitř nebo vně pole.
- Barva štítkuDefinuje barvu popisků při umístění mimo pole.
- Barva uvnitř štítku: Nastavte barvu pro popisky umístěné uvnitř pole (užitečné pro popisky ve stylu zástupných symbolů).
- Rozestupy mezi poli: Pomocí posuvníku nastavte svislou mezeru (v pixelech) mezi jednotlivými poli formuláře.
SMĚR
- Spravujte zarovnání obsahu formuláře vodorovně z Horizontální zarovnání (1).
- Spravujte zarovnání obsahu formuláře vertikálně z Vertikální zarovnání (2).
Text
- Klikněte na Změnit styl textu (1) tlačítko pro návštěvu Design a spravovat velikosti a styly písma.
- Určete Předmět (2) styl písma formuláře.
- Určete Popis (3) styl písma formuláře.
Vzdálenost
- Určete Šířka obrázku (1) obrázku ve formě v procentech.
- Určete Prostor mezi obrázkem a textem (3) v procentech.
- Určete Mezera pod nadpisem (4) v procentech.
Titulek
- Vodorovně zarovnat text nadpisu sekce. Můžete jej nastavit na Vlevo, Na střed a Vpravo.
- Povolit/zakázat dělič mezi nadpisem oddílu a obsahem oddílu.
- Nastav tloušťka děliče (v px).
- Určete Barva rozdělovače z výběru barvy.
- Vyberte si Styl rozdělovače z rozevíracího seznamu.
- Nastav Šířka nadpisu definovat, jak široký bude název sekce, počínaje minimálně 50 %.
- Určete Prostor pod nadpisem v rámci sekce (v pixelech).
snímky
- Oříznutí obrázku: Vyberte Imág Crop pro položky seznamu. Obrázky můžete nastavit jako Čtverec, Kruh, Vodorovný, Portrét a Originál.
- Poloměr rohu: Vyberte, zda chcete mít společný poloměr rohu nebo jiný poloměr rohu pro každou stranu položek seznamu a nastavte číslo (v px) pro Corner Radius obrázků položek seznamu. Vědět více.
- Animace při přidržení kurzoru myši: Vyberte, zda chcete Animace obrázku sekce při najetí myší povolením přepínače. Zkontrolujte tuto funkci na živé stránce.
- Styl animace: Vyberte si Styl animace pro obrázek, když se nad ním nachází kurzor.
- Tvarová maska: Povolením tohoto přepínače použijete na obrázky v části Seznam obrázků masku tvaru. Po aktivaci vybraný tvar vizuálně ořízne obrázek do tohoto formuláře.
- Vyberte tvar: Vyberte si z různých předdefinovaných tvarů, které chcete použít na své obrázky. To vám umožní kreativně stylizovat váš obsah zobrazením obrázků v jedinečných formách, jako je zaoblený, kosočtverečný, kapkový atd.
Za použití poloměr rohu pole, můžete vytvořit různé tvary obrázků položek seznamu. Pokud zde zadáte 500 px, obrázky se zobrazí ve tvaru kruhu.
- V případě, že jste zvolili dělené rohy, můžete pro každý roh nastavit jiný poloměr rohu.
Hranice obrázku
- Povolit / Zakázat ohraničení kolem obrázku přepnutím přepínače.
- Vyberte si mít a společná hranice na všech stranách obrázku nebo můžete specifikovat hranice samostatně pro každou stranu.
- Určete šířka hranice. Pokud je nastavena na 0, pak se ohraničení nezobrazí. Máte také možnost nastavit šířku okraje individuálně pro každou stranu obrázku.
- Vybrat Barva okraje z výběru barvy.
- Vyberte preferovaný Styl ohraničení z rozevíracího seznamu.
- Určete šířka okraje pro mobil zařízení a zarovnejte jej s šířkou zvolenou pro pracovní plochu.
Vyskakovací tlačítko
Tyto možnosti stylu se týkají vyskakovacího tlačítka, po kliknutí na které se otevře kontaktní formulář.
- Velikost tlačítka - Vyberte velikost tlačítka z možností, jako je malá, střední nebo velká.
- Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (v procentech).
- Styl tlačítka – Vyberte styl tlačítka, například výchozí nebo vlastní.
- Barva tlačítka - Vyberte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
- Text tlačítka – Přizpůsobte barvu textu tlačítka.
- Pozadí tlačítka – Vyberte barvu pozadí tlačítka.
Tlačítko formuláře
Tato nastavení umožňují přizpůsobení tlačítka pro odeslání formuláře tak, aby odpovídalo designu a rozvržení stránky.
- Velikost tlačítka - Vyberte velikost tlačítka (Malé, Střední nebo Velké).
- Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (zadanou v procentech).
- Styl tlačítka – Vyberte celkový styl tlačítka, například Výchozí nebo Vlastní.
- Barva tlačítka - Nastavte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
- Text tlačítka – Přizpůsobte barvu textu zobrazeného na tlačítku.
- Pozadí tlačítka – Vyberte barvu pozadí pro tlačítko.
- Zarovnání tlačítek – Vyberte zarovnání tlačítka (Vlevo, Na střed nebo Vpravo).
- Šířka tlačítka – Upravte šířku tlačítka. Možnosti zahrnují Výchozí, Velké, Extra velké nebo Plná šířka.
Tlačítka s nadpisy
Tato nastavení ovládají vzhled a rozestupy tlačítek umístěných s nadpisem sekce.
- Velikost tlačítka - Vyberte celkovou velikost tlačítek (Malá, Střední nebo Velká).
- Prostor mezi tlačítky – Upravte rozteč mezi více tlačítky (měřeno ve VW).
- Prostor nad tlačítky – Nastavte svislou mezeru nad tlačítky (měřeno v procentech).
- Šířka tlačítka – Vyberte, jak široká se mají tlačítka zobrazovat. Možnosti zahrnují Výchozí, Velká, Extra velká a Plná šířka.
- Velikost textového odkazu – Zadejte velikost písma textových odkazů spojených s tlačítky (měřeno v pixelech).
- Velikost tlačítka obrázku – Upravte velikost tlačítek založených na obrázcích (měřeno v pixelech).
Hlavní sociální ikony
Zobrazte a upravte ikony pro sdílení na sociálních sítích ve formuláři.
- Velikost ikony – Upravte velikost ikon sociálních sítí (měřeno v pixelech).
- Typ ikony – Vyberte styl ikon, například Klasický, Plný nebo Obrys.
- Barva ikony – Vyberte barvu ikon. Možnosti zahrnují Text odkazu, Vlastní nebo Barvu značky (původní barva sociální platformy).
- Barva pozadí ikony – Nastavte si vlastní barvu pozadí pro ikony, abyste vylepšili jejich viditelnost a styl.
Nastavení kontaktního formuláře
- Klikněte na Upravit obsah (1).
- Přizpůsobte nastavení formuláře z Nastavení (2) záložka a Uložit (3) vaše změny.
Název formuláře
- Zadejte název pro identifikovat kontaktní formulář v Pixpa Studiu. Toto jméno není návštěvníkům webových stránek viditelné.
Akce po odeslání
Jako akci po odeslání si můžete zvolit Zobrazit zprávu o úspěchu (1) nebo Přesměrování na URL (2).
V případě Zobrazit zprávu o úspěchu (1):
- Určete Zpráva o úspěchu (2) který se zobrazí po odeslání formuláře uživatelem.
- Můžete také přidat libovolný skript do Úspěšná platba po platbě HTML (3) box.
- V případě Rpřesměrování na URL, můžete zadat libovolnou interní/externí stránku kliknutím na ikonu nastavení (⚙️). Vědět více.
Přesměrování formuláře na jinou stránku
Přesměrování uživatelů na konkrétní stránku po odeslání formuláře může zlepšit celkovou uživatelskou zkušenost a slouží různým účelům, jako je zamezení duplicitních příspěvků, analýzy a sledování, udržení uživatelů na webu po delší dobu atd.
Přesměrování lze snadno vytvořit pomocí Akce po odeslání možnost na kartě Nastavení.
- Na svém webu můžete vytvořit přesměrování z Webové stránky Content (1) možnost. Může se jednat o stránku, galerii, blog, galerii elektronického obchodu, složku atd. Do pole musíte zadat název prvku, jak je znázorněno na obrázku níže, a dostanete návrhy týkající se tohoto prvku.
- Použijte Externí odkaz (2) možnost vytvořit přesměrování mimo váš web. Adresu URL budete muset zadat do pole, kam chcete, aby byli uživatelé po odeslání formuláře přesměrováni.
Další informace o jak používat Linkbuilder.
Synchronizace a export dat formulářů
- Odeslání dat formuláře na Make.com. Zjistit více.
- Odeslat data formuláře na Zapier.com. Zjistit více.
- Exportovat data formuláře jako soubor CSV. Zjistit více.
E-mailové upozornění
Zde můžete upravit předmět e-mailu pro oznámení, která jako vlastník webu obdržíte po úspěšném odeslání formuláře. Kromě toho můžete personalizovat e-mail o úspěchu zaslaný uživatelům nebo zákazníkům po odeslání formuláře. Tuto funkci lze využít pro efektivní budování značky, marketing a provozování kampaní.
- E-mail pro majitele webových stránek: Povolte nebo zakažte e-mailová oznámení o odeslání formuláře. Pokud je tato možnost povolena, oznámení budou zasílána na zadané e-mailové adresy.
- Předmět: Upravte předmět e-mailu. Použijte {WEBSITE} proměnná pro dynamické zahrnutí názvu webu do předmětu. To je užitečné, pokud máte více webů.
- Koordinátorka: Ivana Durgarian email: Zadejte až 3 e-mailových adres, na které chcete dostávat oznámení po odeslání formuláře.
- Určete Předmět e-mailu pro odeslání kontaktního formuláře. Můžete také zahrnout {WEBSITE} proměnná, která obsahuje název webové stránky.
Email zákazníkovi
- Můžete povolit Email zákazníkovi (1) odeslat e-mail o úspěšném odeslání formuláře.
- Určete Předmět (2) pošty.
- Zadejte obsah uvnitř e-mailu od Zpráva o úspěchu (3).
- E-mail zákazníkovi je prémiová funkce dostupná pouze na Profesionální a pokročilý Plány. Zjistit více.
- Pečlivě upravte obsah e-mailu, abyste zajistili konzistentní a profesionální komunikaci s vašimi klienty.
Údaje odeslaného formuláře
Odeslaná data formuláře v kontaktním formuláři zahrnují informace, které uživatel zadá do polí formuláře při jeho odeslání.
- Všechna data formuláře jsou uložena a přístupná z Podání formulářů stránka studia. Zjistit více.
- Všechny údaje odeslané prostřednictvím kontaktního formuláře budou také předány na e-mailové ID uvedené v nastavení kontaktního formuláře. Vaše e-mailová adresa účtu je brána jako výchozí.
Také zkontrolujte: Změňte e-mailovou adresu účtu.
Živý příklad
Zde je živý pop-up kontaktní formulář:
Prohlédněte si živé demo stránky.
Zde je živý kontaktní formulář:
Prohlédněte si živé demo stránky.
Chcete-li omezit spammery ve formuláři, je ve vašem formuláři automaticky povoleno zabezpečení Google captcha.