Rychlý start
Začněte s ai4shops.com za 5 minut. Vytvořte účet, nastavte projekt a přidejte své první widgety.
Vítejte v ai4shops.com! Tento průvodce vás provede spuštěním vašeho prvního projektu za méně než 5 minut. ⚡
Co budete potřebovat
- Webové stránky (WordPress, Shopify, vlastní - cokoliv!)
- 5 minut času
- Touhu zapojit návštěvníky
To je vše! Žádné znalosti programování. Žádná instalace složitého software. Pojďme na to.
Vytvořte si účet
Navštivte ai4shops.com/register a zaregistrujte se pomocí:
- Emailu a hesla
- Google účtu
- GitHub účtu
Ověření emailu je okamžité. Žádné čekání!
Vytvořte svůj první projekt
Po přihlášení vás ai4shops.com provede vytvořením prvního projektu.
Co je projekt? Každý projekt představuje jednu webovou stránku nebo e-shop. Můžete mít více projektů (např. hlavní web, blog, obchod).
Zadejte:
- Název projektu: "Můj web" nebo cokoli smysluplného
- URL webu: https://vase-domena.cz (pro referenci)
- Typ: Vyberte kategorii (E-commerce, Blog, SaaS, atd.)
Klikněte na Vytvořit projekt a jste připraveni!
Vyberte své funkce
Co chcete přidat na svůj web?
🤖 AI Chatbot
- Odpovídá na otázky zákazníků 24/7
- Naučí se z vašeho obsahu
- Skvělý pro podporu a leady
📝 Formuláře
- Kontaktní formuláře
- Přihlášení k newsletteru
- Průzkumy a ankety
- Registrace
✨ vyskakovací okna
- Exit-intent pop-upy
- Speciální akce
- Oznámení
- Průvodci produkty
Můžete zvolit všechny, jednu nebo začít s jednou a přidat další později. Není špatná volba!
Vytvořte svůj první widget
Řekněme, že začínáme s formulářem. Klikněte na Formuláře v levém postranním panelu, poté Vytvořit nový formulář.
Rychlé nastavení:
- Vyberte šablonu (Kontaktní formulář je skvělý začátek)
- Přizpůsobte pole (přetáhněte, co potřebujete)
- Upravte barvy tak, aby odpovídaly vaší značce
- Klikněte na Publikovat
Hotovo! Váš formulář je živý.
Přidejte na svůj web
To je snadná část. ai4shops.com vám poskytne malý kus kódu:
<script
src="https://ai4shops.com/embed.js"
data-project-id="proj_abc123"
></script>Kde to přidat:
- WordPress: Vzhled → Widgety → Vlastní HTML (zápatí)
- Shopify: Online obchod → Motivy → Upravit kód → theme.liquid (před
</body>) - Vlastní web: Vložte před ukončovací tag
</body>
Co se právě stalo?
Gratuluji! Právě jste:
✅ Vytvořili ai4shops.com účet ✅ Nastavili svůj první projekt ✅ Vytvořili widget (formulář/modal/chatbot) ✅ Přidali ho na svůj web ✅ Jste úžasní! 🎉
Otestujte to
- Navštivte svou webovou stránku
- Měli byste vidět svůj formulář/chatbot/modal
- Vyzkoušejte to - odešlete testovací formulář
- Zkontrolujte dashboard → Odeslání
Funguje? Fantasticky! Ne? Pokračujte v řešení problémů níže.
Řešení problémů
Widget se nezobrazuje?
Zkontrolujte:
- Je widget nastaven jako "Aktivní" v dashboard?
- Je skript na stránce? (Zkontrolujte zdrojový kód stránky)
- Zkuste vymazat cache prohlížeče
- Podívejte se do konzole prohlížeče na chyby (F12)
Stále nic?
- Ověřte správnost
data-project-id - Ujistěte se, že je skript před
</body> - Zkuste jiný prohlížeč
- Kontaktujte podporu (jsme přátelští!)
Formulář vypadá divně?
- Zkontrolujte CSS konflikty (použijte inspektor prohlížeče)
- Upravte styly v editoru formulářů
- Zkuste jiný motiv v nastavení formuláře
Chatbot neodpovídá?
- Natrénovali jste ho na nějaký obsah?
- Je chatbot "Publikován" v nastavení?
- Zkontrolujte, zda má vycvičená data
Další kroky
Nyní, když máte základy, pojďme to posunout dál!
Potřebujete pomoc?
Zasekli jste se? Zde jak získat podporu:
- 📖 Dokumentace: Prozkoumejte kompletní průvodce
- 💬 Chatbot: Vyzkoušejte náš vlastní chatbot (ano, používáme ai4shops.com!)
- 📧 Email: support@ai4shops.com
- 🎥 Videa: Vizuální tutoriály (připravujeme!)
Hotovo! Nyní jděte vytvořit něco úžasného! 🚀
Pamatujte: Začněte jednoduše, přidejte funkce postupně. Každá velká konverzní cesta začíná jedním formulářem. 💪