Ako pridať vyhľadávač produktov vo Webnode e-shope?

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.

Pre všetkých, ktorí hľadajú lepšie riešenie a odpoveď na otázku: “vyhľadávač webnode” (alebo to môžeme nazvať aj “vyhľadávacie políčko webnode“)

som pripravil návod – ako si aj Vy môžete vyhľadávač pridať na web vo Webnode.

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.

Na mojom webe Wpromotions.eu používam vyhľadávač SearchIQ. Ak ho chcete vyskúšať, použite, prosím vyhľadávač na tomto webe.

Návod rozdelím na 3 časti:

1. Registrácia v SearchIQ a získanie kódov
2. Vloženie kódov na Váš web
3. Úprava vzhľadu vyhľadávaču

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

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:

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 🙂

3. 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:

3. Publikujte zmeny

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.

Upozornenie:

 

Ak máte viacjazyčný web, tak pozor, pretože vo verzii Zdarma budete mať len 1 vyhľadávač pre všetky verzie webu (a to nechcete…)

 

Viacjazyčný vyhľadávač by ste si museli u SearchIQ zaplatiť, aby vám poskytol viac vyhľadávačov, ktoré by ste si nastavili napr.

 

• www.wpromotions.eu/en
• www.wpromotions.eu/cs
• atd…

Pozrite sa ako mám vyhľadávač pre viacjazyčný web (SearchIQ) nastavený ja.

 

 

 

Ďalšie skvelé návody