Kontaktujte sekci

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:

1. Přidání sekce Kontakt na stránku
2. Obsah kontaktního formuláře
3. Spravovat rozvržení
4. Správa polí formuláře a typů formulářů
5. Typy polí
6. Vložený formulář a vyskakovací formulář
7. Nastavení stylu tlačítek
8. Kontaktní formulář stylu
9. Nastavení kontaktního formuláře
10. Přesměrování formuláře na jinou stránku
11. Export dat formuláře
12. Údaje odeslaného formuláře
13. E-mailové upozornění
14. Ž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.

---

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.

• Můžeš Nahrát or Vymazat (1) obrázek, který se zobrazí ve formuláři.
• Upravit Předmět (2) formuláře.
• Upravit Popis (3) formuláře.

• Definujte Nadpis sekce (4), který se zobrazí v horní části formuláře.

---

Spravovat rozvržení

• Při přidávání formuláře na stránku je třeba vybrat rozvržení. Můžeš Změňte rozložení po přidání formuláře také.

---

Správa polí formuláře a typů formulářů

Pod Správa polí formuláře, můžete určit pole, která mají vaši návštěvníci vyplnit.

• Klikněte na + Přidat pole (1) pro přidání dalších polí do formuláře.
• Upravit, Duplikovat nebo Smazat (2) již přidané pole.
• Drag and drop (3) pole pro změnu pořadí ve formuláři.

Po kliknutí na tlačítko + Přidat pole se otevře vyskakovací okno, ze kterého si můžete vybrat prvky, které chcete ve formuláři zobrazit.

---

Typy polí

Existuje několik typů polí, které můžete použít v kontaktním formuláři svého webu ke shromažďování dalších užitečných dat od uživatelů kategorizovaným a profesionálním způsobem. Tato pole lze velmi snadno přidávat, duplikovat nebo je lze smazat.

Zde je stručný popis polí formuláře.

• Jméno: Pomocí tohoto zachyťte jméno svého klienta.
• Krátký text: Toto pole použijte k zachycení stručných textových dat od návštěvníků webu.
• Long Text: Toto pole použijte k zachycení dlouhých textových dat od návštěvníků webu.
• Email: Zachyťte e-mail vašeho klienta.
• Číslo: Použijte k zachycení čísel (číslic).
• Dropdown: V rozevíracím seznamu můžete přidat možnosti, ze kterých si můžete vybrat.
• Jeden výběr: Přidejte toto místo, kde uživatelé mohou vybrat pouze jednu možnost ze seznamu.
• Vícenásobný výběr: Přidejte toto místo, kde si uživatelé mohou vybrat více možností ze seznamu.
• Datum: Přidejte nástroj pro výběr data, aby si vaši klienti mohli vybrat datum jakékoli události.
• Linka: Přidejte do formuláře řádky. To lze použít k rozlišení polí.
• Adresa: Použijte toto k zachycení adresy uživatelů.
• Webová stránka: Toto můžete použít k zachycení webové stránky uživatele.
• Telefon: Zachyťte telefonní číslo pomocí tohoto pole.
• Čas: Toto poskytne uživatelům možnost vybrat čas.
• oddělovač: Toto lze použít ke kategorizaci polí formuláře s možností přidat Název a Podtitul.
• Souhlas: Získejte souhlas od uživatelů pomocí tohoto formuláře.
• Hvězdná stupnice: Umožňuje uživatelům udělit hodnocení hvězdičkami pomocí tohoto. Může zobrazit 3 nebo 5 hvězdiček.
• Číselná stupnice: Umožnit uživatelům udělit číselné hodnocení pomocí tohoto. Můžete si vybrat zobrazení od 0 do 10 a upravit levý a pravý titulek.
• Měřítko smajlíka: Povolit uživatelům přidělovat smajlíky pomocí této možnosti.

---

Vložený formulář a vyskakovací formulář

Formulář si můžete zvolit zobrazení na stránce nebo jako vyskakovací okno propojené s tlačítkem s výzvou k akci.

Inline formulář

Volba Inline formulář umístí kontaktní formulář přímo na stránce kde je přidán. Formulář bude návštěvníkům okamžitě viditelný, aniž by bylo nutné provést jakoukoli další akci. To je ideální pro situace, kdy chcete formulář udržet na viditelném místě a podpořit přímou interakci, například na kontaktní nebo poptávkové stránce.

Vyskakovací formulář

Výběr Vyskakovací formulář zobrazí se pouze tlačítko na stránceKdyž návštěvník klikne na tlačítko, otevře se kontaktní formulář ve vyskakovacím okně. Díky tomu je design stránky čistší a funguje to dobře, když chcete formulář nabídnout, aniž by zabíral mnoho místa. Běžně se to používá pro rychlé dotazy, získávání potenciálních zákazníků nebo když chcete minimalizovat rušivé elementy na stránce.

---

Nastavení stylu tlačítka

1. Popisek tlačítka – Uveďte viditelný text na vašem tlačítku. To je to, co uživatelé uvidí a na co kliknou.
2. Velikost tlačítka – Vyberte velikost tlačítka (např. Malé, Střední, Velké). Tím se upraví odsazení a velikost písma podle vašeho designu.
3. Styl tlačítka – Vyberte styl tlačítka jako výchozí (nastavený v Tlačítka a odkazy kartu v části Návrh), Plné, Obrys nebo Textový odkaz.
   • Výchozí hodnota: Dodržuje nastavení šablony vašeho webu.
   • Pevný: Tučné, vyplněné tlačítko.
   • Nomenklatura výstavy: Průhledné pozadí s okrajem.
   • Textový odkaz: Jednoduchý, čistý textový styl (bez tlačítka).
4. Barva tlačítka – Přizpůsobte si barevné schéma tlačítka:
   • Výchozí hodnota: Zdědí nastavení motivu.
   • Invertovat: Obrátí barvu textu/pozadí tlačítka.
   • Vlastní: Umožňuje vybrat konkrétní barvy textu a pozadí.
5. Tlačítko Text – Pokud používáte Vlastní barva tlačítka, můžete nastavit barva textu (štítku) odtud.
6. Pozadí tlačítka – Tato možnost je k dispozici také v části Vlastní a nastavuje barvu pozadí tlačítka. Pro maximální čitelnost a styl ji spárujte s barvou textu.
7. Zarovnání tlačítka - Vyber Zarovnání tlačítka ve formě možností zleva, ze středu nebo zprava.
8. Šířka tlačítka – Vyberte, jak široké se má tlačítko zobrazit:
   • Výchozí hodnota: Standardní šířka založená na obsahu tlačítka
   • Velká / Extra velká: Širší tlačítka pro větší důraz
   • Plná šířka: Tlačítko se roztahuje přes celou šířku kontejneru

---

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.

1. Tvar: Vyberte tvar vstupních polí – například obdélník, zaoblený, pilulka nebo text – aby odpovídal estetice vašeho webu.
2. Vyplnit: Povolením tohoto přepínače použijete na pole formuláře barvu pozadí výplně.
3. Základní barva: Nastaví barvu pozadí polí, když je povolena možnost výplně.
4. Nomenklatura výstavy: Zapněte nebo vypněte ohraničení (obrys) pro každé pole.
5. Barva obrysu: Vyberte barvu ohraničení pole, když je povolen obrys.
6. Barva textu pole: Nastavte barvu textu psaného uživateli uvnitř polí formuláře.
7. Výška: Upravte výšku polí výběrem z možností: Malá, Střední, Velká nebo Extra velká.
8. Štítky: Zvolte, zda se popisky polí formuláře zobrazí uvnitř nebo vně pole.
9. Barva štítkuDefinuje barvu popisků při umístění mimo pole.
10. Barva uvnitř štítku: Nastavte barvu pro popisky umístěné uvnitř pole (užitečné pro popisky ve stylu zástupných symbolů).
11. 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

1. Vodorovně zarovnat text nadpisu sekce. Můžete jej nastavit na Vlevo, Na střed a Vpravo.
2. Povolit/zakázat dělič mezi nadpisem oddílu a obsahem oddílu.
3. Nastav tloušťka děliče (v px).
4. Určete Barva rozdělovače z výběru barvy.
5. Vyberte si Styl rozdělovače z rozevíracího seznamu.
6. Nastav Šířka nadpisu definovat, jak široký bude název sekce, počínaje minimálně 50 %.
7. Určete Prostor pod nadpisem v rámci sekce (v pixelech).

---

snímky

1. 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.
2. 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.
3. 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.
4. Styl animace: Vyberte si Styl animace pro obrázek, když se nad ním nachází kurzor.
5. 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.
6. 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.

• V případě, že jste zvolili dělené rohy, můžete pro každý roh nastavit jiný poloměr rohu.

---

Hranice obrázku

1. Povolit / Zakázat ohraničení kolem obrázku přepnutím přepínače.
2. 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.
3. 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.
4. Vybrat Barva okraje z výběru barvy.
5. Vyberte preferovaný Styl ohraničení z rozevíracího seznamu.
6. 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ář.

1. Velikost tlačítka - Vyberte velikost tlačítka z možností, jako je malá, střední nebo velká.
2. Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (v procentech).
3. Styl tlačítka – Vyberte styl tlačítka, například výchozí nebo vlastní.
4. Barva tlačítka - Vyberte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
5. Text tlačítka – Přizpůsobte barvu textu tlačítka.
6. 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.

1. Velikost tlačítka - Vyberte velikost tlačítka (Malé, Střední nebo Velké).
2. Prostor nad tlačítkem – Upravte svislou mezeru nad tlačítkem (zadanou v procentech).
3. Styl tlačítka – Vyberte celkový styl tlačítka, například Výchozí nebo Vlastní.
4. Barva tlačítka - Nastavte barevný styl tlačítka. Možnosti zahrnují Výchozí, Invertovat nebo Vlastní.
5. Text tlačítka – Přizpůsobte barvu textu zobrazeného na tlačítku.
6. Pozadí tlačítka – Vyberte barvu pozadí pro tlačítko.
7. Zarovnání tlačítek – Vyberte zarovnání tlačítka (Vlevo, Na střed nebo Vpravo).
8. Šíř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.

1. Velikost tlačítka - Vyberte celkovou velikost tlačítek (Malá, Střední nebo Velká).
2. Prostor mezi tlačítky – Upravte rozteč mezi více tlačítky (měřeno ve VW).
3. Prostor nad tlačítky – Nastavte svislou mezeru nad tlačítky (měřeno v procentech).
4. Šířka tlačítka – Vyberte, jak široká se mají tlačítka zobrazovat. Možnosti zahrnují Výchozí, Velká, Extra velká a Plná šířka.
5. Velikost textového odkazu – Zadejte velikost písma textových odkazů spojených s tlačítky (měřeno v pixelech).
6. 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.

1. Velikost ikony – Upravte velikost ikon sociálních sítí (měřeno v pixelech).
2. Typ ikony – Vyberte styl ikon, například Klasický, Plný nebo Obrys.
3. Barva ikony – Vyberte barvu ikon. Možnosti zahrnují Text odkazu, Vlastní nebo Barvu značky (původní barva sociální platformy).
4. Barva pozadí ikony – Nastavte si vlastní barvu pozadí pro ikony, abyste vylepšili jejich viditelnost a styl.

---

Nastavení kontaktního formuláře

• Uveďte an interní název formuláře aby se v Pixpa Studiu lépe identifikoval. Tento název není návštěvníkům webových stránek viditelný.

Akce po odeslání

• Můžete definovat Akce po odeslání (1) buď zobrazením a Zpráva o úspěchu (2) nebo Přesměrování uživatele na zadanou adresu URL.
• Do položky Odeslat můžete také přidat libovolný skript Úspěch HTML (3) krabice.

---

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.

---

Export dat formuláře

• Export dat formuláře (4) jako soubor CSV. Zjistit více.
• Uložit (5) změny.

---

Ú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.

---

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í.

1. 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.
2. 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ů.
3.  Koordinátorka: Ivana Durgarian email: Zadejte až 5 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).

---

Ž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. 

---

Související články:

• Sekce platebních formulářů
• Přidat stránku kontaktu
• Sekce bulletinu