Centrum pomoci
Funkcie chatu

Vlastné formuláre

Posledná aktualizácia:

Vlastné formuláre vám umožňujú vytvoriť si vlastné viacstupňové formuláre a použiť ich namiesto vstavaných formulárov Lead Collection alebo Human Contact Form. Sami si vyberiete polia, ďakovnú správu aj odosielacie tlačidlo a potom formulár prepojíte so sekciou, v ktorej sa má zobrazovať.

Kde nájdete formuláre

Vyberte svojho chatbota a prejdite do časti Settings > Forms (Nastavenia > Formuláre). Na tejto stránke nájdete zoznam svojich uložených vlastných formulárov. Ak ste zatiaľ žiadny nevytvorili, zobrazí sa správa „No custom forms yet“ (Zatiaľ žiadne vlastné formuláre) s tlačidlom Create your first form (Vytvoriť prvý formulár). Vlastné formuláre sú k dispozícii ako prémiová funkcia - ak ich váš plán nezahŕňa, zobrazí sa výzva na prechod na vyšší plán.

Vytvorenie formulára

Kliknutím na New form (Nový formulár) - alebo Create your first form, ak je zoznam ešte prázdny - otvorte editor formulárov.

Settings > Forms so zvýrazneným tlačidlom New form

Zostavenie formulára

Editor obsahuje všetko potrebné na definovanie formulára na jednej obrazovke spolu so živým náhľadom na pravej strane. V prípade pizzérie môžete napríklad v prvom kroku zbierať kontaktné údaje a v druhom preferencie objednávky.

Editor vlastných formulárov

  • Form name (Názov formulára) - interný názov, vďaka ktorému formulár neskôr ľahko identifikujete v rozbaľovacích zoznamoch.
  • Thank-you message (Správa s poďakovaním) - potvrdzujúci text, ktorý sa návštevníkovi zobrazí po odoslaní formulára.
  • Submit button (Tlačidlo odoslania) - nastavte text tlačidla, vyberte voliteľnú ikonu a zvoľte jeho farbu.
  • Karty Build (Vytvoriť) a Custom CSS (Vlastné CSS) - vytvorte polia vizuálne alebo prejdite na kartu Custom CSS (Vlastné CSS) a aplikujte vlastné štýly.

Pridanie polí

Na karte Build (Vytvoriť) zadajte voliteľný názov kroku a kliknutím na tlačidlo typu poľa dané pole pridajte. Formulár podporuje až 10 krokov, celkovo 50 polí a 3 polia typu File upload (Nahranie súboru). Polia s výberom možností podporujú až 100 možností na jedno pole.

Zvýraznené tlačidlá typov polí v editore formulárov

  • Name (Meno) - jednoriadkové pole pre meno návštevníka.
  • Email (E-mail) - slúži na získanie e-mailovej adresy s kontrolou platného formátu e-mailu.
  • Phone number (Telefónne číslo) - slúži na získanie telefónneho čísla.
  • Date (Dátum) - výber dátumu z kalendára.
  • Time (Čas) - výber času.
  • File upload (Nahranie súboru) - umožňuje návštevníkovi priložiť a nahrať súbor (pozrite nižšie).
  • Short answer (Krátka odpoveď) - jednoriadkové voľné textové pole.
  • Long answer (Dlhá odpoveď) - väčšie viacriadkové pole pre dlhšie odpovede.
  • Checkbox (Začiarkavacie pole) - jedno začiarkavacie políčko, napríklad na odsúhlasenie podmienok.
  • Dropdown (Rozbaľovací zoznam) - ponuka, v ktorej si návštevník vyberie jednu možnosť zo zoznamu.
  • Single choice (Jedna možnosť) - skupina možností, z ktorých si návštevník vyberie práve jednu.
  • Multiple choice (Viacero možností) - skupina možností, v ktorej môže návštevník zaškrtnúť viacero položiek naraz.

Každé pole má Label (Štítok) (text, ktorý vidí návštevník) a Name (Názov) (interný identifikátor používaný pri exportoch a v notifikáciách). Pole môžete označiť ako Required (Povinné), nastaviť jeho Width (Šírku), aby boli polia vedľa seba, a potiahnutím zmeniť ich poradie. Polia typu Rozbaľovací zoznam, Jedna možnosť a Viacero možností vyžadujú aj zoznam možností, jednu na riadok.

Pridanie krokov

Pri dlhších formulároch rozdeľte polia do viacerých krokov namiesto jednej dlhej obrazovky. Kliknite na Add step (Pridať krok) a potom doň pridajte polia. Poradie polí v rámci kroku zmeníte ich potiahnutím. Každý krok tvorí samostatnú kartu s voliteľným názvom.

Návštevníci uvidia každý krok ako samostatnú obrazovku v chate a pohybujú sa medzi nimi pomocou tlačidiel Next (Ďalej) a Previous (Späť). Tieto tlačidlá sa zobrazia automaticky, ak má formulár viac ako jeden krok. Pri viackrokovom formulári môžete v editore nastaviť aj text, ikonu a farbu tlačidiel Ďalej a Späť.

Každému kroku dajte krátky a výstižný názov (napríklad „Vaše údaje“ a následne „Vaša požiadavka“), aby návštevníci vždy vedeli, v ktorej časti formulára sa práve nachádzajú.

Polia typu Nahranie súboru

Pole File upload (Nahranie súboru) umožňuje návštevníkovi priložiť k odoslanému formuláru súbor. Pri každom takomto poli môžete nastaviť:

  • Accepted extensions (Povolené prípony) - zoznam oddelený čiarkami, napríklad pdf, png, jpg. Povolené budú iba súbory s týmito príponami.
  • Max size (Maximálna veľkosť) - maximálna veľkosť súboru v MB, maximálne do 10 MB.

Nahrané súbory sa kontrolujú pri odoslaní: prípona sa musí nachádzať vo vašom zozname povolených prípon, súbor nesmie prekročiť limit veľkosti a jeho skutočný obsah musí zodpovedať deklarovanému typu.

Živý náhľad

Panel Live preview (Živý náhľad) na pravej strane zobrazuje formulár presne tak, ako ho uvidia návštevníci, a okamžite sa aktualizuje pri pridávaní polí, krokov aj úprave štýlov.

Keď je formulár pripravený, kliknite na Save (Uložiť). Formulár sa následne zobrazí vo vašom zozname v sekcii Settings > Forms (Nastavenia > Formuláre).

Použitie vlastného formulára

Uložený vlastný formulár sa návštevníkom nezobrazí sám od seba. Prepojte ho s konkrétnou sekciou:

  • Settings > Lead Collection (Nastavenia > Zber leadov) - otvorte rozbaľovaciu ponuku Form shown to the visitor (Formulár zobrazený návštevníkovi) a namiesto predvoleného formulára vyberte svoj vlastný formulár.
  • Settings > Human Contact Form (Nastavenia > Kontaktný formulár podpory) - otvorte rozbaľovaciu ponuku Form shown to the visitor (Formulár zobrazený návštevníkovi) a namiesto predvoleného formulára vyberte svoj vlastný formulár.

Návštevník potom uvidí váš vlastný formulár všade tam, kde sa daná sekcia spustí.

Zvolenú sekciu najskôr povoľte. Sekcia Lead Collection zobrazuje formuláre obsahujúce pole Name (Meno) a pole Email alebo Phone number (Telefónne číslo). Sekcia Human Contact Form zobrazuje formuláre obsahujúce pole Email; jej prvé pole Long answer (Dlhá odpoveď) slúži ako správa pre podporu. Spúšťače a nastavenia notifikácií nájdete v článkoch Zber leadov a Kontaktný formulár ľudskej podpory.

Formulár môžete ponúknuť aj samostatne cez Settings > Actions > Add action for custom form (Nastavenia > Akcie > Pridať akciu pre vlastný formulár). Nastavte, kedy má AI tento formulár zobraziť; samotné uloženie formulára žiadnu akciu neaktivuje.

Ako to vyzerá z pohľadu návštevníka

Pozrite si to v konverzácii

Zber štruktúrovanej požiadavky

Vytvorte formulár a prepojte ho s podporovanou funkciou alebo akciou. Ukážkové hodnoty sú predvyplnené; ukážka neodosiela skutočnú požiadavku ani nepotvrdzuje rezerváciu.

Príklad ChatLabIlustračná konverzácia

Návštevník: Chcel by som si rezervovať stôl na piatok.

Spustite si ukážku alebo si ju prečítajte nižšie. Nepoužívajú sa žiadne skutočné údaje zákazníkov.
1 / 5

Relevantná požiadavka spustí nastavený formulár.

Prehrávanie sa pozastaví, keď tento príklad opustí obrazovku. Toto je simulácia, nie živý chat. Ovládacie prvky widgetu počas prehrávania nie sú interaktívne.
Prečítať celý príklad
  1. Relevantná požiadavka spustí nastavený formulár.

    Návštevník: Chcel by som si rezervovať stôl na piatok.

  2. Návštevník najprv vyplní svoje kontaktné údaje.

    Meno: Anna Weber; E-mail: anna@example.com

  3. Tlačidlo Ďalej prejde na preferencie požiadavky; Späť vráti na kontaktné údaje.

    Preferovaný čas: Piatok, 19:00; Počet osôb: 4

  4. Príklad hodnôt zozbieraných formulárom.

    Meno: Anna Weber; E-mail: anna@example.com; Preferovaný čas: Piatok, 19:00; Počet osôb: 4

  5. Prijatá požiadavka nepredstavuje potvrdenú rezerváciu.

    Asistent: Vaša požiadavka bola prijatá. Náš tím overí dostupnosť.

Formulár sa zobrazuje priamo v okne chatu. Animácia znázorňuje požiadavku na rezerváciu stola s kontaktnými údajmi, po ktorých nasledujú preferencie požiadavky. Statické snímky obrazovky nižšie zobrazujú samostatný dopyt na objednávku pizze: návštevník najprv vyplní Your details (Vaše údaje) a potom prejde na ďalší krok.

Zobraziť statickú snímku obrazovky

Krok Your details (Vaše údaje) vlastného formulára v chatovacom widgete|width=40

Krok 2, Order preferences (Preferencie objednávky), zobrazuje rozbaľovací zoznam Preferred pizza (Preferovaná pizza) a pole Additional notes (Doplňujúce poznámky). Návštevník sa môže vrátiť pomocou tlačidla Back (Späť) alebo formulár odoslať pomocou Send request (Odoslať požiadavku). Ide o texty tlačidiel nastavené pre tento príklad; váš formulár používa označenia, ktoré si zvolíte v editore. Po odoslaní sa v chate zobrazí nakonfigurovaná správa s poďakovaním. Tento príklad neobsahuje pole na nahranie súboru.

Zobraziť statickú snímku obrazovky

Preferencie objednávky s poľami Preferred pizza, Additional notes, Back a Send request|width=40

Zobrazenie odoslaných údajov na karte Leads (Leady)

Keď návštevník odošle vlastný formulár prepojený so zberom leadov (Lead Collection) alebo kontaktným formulárom pre spojenie s človekom (Human Contact Form), odoslané údaje sa uložia ako lead. Otvorte kartu bota Leads (Leady) a skontrolujte ich.

Popri štandardných položkách Meno, E-mail, Telefón, Dátum získania a Vstupný bod sa v stĺpci Form data (Údaje formulára) zobrazuje kompletné odoslanie: označenie každého poľa nasledované hodnotou, ktorú návštevník zadal, jeden riadok na pole. Pri poli File upload (Nahranie súboru) sa zobrazuje názov nahraného súboru; e-mail s oznámením o leade aj export CSV (tlačidlo Export na karte Leads) obsahujú odkaz na stiahnutie samotného súboru.

Odoslanie vlastného formulára zobrazené na karte Leads

Pri každom leade sa môžete prekliknúť aj do celej konverzácie (Conversation), aby ste videli čet v kontexte odoslania.

Otestujte vybraný spúšťač v sekcii Overview (Prehľad), dokončite všetky kroky a odošlite formulár. Overte správu s poďakovaním a skontrolujte uložené odoslané údaje. Ak sú zapnuté oznámenia, otestujte ich doručenie pomocou adresy, ku ktorej máte prístup. Samostatné akčné formuláre sa zaznamenávajú v konverzácii; nepredpokladajte, že každé samostatné odoslanie vytvorí lead.

Súvisiace články