Hakukentän lisääminen Webnoden kotisivulle tai verkkokauppaan

Haluatko hakukentän (hakupalkin) verkkokauppaasi/kotisivustolle WEBNODE:lla?

Etsitkö yksinkertaista ja tyylikästä hakukenttää, jonka voit sijoittaa Webnoden kotisivustollesi tai verkkokauppaasi?

Video-tutorial

Videotutorial is only in Slovak language.

Opetusohjelmassa Kuinka lisätä mukautettu haku kenttä verkkoon? – Googlen-täsmähaku.Olen näyttänyt yksinkertaisen hakukentän Googlesta.

Tässä opetusohjelmassa näytän sinulle ulkoisen hakukentän SearchIQ, joka lataa automaattisesti kaikki kotisivustosi / verkkokauppasi sivut.

Sen jälkeen annan sinulle hakukentän HTML-koodin, jonka voit yksinkertaisesti lisätä kotisivustollesi tai verkkokauppaasi.

Jos kotisivustollasi tai verkkokaupassasi ei ole yli 2000 sivua (esim. tuotesivuja tai muita verkkosivuston sivuja), sinun ei tarvitse maksaa mitään tästä SearchIQ-sovelluksesta.

SE ON ILMAINEN.

ILMAISESSA versiossa tuki on saatavilla myös foorumin kautta.

SearchIQ tarjoaa myös ilmaisia hakutermitilastoja, joita voit käydä läpi suoraan heidän portaalissa. heidän käyttöliittymästään.

SearchIQ sopii verkkokaupan tuote hakukentäksi tai klassisen web-sivuston tai blogien hakukentäksi.

Käytän SearchIQ-hakukenttää Wpromotions.eu-verkkosivustollani. Jos haluat kokeilla sitä, käytä tämän sivuston hakukenttää.

Jaetaan tämä opetusohjelma kolmeen osaan:

1. Rekisteröityminen ja koodien saaminen
2. Koodien upottaminen verkkosivustollesi
3. Muokkaus (suurenna SearchIQ)

Ensimmäinen osa – rekisteröinti ja koodien saaminen

1. Ensimmäinen askel on rekisteröityä ulkoiseen SearchIQ-palveluun.

    

   Voit rekisteröityä virallisella verkkosivustolla: https://www.searchiq.co/ (Aloita klikkaamalla “Get Started” -painiketta.)

3. Vahvista sähköpostiosoitteesi klikkaamalla linkkiä, jonka he lähettivät sinulle.

Jos et vastaanota sähköpostiviestiä – tarkista roskapostia tai muut kansiot

Kun olet vahvistanut sähköpostiosoitteesi, kirjaudu sisään.

4. Kun olet kirjautunut palveluun, valitse “No, it’s something else” -vaihtoehto.

5. Syötä sivustosi URL-osoite ja klikkaa “Add Site”

6. Kun se on valmis, sovellus ohjaa sinut automaattisesti “Interface”- ja “Installation”-osiin, joista löydät 3 koodia, jotka on liitettävä kotisivustollesi tai verkkokauppaan, jotta SearchIQ-hakukone toimii oikein.

Toinen osa – koodien upottaminen kotisivustollesi tai verkkokauppaan

Liitä ensimmäinen sovelluksen antama koodi Mukautettu HTML ylätunnistekoodi -osioon kotisivusi jokaiseen sivuun.

Valitse, miten upotat ensimmäisen koodin – riippuen siitä, mitä Premium-pakettia käytät WEBNODEssa.

Hienoa – liitit ensimmäisen SearchIQ koodin onnistuneesti.

Toinen koodi on liitettävä kohtaan, jossa haluat hakukentän näkyvän.

VINKKI: Toisessa koodissa voit muokata hakukoneessa näkyvää tekstiä.
Muuta koodin ennalta määritetty “Hae kirjoittamalla tähän…” omaksi, esimerkiksi “Hae” jne.

Sinun pitäisi nyt nähdä pieni hakukenttä verkkosivustosi julkaistussa versiossa.

Liitä kolmas koodi SearchIQ erilliselle sivulle esim. Hakutulokset.

Julkaise!

Siirry SearchIQ-sovellukseen ja lisää “Hakutulokset” sivun URL-osoite kohtaan “Interface” – “Hakutulokset URL”

Hienoa – SearchIQ-hakukone on asetettu oikein pienessä perusulkomuodossa.

Viimeinen vaihe on nyt muokata ulkoasua ja laajentaa SearchIQ-hakukenttää pienellä CSS-taikuudella.

Kolmas osa – ulkoasun mukauttaminen

SearchIQ:n avulla voit muokata hakukentän ulkoasua lisäämällä oman CSS-koodisi.

Jotta hakukenttä näyttäisi täsmälleen samalta kuin se näyttää DEMO-kotisivustolla, sinun on lisättävä oma CSS-koodisi SearchIQ:han.

Tilaa William Promotions Uutiset ja hanki valmis CSS-koodi, joka mukauttaa SearchIQ-hakukoneesi ulkoasua.

Ja minne laitan CSS-koodin?

Siirry SearchIQ-sovelluksessa “Interface” – “General” -sivulle ja liitä koodi “Custom CSS” -kenttään.

Tallenna.

VALMIS – Hienoa, olet suorittanut viimeisen vaiheen onnistuneesti ja hakukenttä on nyt asennettu.

Näet muutoksen hakukoneen ulkonäössä välittömästi koti sivustosi julkaistussa versiossa.
Toivottavasti kaikki sujui ilman ongelmitta.

Jos sinulla on vaikeuksia tämän kanssa, älä epäröi ottaa minuun yhteyttä ilmaisessa Webnode-tukikeskuksessa.

Kirjoita minulle palautteesi kommenttiin.

Lisää mahtavia oppaita