Budete potřebovat
- ověřenou doménu, ze které půjde potvrzovací e-mail (návod),
- seznam kontaktů v sekci Kontakty (stačí prázdný),
- přístup do administrace webu nebo e-shopu.
Krok 1: Vytvořte formulář
V dashboardu otevřete Kampaně › Formuláře a klikněte na Nový formulář. Povinné je jen málo:
| Pole | Co tam patří |
|---|---|
| Název | pro vás, třeba „Patička webu“. Uloží se ke kontaktu jako zdroj souhlasu. |
| Seznam | kam se přihlášky zapíšou |
| Nadpis a text tlačítka | mají rozumné výchozí hodnoty, můžete je nechat |
| Odesílatel potvrzovacího e-mailu | jméno obchodu a adresa na ověřené doméně |
| Odkaz na zásady ochrany osobních údajů | doporučujeme vyplnit, zobrazí se pod tlačítkem |
Přesměrování po odeslání a po potvrzení jsou nepovinná. Bez nich ukážeme naši jednoduchou stránku s výsledkem.
Krok 2: Zkopírujte kód
U uloženého formuláře najdete tři varianty. Vyberte tu, která sedí na váš web:
| Varianta | Kdy ji použít |
|---|---|
| Kód v HTML | kam jde vložit HTML: WordPress, Upgates, Webnode, stránky v Shoptetu. Funguje i bez JavaScriptu. |
| Jeden řádek se skriptem | kam jde vložit jen skript: zápatí šablony v Shoptetu, Měřicí kódy v Eshop-rychle. Formulář se ukáže v místě skriptu, ze záhlaví na konci stránky. |
| Odkaz | sociální sítě, e-mailový podpis, QR kód na účtence. Vede na naši stránku s formulářem. |
Jednořádkový skript vypadá takto (ID je u každého formuláře jiné):
<script src="https://topemail.cz/odber.js" data-topemail-odber="ID_FORMULARE" async></script>
Formulář ze skriptu umístíte i jinam: atribut data-pred="footer" ho vloží před patičku, data-misto="#novinky" za prvek s daným ID.
Krok 3: Vložte kód na web
WordPress
- Do stránky nebo příspěvku: klikněte na + (nebo napište
/html), vyberte blok Vlastní HTML a vložte HTML kód. Uložte. - Do postranního panelu nebo patičky: Vzhled › Widgety, přidejte blok Vlastní HTML. Položku Widgety mají jen šablony s oblastí pro widgety, u blokových šablon upravíte patičku v Vzhled › Editor.
- Kód musí vkládat administrátor. Uživatelům bez oprávnění k HTML WordPress formulář a skripty odstraní.
- Máte WooCommerce? Políčko pro odběr přímo v pokladně přidá náš plugin.
Shoptet
- Viditelný blok v postranním sloupci nebo patičce: Vzhled a obsah › Bannery, typ Textový banner (umožňuje vložit HTML), vložte HTML kód. Pravý sloupec mají jen šablony Soul, Rock a Pop.
- Samostatná stránka „Novinky e-mailem“: Vzhled a obsah › Stránky › Přidat, v editoru přepněte na Zdrojový kód a vložte HTML kód.
- Na konec všech stránek: Vzhled a obsah › Editor › HTML kód, sekce Zápatí, vložte jednořádkový skript. Sekce má limit 8 192 znaků, skript ho nevyčerpá.
Doplněk pro e-maily objednávek ze Shoptetu přes TopEmail připravujeme, stav najdete na stránce Integrace.
Eshop-rychle.cz
Vlastní skripty se vkládají v E-shop › Měřicí kódy › Vlastní kódy. Vložte jednořádkový skript a uložte. Podrobný postup včetně převodu stávajících odběratelů je v návodu pro Eshop-rychle.
Upgates
- Do textu stránky nebo článku: ve WYSIWYG editoru klikněte na ikonu Zdrojový kód a vložte HTML kód.
- Na všechny stránky: Doplňky › Vlastní konverzní kódy, kód pro všechny stránky, vložte jednořádkový skript.
Webnode
- Najeďte myší do sekce, klikněte na +, vyberte HTML, vložte HTML kód a web publikujte. V editoru uvidíte jen informaci o kódu, formulář se ukáže až na publikovaném webu.
- Vkládání HTML je ve Webnode prémiová funkce, potřebujete některý z placených balíčků.
Wix
V editoru zvolte Add Elements › Embed Code › Embed HTML, klikněte na prvek, Enter Code, vložte HTML kód a potvrďte Apply. Wix kód zobrazí v rámečku, kterému nastavte dostatečnou výšku. Pokud formulář v rámečku nepůjde odeslat, dejte na web tlačítko s odkazem na hostovanou stránku formuláře.
Vlastní web v HTML
HTML kód vložte kamkoli do stránky. Funguje bez JavaScriptu: po odeslání návštěvníka přesměrujeme na stránku s výsledkem (vaši, pokud ji nastavíte, jinak naši). Chcete výsledek ukázat bez opuštění stránky? Použijte skript.
Bez webu: odkaz nebo QR kód
Zkopírujte odkaz na formulář a dejte ho do bia na Instagramu, do e-mailového podpisu nebo z něj vytvořte QR kód na účtenku či leták.
Krok 4: Vyzkoušejte přihlášení
Přihlaste se do formuláře vlastní adresou. Měl by přijít e-mail „potvrďte odběr novinek“ s tlačítkem. Po kliknutí se adresa zapíše do seznamu i se zdrojem souhlasu, datem a IP adresou.
- Potvrzovací odkaz platí 7 dní.
- Formulář je chráněný proti robotům a proti opakovanému odesílání, takže ho nikdo nezneužije k zahlcení cizí schránky.
- Kdo se dřív odhlásil, může se formulářem přihlásit znovu, protože souhlas dává sám.
Až budete mít první odběratele, pošlete jim první newsletter.
Nefunguje to?
Formulář se na webu neukázal
Zkontrolujte, že je formulář v TopEmailu zapnutý a kód je vložený celý. Některé editory kód upravují: ve WordPressu použijte blok Vlastní HTML, ne odstavec. Pokud editor nedovolí formulář, vložte místo něj jednořádkový skript, nebo dejte na web jen odkaz na hostovanou stránku formuláře.
Potvrzovací e-mail nepřišel
Podívejte se do spamu a do záložky Hromadné nebo Promo. Potvrzení odesíláme z adresy, kterou jste u formuláře vybrali, takže doména musí být ověřená. Stejné adrese pošleme znovu nejdřív za 10 minut.
Přihláška je v seznamu, ale bez potvrzení se nezapsala
To je správně. Kontakt se zapíše až po kliknutí na tlačítko v potvrzovacím e-mailu. Do té doby ho v seznamu neuvidíte. Počet odeslaných a potvrzených přihlášek vidíte u formuláře.
Chci formulář stylovat jinak
HTML kód má styly přímo u prvků, takže je můžete přepsat. Formulář ze skriptu má třídy .te-odber, .te-odber-msg a další, upravíte je ve vlastním CSS webu.
Nevíte si rady? Napište na info@topemail.cz nebo pošlete ticket z dashboardu. Odpovídáme česky, obvykle do jednoho pracovního dne.
Další návodWooCommerce: e-maily objednávek a odběr v pokladně