Hoe zet ik een topbar met USP’s of knoppen boven het menu?

Stap 1: Ga naar Algemene opties → Header → Topbar weergave

Open Algemene opties en het tabblad Header. Bovenaan staat Topbar instellingen. Bij Topbar weergave kies je wat er in de topbar staat:

• Menu: een klein menu met links.
• USP’s: korte voordelen, met icoon.
• Buttons: één of meer knoppen.
• Tekst: een korte tekst.
• Shortcode: bijvoorbeeld je telefoonnummer of openingsstatus.

Elk onderdeel kan één keer. Sleep ze in de volgorde die je wilt. Kies je niets, dan is er geen topbar.

Stap 2: Vul de onderdelen

Na je keuze verschijnen de bijbehorende velden.

USP’s met icoon

Bij Topbar USPs voeg je per regel een USP toe. Kies bij USP icon een icoon (bijvoorbeeld een vinkje) en typ de tekst bij USP. Houd het kort: drie USP’s van een paar woorden lezen het best. Shortcodes werken in de USP-tekst.

Buttons

Bij Topbar buttons voeg je knoppen toe. Kies per knop de Button kleur en vul bij Knop link de pagina en de tekst in.

Tekst en Shortcode

Topbar tekst is een korte tekst. Topbar shortcode is voor een shortcode, zoals [theme_option field="company_phone"] voor je telefoonnummer als link of [openstatus] om te laten zien of je open bent (zie laten zien of je geopend bent). Shortcodes werken in beide velden.

Menu

Kies je Menu, dan verschijnt in Menu’s de locatie Topbar menu. Maak een klein menu (bijvoorbeeld ‘Over ons’ en ‘Vacatures’) en koppel het aan die locatie. Een mega menu kan in de topbar niet.

Stap 3: Kleur, uitlijning, breedte en positie

• Topbar kleur: kies een kleur uit je huisstijl. Laat dit niet leeg, anders heeft de topbar geen achtergrond.
• Topbar items uitlijning: Link en rechts (lege ruimte in het midden), Rechts en links (lege ruimte in het midden) of Midden.
• Fullwidth topbar: de inhoud loopt door tot de randen van het scherm.
• Topbar positie: Boven de header (standaard; scrolt weg) of Onder de header. Onder de header klapt de topbar in zodra een bezoeker naar beneden scrolt.

Klik op Updaten.

Op mobiel verborgen

Op schermen tot en met 991 pixels breed is de topbar verborgen. Op een telefoon is er geen ruimte voor. Staat er iets belangrijks in, zoals je telefoonnummer of een knop, zet dat dan ook in het mobiele menu. Zie het menu op mobiel instellen.

Lukt het niet?

• Je ziet de topbar niet. Er is niets gekozen bij Topbar weergave, of je kijkt op een telefoon of smalle tablet.
• De topbar heeft geen achtergrondkleur. Kies een Topbar kleur.
• Je vindt de locatie Topbar menu niet. Die verschijnt pas als je Menu kiest bij Topbar weergave en opslaat.
• Je ziet een shortcode als tekst. Controleer de schrijfwijze. [openstatus] werkt alleen als de openingstijden aanstaan.
• Kom je er niet uit? neem contact met ons op.

Veelgestelde vragen