Chtěli byste vyhledávač např. produktů na Vašem e-shopu od Webnode?
Hledáte jednoduché a stylové vyhledávací políčko, které si vložíte na Váš web či e-shop ve Webnode?
VIDEONÁVOD:
V návodu Jak na web přidat vlastní vyhledávací pole? Google Custom Search jsme si ukázali jednoduchý vyhledávač od Google. Ne každému avšak tento jednoduchý vyhledávač od Google vyhovuje.
V tomto návodu si ukážeme externí vyhledávač SearchIQ, který si automaticky načte všechny stránky Vašeho webu / e-shopu
a následně Vám poskytne HTML kód vyhledávače, který si jednoduše vložíte na Váš web nebo e-shop.
Pokud nemáte na webu, či e-shopu více než 2000 stránek (např. produktové stránky, či jiné stránky webu), tak nemusíte za tento vyhledávač vůbec nic platit.
JE TO ZCELA ZDARMA.
Ve variantě FREE (zdarma) je také dostupná podpora skrz fórum.
Služba SearchIQ nabízí zdarma i statistiku hledaných výrazů, kterou si můžete prohlížet přímo online v jejich uživatelském prostředí.
SearchIQ je vhodný jako vyhledávač produktů v e-shopu nebo vyhledávač pro klasický web či blog.
Na mém webu Wpromotions.eu používám vyhledávač SearchIQ. Pokud ho chcete vyzkoušet, použijte prosím vyhledávač na tomto webu.
Návod rozdělím na 3 části:
První část – registrace a získání kódů vyhledávači
- První krok je registrace v externí službě SearchIQ. Registrovat se můžete na oficiálním webu: https://www.searchiq.co/
Začněte kliknutím na tlačítko “Get Started“.
3. Ověřte si Vaši e-mailovou adresu kliknutím na odkaz, který Vám poslali.
Pokud email nechodí – mrkněte do SPAMU či Reklam.
Po ověření emailu se přihlaste.
Druhá část – vložení kódů na Váš web či e-shop
První kód, který Vám aplikace poskytla vložte do sekce HTML Hlavička na všechny stránky webu.
Vyberte si způsob vložení prvního kódu – podle toho, jaké Prémiové služby ve Webnode využíváte:
1. Mám zakoupené Prémiové služby STANDARD nebo PROFI
Pokud máte u Webnode zakoupené Prémiové služby Standard nebo Profi, tak můžete jedním vložením vložit první kód ze SearchIQ na všechny stránky vašeho webu, či e-shopu.
V horní části editoru klikněte na “Nastavení” – “Nastavení webu” – “HTML hlavička / patička” – “HTML hlavička“.
a vložte první kód SearchIQ.
Změnu uložte.
2. Mám projekt ve verzi Zdarma nebo mám zakoupen Prémiový balíček Limited, Mini.
Pokud máte e-shop nebo web vytvořen ve verzi Zdarma nebo máte zakoupen Prémiový balíček Limited, či Mini, tak musíte kód vložit do hlavičky na každou stránku zvlášť.
1. Vložení prvního kódu SearchIQ do hlavičky každé stránky.
Klikněte na “Stránky” – “Vyberte stránku” – “SEO nastavení stránky” – “HTML Hlavička“.
Výborně – první kód SearchIQ jste úspěšně vložili.
Druhý kód je třeba vložit na místo, kde chcete, aby se vyhledávací políčko na webu zobrazilo.
TIP: Ve druhém kódu si můžete upravit text, který se bude ve vyhledávači zobrazovat.
Předdefinované “Type here to search …” v kódu změňte na např. Hledat nebo si to samozřejmě upravte podle vlastního uvážení 🙂
Zkopírujte si druhý kód SearchIQ a vložte jej do těla stránky pomocí tlačítka “+” a “HTML“.
Publikujte změny
V publikované verzi Vašeho webu byste měli nyní vidět malé okénko vyhledávače.
Třetí kód (úplně poslední) SearchIQ vložte na samostatnou stránku např. Výsledky vyhledávání:
Vytvořte si v sekci “Stránky” novou stránku, kterou můžete nazvat např. Výsledky vyhledávání.
Tato stránka nám bude sloužit k tomu, aby když někdo ve vyhledávači vyhledá, aby se mu následně výsledky vyhledávání zobrazily na této stránce.
Otevřete si stránku, kterou jste vytvořili a vložte třetí kód pomocí tlačítka “+” a “HTML“.
Kód vložte na místo, kde chcete výsledky vyhledávání zobrazit.
Publikujte změny
Zjistěte URL identifikátor vaší stránky, kterou jste pro výsledky vyhledávání vytvořili. V editoru Webnode klikněte na “Stránky” – “Vyberte stránku s výsledky” – “SEO nastavení stránky“.
Výborně – vyhledávač SearchIQ máte v základním vzhledu nastaven správně.
Poslední krok je nyní upravit vzhled, aby se místo malého okénka zobrazilo klasické vyhledávací okno.
Třetí část – úprava vzhledu
Vyhledávač SearchIQ umožňuje úpravu vzhledu vyhledávacího okna přidáním vlastního CSS kódu.
K tomu, aby vyhledávací okénko vypadalo přesně tak, jak vypadá na mém ukázkovém webu je třeba přidat do aplikace SearchIQ vlastní CSS kód.
Přihlaste se k odběru novinek – Wiliam Promotions News – a získejte předpřipravený kód, který upraví vzhled Vašeho SearchIQ vyhledávače.
HOTOVO – Výborně, poslední krok máte úspěšně za sebou a Vaše vyhledávací okénko se zobrazuje v novém kabátě 🙂
Změnu vzhledu vyhledávači uvidíte hned v publikované verzi Vašeho webu.
Doufám, že Vám vyhledávač správně funguje a vše proběhlo bez problémů.
Napište mi prosím do komentářů, zda se Vám to podařilo 🙂
Budu rád za jakoukoli zpětnou vazbu.
Další skvělé návody
7 nových WEBNODE šablon pro tvorbu firemního webu
Viděli jste již 7 nových Webnode šablon pro tvorbu firemního webu v roce 2023?V našich Webnode Free Novinkách jsme si už o Webnodu editoru řekli pár zajímavostí. Už jste četli článek o 5 nových funkcích NOVÉHO Prémiového balíčku Business nebo 6 nejlepších WEBNODE...
Webnode Recenze 2023: Jak si vytvořit web stránku jednoduše a zdarma
Chtěli jste si někdy vytvořit vlastní webovou stránku úplně od začátku? Chcete si vytvořit web nebo e-shop a zviditelnit se na Internetu? Začněte právě teď a naučte se jak si jednoduše vytvoříte svůj první vlastní web.Vytvoření webu s Webnode je jednoduché - zvládne...
Jak na web ve Webnode přidat playlist/album ze Spotify?
V návodu „3 jednoduché způsoby jak na web vložit online MP3 přehrávač“ jsme si ukázali jednoduchý způsob jak vložit na web přehrávač hudby. Pojďme se nyní společně podívat na vaše další možnosti.Máte rádi Spotify?Vložte si Spotify playlist/album jednoduše na svůj web...
Jak si na web ve Webnode přidat horní lištu s kontaktními informacemi a ikonami soc. sítí?
Přidejte si na web horní lištu s kontaktními informacemi, ikonkami soc. sítí, přepínačem měn (v e-shopu) nebo přepínač jazyků (cez vlajky).V novinkách 5 nových funkcí NOVÉHO Prémiového balíčku Business a 6 nejlepších WEBNODE šablon pro tvorbu webu jsme si o našem...
Jak si na web ve Webnode přidat online rezervační systém? Zdarma!
Potřebujete na Vaše webové stránky např. ve Webnode vložit online rezervační systém pro správu rezervací? Ať už děláte cokoliv, Reservio je skvělou volbou pro organizaci Vašeho času! 🙂 A co všechno Vám online rezervační systém od Reservio nabízí? přehledný kalendář,...
Jak přejmenovat tlačítko “Do košíku” ve Webnode e-shopu?
Chtěli byste ve Webnode e-shopu přejmenovat tlačítko "Do košíku" ?V návodu "Jak přejmenovat" Košík "v menu ve Webnode e-shopu?" jsem Vám ukázal, jak se můžete odlišit od konkurence, a přejmenovat si nákupný košík. Pojďme se nyní společně podívat na Vaše další...
Jak změnit styl písma (font) ve Webnode?
VideonávodChtěli byste si změnit styl písma ve Webnode na svůj vlastní? Pár slov na úvodNástroj Webnode umožňuje změnit styl písma v sekci: "Nastavení" - "Vzhled" - "Fonty" a fonty, které editor nabízí jsou velmi pěkné. Ne každému avšak předdefinované fonty...
Jak na web ve Webnode přidat ikonky soc. sítí do DOLNÍ části webu?
Chtěli byste si přidat ikonky soc. sítí např. Facebook, Instagram do DOLNÍ části Vašeho Webnode webu?O propojení Vašeho Webnode webu se soc. sítěmi jsem už napsal pár návodů: Jak propojit Facebook s webem? Jak propojit www stránky se sociální sítí...
Jak na web ve Webnode přidat Vaše uživatelské recenze z Firmy.cz?
Recenze na web z katalogu firem Firmy.cz Hledáte widget uživatelské recenze na web?V návodu Jak přidat www stránku do katalogu firem Firmy.cz od Seznam? jsem Vás naučil jak si Vaši firmu zaregistrujete do nejznámějšího českého katalogu firem - Firmy.cz ...
Chi poděkovat za návod na vlastní vyhledávací pole na webu. Škoda, že jsem ho neobjevila dříve. Dlouho jsem se trápila s google search.. a stejně jsem na to nepřišla. Díky tomuto návodu, jsem měla vše za 10 minut nastaveno. Děkuji.
Dobrý deň,
ďakujem za Váš komentár a pozitívnu spätnú väzbu 🙂
Som rád, že sa Vám všetko podarilo.
Prosím napíšte Vašu spätnú väzbu aj do komentárov na youtube pod moje video
Ďakujem 🙂
Prajem krásny deň.
Parádní návod, děkuji. Nicméně, nezařazuje se mi veškeré zboží, které je možno vyhledat. Příklad: Náramky. Vyhledá jen některé. Zkusila jsem v názvu produktu zvolit výraz Náramek, ale stejně ho nevyhledá. Kde je asi chyba? A jakým způsobem zadat barvy produktů? Do kategorii? a lze je případně nějak skrýt? Nebo je možné nějak zadat filtraci? Moc děkuji za pomoc a rady, Olča
Dobrý deň,
ďakujem za Vašu správu.
Testoval som vyhľadávanie na Vašom webe a náramky mi to nájde.
SearchIQ by si mal automaticky načítavať nové stránky webu, avšak tento proces (načítania nových stránok) sa dá aj urýchliť.
V sekcii “SearchIQ – Advanced setting” – kliknite na “INDEX”
Viď. návod:

Podarilo sa?
Prajem krásny deň.
Prosím vás chtěl bych poradit. Podle vašeho návodu se mi vše podařilo a děkuji za to. Ale chtěl bych to povýšit na vyšší level. Hledal jsem si search bar animovaný, který by se mi líbil ale po vložení se mi okno vůbec nezměnilo. Mohl byste mi s tímto pomoci?
Děkuji moc.
Zdravím,
Som rád, že Vám môj návod pomohol.
Akú animáciu ste našli? Pošlite mi prosím odkaz a pozriem sa Vám nato.
S pozdravom
Viliam