Články v kategorii
- Instalace do webu - úvod 💡
- Instalace do známých platforem ⭐
- Přidání nového formuláře
- Webový konfigurátor - párování kolonek ⭐
- Webový konfigurátor - ovládací prvky
- Aplikace - párování kolonek
- 📍 Adresy - nastavení
- 💼 Firmy - nastavení
- ✉️ E-maily - nastavení
- 📞 Tel. čísla - nastavení
- 👤 Jména - nastavení
- Deaktivace/aktivace služeb ve formuláři
- Vzhled a chování Foxentry 🎨
- Javascriptové API
- ⚙️ Rest API
- Zjištění stavu validace formulářů
- Vlastní zpracování dat z validace - Callbacky
- Cookies 🍪
- Jak vymazat cache prohlížeče
Instalace do webu - úvod 💡
V tomto návodu se dozvíte, jak přidat doplněk Foxentry na svůj web či e-shop. Samotná implementace je rozdělena do dvou hlavních částí a s naší nápovědou ji hravě zvládne i úplný začátečník.
Vložte script Foxentry do kódu webu
Prvním krokem je propojení vašeho webu s Foxentry pomocí unikátního javascriptového kódu. Tento script zajistí bleskovou opravu dat a našeptávání přímo ve vašich formulářích.
- V administraci Foxentry přejděte do sekce Instalace a nastavení (bod 1 na obrázku).
- Zkopírujte si svůj unikátní javascriptový kód (bod 2). Po kliknutí na kód se zobrazí potvrzení „Zkopírováno“. Pokud ještě projekt nemáte, podívejte se na návod k jeho vytvoření.
- Zkopírovaný kód vložte do zdrojového kódu svého webu, a to ideálně těsně před koncovou značku
</body>.
Kam script vložit?
Script můžete vložit buď na konkrétní podstránky s formulářem, nebo globálně na celý web. Globální umístění důrazně doporučujeme – Foxentry tak bude fungovat i v nečekaných místech (např. v modálních oknech pro newslettery) a ušetříte si práci při budoucích úpravách.
- Statické stránky: vložte kód přímo do souboru
index.htmlpřed značku</body>. - Dynamické weby (PHP, CMS): struktura bývá rozdělena do více souborů. Vložte kód Foxentry do centrálního souboru pro zápatí (např.
footer.phpnebofooter.tpl). Změna se automaticky projeví na všech podstránkách webu.
Proč doporučujeme naši JS knihovnu?
Vložením scriptu získáte přístup k naší hotové knihovně, která automaticky řeší pokročilé UX funkce, opravu autocompletu a mobilní optimalizaci. Tyto funkce byste přes čisté API museli pracně programovat sami.
Vyberte způsob integrace
Způsob vložení scriptu se může lišit podle toho, na jakém systému váš web běží:
- E-shopové platformy: pokud používáte řešení jako Shoptet, WordPress, PrestaShop či Eshop-rychle, máme pro vás připravené postupy na míru. Všechny návody naleznete na stránce Instalace do platforem.
- Vlastní systémy a GTM: u vlastních řešení můžete kód vložit přímo do zdrojového kódu nebo využít Google Tag Manager pro snadnou správu bez nutnosti zásahu programátora.
Označte vstupy ve vašem formuláři (mapování)
Po úspěšném vložení scriptu musíte Foxentry říct, které políčko ve vašem formuláři plní jakou funkci (např. že kolonka „misto_bydliste“ slouží pro obec). Tomuto procesu říkáme mapování a máte dvě možnosti:
- Interaktivní webový konfigurátor: nejjednodušší cesta. Spustíte konfigurátor přímo na svém webu a vizuálně přiřadíte funkce k jednotlivým kolonkám.
- Manuální nastavení identifikátorů: pro uživatele se znalostí HTML. V administraci Foxentry ručně vyplníte identifikátory kolonek z vašeho kódu (např.
#pscneboinput[name='ulice']). Podrobnosti najdete v návodu na manuální mapování.