+420 728 089 029EN

Návody: Kontaktní formuláře

Doplněk Kontaktní formuláře přidá do Shoptetu formuláře, které si postavíte ve vizuálním editoru bez programování — poptávkové, reklamační i vícekrokové. V návodech projdeme první formulář krok za krokem, práci s atributy polí, dynamické odkrývání částí, nastavení odesílání na e-mail a SMTP, ochranu reCAPTCHA, webhooky do Google Sheets i měření konverzí v GA4.

Návod: Jak pracovat s atributy polí

Jak polím ve formuláři nastavit pravidla — povolené typy souborů, rozsah čísel nebo povinné vyplnění. Nejčastější případy použití.

Otevřít návod · 2 min

RECAPTCHA – chraňte se před spamem

Chraňte formuláře před spamem pomocí reCAPTCHA v3. Návod od založení klíčů u Googlu až po vložení do administrace — bez programování.

Otevřít návod · 2 min

Webhooky jednoduše: Jak sbírat data přímo do Google Sheets

Jak sbírat vyplněné formuláře do Google tabulky — jednou přes MAKE bez programování, podruhé přes Google Apps Script pro větší kontrolu.

Otevřít návod · 5 min

Vytvořte kopii formuláře jedním klikem

Nová funkce Kopie formuláře — z hotového formuláře uděláte duplikát jedním klikem a jen doladíte, co potřebujete jinak.

Otevřít návod · 1 min

Zobrazení formuláře v MODAL okně (reinit)

Jak formulář zobrazit v modálním okně a proč je potřeba reinit — jinak se ve vyskakovacím okně nevykreslí správně.

Otevřít návod · 1 min

Váš první formulář: Krok za krokem

Kompletní průvodce prvním formulářem — e-maily, editor, specifická pole, právní náležitosti i finální nastavení. Na příkladu poptávkového formuláře.

Otevřít návod · 3 min

Dynamické odkrývání částí formuláře

Nastavte formulář tak, aby se části zobrazovaly podle toho, co zákazník vyplní. Ukázáno na reklamačním formuláři s polem pro bankovní účet.

Otevřít návod · 1 min

Popis všech prvků editoru

Referenční přehled všech prvků, ze kterých se formulář skládá — pole, HTML elementy i rozložení, včetně jejich nastavení.

Otevřít návod · 3 min

Jak upravit design formuláře pomocí CSS

Přizpůsobte formulář vzhledu svého e-shopu pomocí CSS: barvy, rozestupy, tlačítka i chybové hlášky. Návod včetně videa.

Otevřít návod · 3 min

Měření konverzí Google Analytics 4, odesílání data do DataLayeru

Jak měřit odeslání formuláře jako konverzi v GA4 — dostupné události, nastavení spouštěče a tagu v GTM a posílání vlastních dat do dataLayeru.

Otevřít návod · 3 min

Návod na použití custom eventů

Jak zachytit úspěšné i neúspěšné odeslání formuláře vlastním skriptem — přehled eventů, dat, která nesou, a příklady použití.

Otevřít návod · 1 min

Nastavení odesílání formulářů na e-mail

Jak doplňku říct, na jaké adresy a v jakém formátu má vyplněné formuláře posílat — včetně potvrzovacího e-mailu zákazníkovi.

Otevřít návod · 1 min