USP Bar add on
Met de USP Bar add on toon je unieke verkoopargumenten op een vaste plek in je webshop, bijvoorbeeld voordelen zoals snelle levering, gratis verzending of persoonlijke service. De USP bar kan op meerdere plekken worden geplaatst en is volledig aanpasbaar in stijl en inhoud.
Je kunt tot 5 USP items activeren.
Design instellingen
Referentie element (ID of class)
Hier geef je aan aan welk element op de pagina de USP bar gekoppeld moet worden.
Gebruik een ID door te beginnen met
#
Voorbeeld:#home-block-bannersGebruik een class door te beginnen met
.
Voorbeeld:.homepage-banner
De USP bar wordt geplaatst ten opzichte van dit element.
Positie van de USP bar
Bepaal waar de USP bar wordt getoond ten opzichte van het referentie element.
Direct voor het referentie blok
Direct na het referentie blok
Achtergrondkleur van de USP bar
Stel de achtergrondkleur van de volledige USP bar in met een hex kleurcode.
Voorbeeld: #F5F8FA
Kleur van de standaard iconen
Hier bepaal je de kleur van de standaard iconen die bij de USP items worden gebruikt.
Voorbeeld: #8C20C2
Uitlijning van de USP items
Kies hoe de USP items binnen de bar worden uitgelijnd.
Gecentreerd
Links uitgelijnd
Rechts uitgelijnd
De exacte opties zijn afhankelijk van het thema.
Slider effect op desktop
Met deze optie bepaal je of de USP bar op desktop als slider wordt weergegeven.
Aan: USP items schuiven automatisch of handmatig
Uit: Alle USP items worden naast elkaar getoond
Op mobiele apparaten is de slider altijd actief.
Maximale breedte van de USP bar
Wanneer deze optie is ingeschakeld, wordt de USP bar beperkt tot de standaard contentbreedte van het thema.
Aan: Uitgelijnd met de rest van de pagina
Uit: Volledige schermbreedte
Tekst en icoongrootte
Met de slider stel je de grootte van zowel de tekst als de iconen in.
Voorbeeld: 10em
Witruimtes
Je kunt de spacing rondom en binnen de USP bar afzonderlijk instellen.
Witruimte boven de banner
Witruimte onder de banner
Witruimte binnen de banner (boven en onder)
Deze instellingen helpen om de USP bar netjes aan te laten sluiten op andere content.
USP Items
Aantal USP items
Je kunt maximaal 5 USP items activeren. Elk item is afzonderlijk in te stellen.
Gebruik de toggle Toon USP item om een item aan of uit te zetten.
Tekst USP item
Vul hier de tekst in die je wilt tonen in de USP bar.
Per USP item
Ondersteuning voor meerdere talen via Toon alle talen
Voorbeeld:
Snelle levering uit eigen voorraad
Standaard icoon
Per USP item kun je een standaard icoon kiezen:
Vinkje
Credit card
Vrachtwagen
Mail
Replay
Support
Eigen icoon uploaden
Je kunt per USP item ook een eigen afbeelding uploaden.
De geüploade afbeelding overschrijft het standaard icoon
Geschikt voor SVG, PNG of JPG
Gebruik bij voorkeur een transparante achtergrond
Je kunt het eigen icoon altijd weer verwijderen.
Meertaligheid
Alle USP teksten ondersteunen meerdere talen. Via Toon alle talen kun je per taal een aparte USP tekst instellen. De juiste tekst wordt automatisch getoond op basis van de actieve shoptaal.