Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?

Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?

VIDEONÁVOD:

V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search  sme si ukázali jednoduchý vyhľadávač od Google. Nie každému avšak tento jednoduchý vyhľadávač vyhovuje.

 

V tomto návode si ukážeme externý vyhľadávač SearchIQ, ktorý si automaticky načíta všetky stránky Vášho webu/e-shopu

a následne Vám poskytne HTML kód vyhľadávaču, ktorý si jednoducho vložíte na Váš web, či e-shop.

 

Ak nemáte na webe, či e-shope viac ako 2000 stránok (napr. produktové stránky, či iné stránky webu), tak nemusíte za tento vyhľadávač vôbec nič platiť.

JE TO ZDARMA.

Vo variante FREE (zdarma) je tiež dostupná podpora skrz fórum.

Služba SearchIQ ponúka zdarma aj štatistiku hľadaných výrazov, ktorú si môžete prezerať priamo online v ich uživateľskom prostredí.

SearchIQ je vhodný ako vyhľadávač produktov v e-shope alebo vyhľadávač pre klasický web, či blog.

Ukážka e-shopu s vyhĺadávačom SearchIQ

Prvá časť – registrácia a získanie kódov vyhľadávaču

  1. Prvý krok je registrácia v externej službe SearchIQ. Registrovať sa môžete na oficiálnom webe: https://www.searchiq.co/

Začnite kliknutím na tlačítko “Get Started“.

 

Vyhľadávač Webnode zdarma

2. Vyplňte Vaše údaje a kliknite na Get Started

3. Overte si Vašu e-mailovú adresu kliknutím na odkaz, ktorý Vám poslali.
Ak email nechodí – mrknite do SPAMU, či Reklám.

Po overení emailu sa prihláste.

 

4. Po prihlásení v službe zvoľte možnosť “No, its something else“.

5. Zadajte URL adresu Vášho webu a kliknite na “Add Site”
*napr. URL adresa môjho webu je https://www.wpromotions.eu/

6. Po dokončení Vás aplikácia automaticky presmeruje do sekcie “Interface” a “Installation“, kde nájdete 3 kódy, ktoré je potrebné vložiť na Vaše webové stránky alebo e-shop, aby mohol vyhľadávač od SearchIQ správne fungovať.

Druhá časť – vloženie kódov na Váš web, či e-shop

Prvý kód, ktorý Vám aplikácia poskytla vložte do sekcie HTML Hlavička na všetky stránky webu.

Vyberte si spôsob vloženia prvého kódu – podľa toho, aké Prémiové služby vo WEBNODE využívate:

1. Mám zakúpené Prémiové služby STANDARD alebo PROFI

Ak máte u Webnode zakúpené Prémiové služby Standard alebo Profi, tak môžete jedným vložením vložiť prvý kód zo SearchIQ na všetky stránky Vášho webu, či e-shopu.

V hornej časti editora kliknite na “Nastavenia” – “Nastavenia webu” – “HTML hlavička/pätička” – “HTML hlavička“.

a vložte prvý kód SearchIQ.
Zmenu uložte.

Máte hotovo – košík sa v publikovanej verzii webu nebude zobrazovať 🙂

2. Mám projekt vo verzii Zdarma alebo mám zakúpený Prémiový balíček Limited, Mini.

Ak máte e-shop, či web vytvorený vo verzii Zadarmo alebo máte zakúpený Prémiový balíček Limited, či Mini, tak musíte kód vložiť do hlavičky na každú stránku zvlášť

1. Vloženie prvého kódu SearchIQ do hlavičky každej stránky.

Kliknite na “Stránky” – “Zvoľte stránku” – “SEO nastavenia stránky” – “HTML Hlavička“.

Výborne – prvý kód SearchIQ ste úspešne vložili.

 Druhý kód je potrebné vložiť na miesto, kde chcete, aby sa vyhľadávacie políčko na webe zobrazilo.

TIP: V druhom kóde si môžete upraviť text, ktorý sa bude vo vyhľadávači zobrazovať.

Preddefinované “Type here to search…” v kóde zmeňte na napr. Hľadať alebo si to samozrejme upravte podľa vlastného uváženia 🙂

Skopírujte si druhý kód SearchIQ a vložte ho do tela stránky pomocou tlačítka “+” a “HTML“.

Publikujte zmeny

V publikovanej verzii Vášho webu by ste mali teraz vidieť malé okienko vyhľadávaču.

Tretí kód (úplne posledný) SearchIQ vložte na samostatnú stránku napr. Výsledky vyhľadávania:

Vytvorte si v sekcii “Stránky” novú stránku, ktorú môžete nazvať napr. Výsledky vyhľadávania.

Táto stránka nám bude slúžiť nato, aby keď niekto vo vyhľadávači vyhľadá, aby sa mu následne výsledky vyhľadávania zobrazili na tejto stránke. 

Otvorte si stránku, ktorú ste vytvorili a vložte tretí kód pomocou tlačítka “+” a “HTML“.
Kód vložte na miesto, kde chcete vysledky vyhľadávania zobraziť.

Publikujte zmeny

Zistite URL identifikátor Vašej stránky, ktorú ste pre výsledky vyhľadávania vytvorili. V editore Webnode kliknite na “Stránky” – “Zvoľte stránku s výsledkami” – “SEO nastavenia stránky“.

Prejdite do aplikácie SearchIQ a v sekcii “Interface” – “Result Page” do kolonky “Result Page URL” pridajte URL Vašej stránky s výsledkami vo formáte

https://www.xxx.yy/vysledky

Výborne – vyhľadávač SearchIQ máte v základnom vzhľade nastavený správne.

Posledný krok je teraz upraviť vzhľad, aby sa namiesto malého okienka zobrazilo klasické vyhľadávacie okno.

Tretia časť – úprava vzhľadu

Vyhľadávač SearchIQ umožňuje úpravu vzhľadu vyhľadávacieho okna pridaním vlastného CSS kódu.

K tomu, aby vyhľadávacie okienko vyzeralo presne tak, ako vyzerá na mojom ukážkovom webe je potrebné pridať do aplikácie SearchIQ vlastný CSS kód.

Prihláste sa k odberu noviniek – Wiliam Promotions News – a získajte predpripravený kód, ktorý upraví vzhľad Vášho SearchIQ vyhľadávaču.

A kam vložiť môj CSS kód?

V aplikácii SearchIQ prejdite na stránku “Interface” – “General” a do kolonky “Custom CSS” vložte môj kód.

HOTOVO – Výborne, posledný krok máte úspešne za sebou a Vaše vyhľadávacie okienko sa zobrazuje v novom kabáte 🙂

Zmenu vzhľadu vyhľadávaču uvidíte hneď v publikovanej verzii Vášho webu.

Dúfam, že Vám vyhľadávač správne funguje a všetko prebehlo bez problémov.

Napíšte mi prosím do komentárov, či sa Vám to podarilo 🙂

Budem rád za akúkoľvek spätnú väzbu.

Ďalšie skvelé návody

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel?  ...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Follow me