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.

První část – registrace a získání kódů vyhledávači

  1. 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“.

Vyhľadávač Webnode zdarma

2. Vyplňte Vaše údaje a klikněte na 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.

 

4. Po přihlášení ve službě zvolte možnost “No, its something else“.

5. Zadejte URL adresu Vašeho webu a klikněte na “Add Site
*Např. URL adresa mého webu je https://www.wpromotions.eu/

6. Po dokončení Vás aplikace automaticky přesměruje do sekce “Interface” a “Installation“, kde najdete 3 kódy, které je třeba vložit na Vaše webové stránky nebo e-shop, aby mohl vyhledávač od SearchIQ správně fungovat.

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“.

Přejděte do aplikace SearchIQ a v sekci “Interface” – “Result Page” do kolonky “Result Page URL” přidejte URL adresu vaší stránky s výsledky.

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.

A kam vložit můj CSS kód?

V aplikaci SearchIQ přejděte na stránku “Interface” – “General” a do kolonky “Custom CSS” vložte můj kód.

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

Svatební web zdarma

Svatební web zdarma

Co je svatební web? Co je svatební stránka? Proč si svatební web vytvořit? Co patří na svatební web? Kolik svatební web stojí? Svatební šablony Jak vytvořit svatební web?Co je svatební web? Co je svatební stránka?V dnešní digitální době se už ani svatba neobejde bez...

Webnode Recenze

Webnode Recenze

Webnode recenze 2023Tvorba webu s Webnode je jednoduchá - zvládne to i Vaše babičkaVítejte v naší Webnode recenzi, kde Vám nabízíme objektivní pohled na editor, tzv. program pro vytváření webových stránek, od společnosti Webnode. Tvorba webu zdarma vs. prémiové...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Viliam
Follow me