Jedním slovem = nezoufejte!
V tomto krátkém návodu si ukážeme, jak propojit Elementor formuláře (ano, klidně i Popupy) s Ecomailem, tak aby se vám vaši odběratelé hezky synchronizovali.
Vy je pak budete moci oslovit zpětně skrze emaily z Ecomailu.
Pojďme teda na to!
Co se vše dovíte v tomto článku?
- Jak propojit Elementor formulář s Ecomailem
- Co to je "Make" a k čemu slouží
- Co je to webhook a proč jej potřebujete
Co potřebujete než začneme?
Není toho moc, ale bez tohoto se prostě neobejdeme:
Obsah článku
1. Příprava a nastavení formuláře
Elementor PRO nabízí skvělý widget pro tvorbu formulářů. S ním také budeme pracovat v tomto návodu:
Pokud nemáte ještě zakoupený Elementor PRO, doporučujeme tak učinit. Nejenže budete mít přístup k dalším widgetům jako právě třeba „Formulář“, ale také budete mít možnost si celý web přizpůsobit díky templatům a šablonám – záhlaví, zápatí, archívy a mnoho dalšího.
V našem případě jsme si připravili Popup s widgety Nadpis, Text a Form.
Ve Form widgetu jsme si nechali jen kolonku email a trochu nastylovali:
1.1 Přidáme akci po odeslání
V detailu Form widgetu v levé části vybereme „Action after submit“ / „Akce po odeslání“ a klikneme na plus (+):
Otevře se další rozšiřující nabídka akcí, které můžete zvolit.
Ve výchozím nastavení bohužel nefiguruje Ecomail, tudíž propojení vyřešíme přes „webhook„:
Po zakliknutí se v levém sloupci widgetu Form objeví nová kolonka se stejným názvem: Webhook.
Nechte si ji rozkliknout, později ji budeme potřebovat.
Tímto máme v Elementoru vše připraveno. Nyní se mrkneme na Ecomail a připravíme API klíč.
2. Příprava API klíče z Ecomail
Nyní je třeba si připravit druhý dílek skládačky a to je API klíč sloužící k ověření propojení.
2.1 Přihlaste se do administrace Ecomailu
Na úvodní stránce Ecomail se přihlaste ke svému účtu.
Po přihlášení se dostanete do své administrace.
V pravém horním rohu rozklikněte vaši emailovou adresu a z možností vyberte „Správa účtu“.
2.2 Zkopírujte si API klíč
Ve správě účtu najděte kolonku „Integrace“ a klikněte na ní:
Zobrazí se vám přehled a možnosti integrací. Vás zajímá hned první řádek – API klíč:
Zkopírujte si jej kliknutím na ikonku „Copy“.
Nyní máte přichystaný i API klíč. Teď už jen zbývá dát vše dohromady v konzoli MAKE (původně Integromat).
3. Propojení skrz MAKE (původně Integromat)
Make vám umožňuje propojovat různé aplikace a systémy za účelem automatizace a zjednodušení každodenní činnosti.
Možná znáte službu Zapier, která dělá to samé, jen v trochu jiném kabátu.
Make využíváme hlavně proto, že je od českých vývojářů a druhak – umožňuje zautomatizovat 2 scénáře úplně zdarma. Tudíž se hodí pro začínající projekty.
Kromě integrace Elementor formulářů a Ecomailu toho zvládne Make opravdu hodně.
Až by se dalo říct, že jediným limitem je vaše představivost.
Nicméně pro ilustrační účely by to mohlo být třeba propojení vašeho formuláře s Google sheets, přidat zápis a následně vám ještě poslat SMS zprávu s detaily, že máto nového zájemce o danou službu.
Pojďme se ale vrátit zpět k našemu úkolů.
3.1 Vytvořte si MAKE účet a přihlaste se
Registraci můžete provézt zde a klidně můžete vytvořit účet ve zrychlené formě přes váš Google nebo Facebook (úplně dole).
Po úspěšném přihlášení budete přesměrování do administrace, kde se vám naskytne pohled na detaily vašeho účtu – Operace, scenáře, … prostě vše.
3.2 Vytvořte nový scénář
V pravém horním rohu klikněte na „Vytvořit nový scénář“.
Následně se vám otevře nová stránka s velkým „+“. Klikněte na něj.
3.3 Vytvořte webhook
Ze všech možností vyberte aplikaci zvanou „Webhooky“ (můžete hledat i pomocí napsání klíčového slova).
V dalším kroku vyberte správný typ – „Vlastní webhook“.
A klikněte „Add“, abyste mohli zadat název a detaily.
Zadejte název a uložte:
Nyní máte webhook připravený a jako potvrzení se vám zobrazí URL adresa, kterou si zkopírujte. Budete ji potřebovat v dalším kroku.
3.4 Zadejte adresu webhooku do formuláře
První krok integrace máme připravený – webhook je aktivní a „poslouchá“. Teď je třeba vrátit se k vašem formuláři (krok 1.1) a vložit zkopírovanou adresu do kolonky „Webhook URL“:
Uložte a vypublikujte formulář. Webhook nyní potřebuje přijmout data (čtěte: je třeba vyplnit a odeslat formulář), aby zjistil v jaké formě data přijdou a jak je má dále poslat.
V našem případě jsme vyplnili náš ilustrační Popup a odeslali:
A v konzoli by mělo být vidět, že webhook data přijal:
3.5 Přidejte aplikaci Ecomail
Paráda. Data se správně posílají a webhook funguje. Pojďme tedy přidat propojení s Ecomail.
Klikněte na „OK“, ať se zavře webhookové okno a najeďte myší na „+“ a vyberte „Přidat další modul“.
Vyhledejte „Ecomail“ a zvolte jedinou aplikaci, kterou vám to ukáže:
V dalším kroku vyberte událost „Create subscriber“ neboli „Vytvořit odběratele“.
Tím se dostáváme do finiše. Pomalu ale jistě. Vyskočí další tabulka, kde je třeba přidat přes „Add“ váš Ecomail API klíč.
Zadejte název, vložte váš API klíč z kroku 2.2 a uložte:
3.6 Napárujte data
Pokud jste se dostal až sem, tak jste opravdu jednička!
Teď přijde už jen třešnička na dortu.
Nezoufejte, už jsme před cílovou páskou. Už nám zbývá jen napárovat data a vybrat seznam, do kterého se mají vaše nové kontakty ukládat.
- 1. Vyberte seznam, kde se mají emaily ukládat.
- 2. Vyberte položku email a přetáhněte ji sem.
- 3. Pokud chcete použít konktat pro automatizace, vyberte "Yes".
- 4. Pokud chcete aktualizovat informace o kontaktu, vyberte "Yes".
- 5. Pokud chcete zájemce znovu přihlásit k odběru, kdykoliv vyplní formulář, vyberte "Yes". (V tom případě vybíráme většinou "NO", pokud se jedná o obecnou automatizaci.)
3.7 Spusťte scenář a otestujte
Máte hotovo.
Vpravo dole klikněte na přepínací tlačítko a spusťte scenář.
Pro jistotu ještě najděte váš formulář na webových stránkách a vyplňte jej.
Email by se měl automaticky přidat do vašeho seznamu kontaktů v Ecomailu a případně by se měla odeslat i automatizace, jestli máte nějakou nastavenou.
