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.

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.

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 🙂

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

2. Publikujte zmeny

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:

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

2. 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ť.

3. Publikujte zmeny

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

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

Svadobný web zadarmo

Svadobný web zadarmo

Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...

Webnode Recenzia

Webnode Recenzia

Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...

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

Viliam
Follow me