Hoe een zoekvak toevoegen in Webnode website of e-shop

Wil je een zoekvak (searchbar) op je e-shop/website van WEBNODE?

Zoek je een eenvoudig en stijlvol zoekvak dat je in Webnode op je website of e-shop kunt zetten?

VIDEO-tutorial

De video-tutorial is alleen in het Slowaaks.

In de tutorial Hoe voeg je een aangepast zoekvak toe aan het web? – Met Google Custom Search heb ik een eenvoudig zoekvak van Google laten zien.

In deze zelfstudie laat ik je externe zoekbox SearchIQ zien, die automatisch alle pagina’s van je website / e-shop laadt

Deze geeft je dan de HTML code van de zoekbox, die je eenvoudig in je website of e-shop kunt invoegen.

Als je niet meer dan 2000 pagina’s op je website of e-shop hebt (bv. productpagina’s of andere pagina’s van de website), dan hoef je niets te betalen voor deze app SearchIQ.

HET IS GRATIS.

In de GRATIS variant is ook ondersteuning beschikbaar via het forum.

SearchIQ biedt ook gratis zoekterm statistieken, die je direct online in hun gebruikersinterface kunt bekijken.

SearchIQ is geschikt als product zoekmachine in een e-shop of als zoekmachine voor een klassieke website of blog.

Ik gebruik de SearchIQ zoekmachine op mijn Wpromotions.eu website. Als je het ook wilt proberen, gebruik dan de zoekmachine op deze website.

Laten we deze handleiding in 3 delen verdelen:

1. Registratie en codes krijgen
2. Codes op je website inbedden
3. Aanpassen (vergroten van SearchIQ)

Het eerste deel – registratie & codes krijgen

1. De eerste stap is je te registreren bij de externe dienst SearchIQ. Je kunt je registreren op de officiële website: https://www.searchiq.co/
   Begin door op de knop “Get Started” te klikken.

3. Verifieer je emailadres door op de link te klikken die ze je stuurden.

Als de e-mail niet aankomt – kijk dan eens bij SPAM of Reclame.

Nadat je je e-mail geverifieerd hebt, meld je je aan.

4. Na het inloggen op de dienst kies je de optie “No, its something else”.

5. Vul de URL van je site in en klik op “Add Site”.

6.  Als het klaar is, leidt de toepassing je automatisch naar de delen “Interface” en “Installatie”,

waar je 3 codes vindt die in je website of e-shop geplakt moeten worden om de SearchIQ zoekmachine goed te laten werken.

Het tweede deel – codes inbedden in je website of e-shop

Plak de eerste door het programma verstrekte code in de HTML koptekst sectie op alle pagina’s van je website.

Kies hoe je de eerste code inbed – afhankelijk van welk Premium Plan je in WEBNODE gebruikt.

Mooi – je hebt de eerste SearchIQ code met succes geplakt.

De tweede code moet je plakken op de plaats waar je het webzoekvak wilt laten verschijnen.

TIP: In de tweede code kun je de tekst bewerken die in de zoekmachine zal verschijnen.

Verander de voorgedefinieerde “Typ hier om te zoeken…” in de code in je eigen tekst zoals “Search” enz.

Je zou nu een klein zoekvakje moeten zien in de gepubliceerde versie van je website.

Plak de derde code SearchIQ op een aparte pagina, bv. Zoekresultaten.

Publiceer het!

Ga naar de SearchIQ app en voeg in de sectie “Interface” – “Resultaatpagina” in het veld “URL van de resultaatpagina” de URL van je resultaatpagina toe.

Mooi – je hebt de SearchIQ zoekmachine correct ingesteld in het kleine basisuiterlijk.

De laatste stap is nu het uiterlijk aan te passen en het zoekvak van SearchIQ te vergroten met een beetje CSS magie.

Het derde deel – het uiterlijk aanpassen

Met SearchIQ kun je het uiterlijk van het zoekvak aanpassen door je eigen CSS code toe te voegen.

Om het zoekvak er precies zo uit te laten zien als op mijn DEMO website, moet je je eigen CSS code aan SearchIQ toevoegen.

Abonneer je op Wiliam Promotions News en ontvang een kant-en-klare CSS code waarmee je het uiterlijk van je SearchIQ zoekmachine kunt aanpassen.

En waar moet ik mijn CSS code plaatsen?

Ga in de SearchIQ toepassing naar de “Interface” – “Algemeen” pagina en plak mijn code in het “Aangepaste CSS” veld.

Sla het op.

.

GEDAAN – Geweldig, je hebt de laatste stap met succes voltooid en je zoekvak wordt in een nieuwe jas getoond

Je ziet de verandering in het uiterlijk van de zoekmachine meteen in de gepubliceerde versie van je website.

Ik hoop dat alles vlot en zonder problemen verlopen is.

Als je hiermee worstelt aarzel dan niet om een nieuw ticket aan te maken in mijn Free Webnode Support Center.

Schrijf me in de opmerkingen je feedback

Geweldige nieuwste artikelen