🚀 Wat is de Hotspot Banner?
De Hotspot Banner is een add-on waarmee je een dynamische producten kunt tonen/inladen op een banner. Hiermee kan je een afbeelding van bijv. een kleding look de producten koppelen op de plekken van het model, bijv. het shirt, broek en schoenen. Ga je meer voor interieur? Koppel dan de bank, het kussen en meer als losse producten om te laten zien hoe je producten bij elkaar eruit zien.
Installatie 🛠️
Om deze add-on te installeren is er geen implementatie nodig van een ontwikkelaar, hij is dus Plug and play. Super handig! Het is dus een "one-click install". Klik simpelweg op "Add-on aanvragen" en laat Plus+ het werk voor je doen! 👨⚕️
Nadat je op "Add-on aanvragen" hebt geklikt, zou je worden doorgestuurd naar de pagina "Mijn Plus+ add-ons". Tevens zie je de volgende melding verschijnen in de rechterbovenhoek van het dashboard.
Add-on instellingen/overzicht ⚙️
Na de installatie zul je zien dat de add-on in je overzicht staat, inclusief installatiedatum en status.
Om de add-on te activeren klik je op de button "activeren". Liever eerst een preview zien in test modus? Dat kan. Klik op de 3 bolletjes en selecteer 'activeren in preview-modus' en de add-on zou alleen zichtbaar zijn voor jou. Dus niet voor de klanten!
Instellingen
Algemeen
In dit gedeelte stel je de afbeeldingen en basisinstellingen in.
Afbeelding voor de hotspot banner
Upload hier de afbeelding waarop je hotspots wilt plaatsen.
Optioneel kun je een aparte mobiele afbeelding uploaden voor betere weergave op telefoons.
Grootteverhouding afbeelding
Kies de verhouding waarin de afbeelding wordt weergegeven, bijvoorbeeld 21/9 of 16/9.
Voor mobiel kun je een andere verhouding instellen, bijvoorbeeld 1/1.
Producttitel grootte
Kies het gewenste formaat voor de producttitels (H3, H4, enz.).
Witruimte boven/onder de banner
Pas hier de verticale ruimte rondom de banner aan met de schuifregelaar.
Implementatie-instellingen
Bepaal waar de banner op de pagina moet verschijnen.
Referentie-element
Vul hier de ID of class in van het element waar de banner aan gekoppeld wordt.
Gebruik altijd een # voor een ID en een . voor een class.
Voorbeeld: #home-block-reviews
Positie van de banner
Kies of de banner binnenin het referentieblok (als laatste element) of direct na het referentieblok moet worden geplaatst.
Design-instellingen
Pas de kleuren van de hotspots aan om ze bij je huisstijl te laten passen.
Kleur van het plusje in de hotspot
Bepaal de kleur van het plus-icoon.
Kleur van de cirkel van de hotspot
Stel de achtergrondkleur van de hotspot in.
Hotspot instellingen
Je kunt maximaal drie hotspots per afbeelding instellen.
Voor elke hotspot:
Hotspot tonen
Schakel deze optie in om de hotspot zichtbaar te maken.
Product URL
Voeg hier de volledige link van het product toe, inclusief de taalcode.
Horizontale en verticale positie (Desktop/Mobiel)
Verschuif de sliders om de exacte positie van de hotspot op de afbeelding te bepalen.
De waarden worden weergegeven in procenten van de afbeeldingsbreedte en -hoogte.
Voorraadstatus instellingen
Toon of verberg de voorraadstatus van de gekoppelde producten.
Voorraadstatus tonen
Activeer deze optie om ‘Op voorraad’ of ‘Niet op voorraad’ bij de hotspot te laten zien.
Product op voorraad tekst
Pas de tekst aan die wordt weergegeven als het product beschikbaar is.
Product niet op voorraad tekst
Geef hier de tekst op die verschijnt als het product niet leverbaar is.
Status per hotspot
Stel handmatig in of het gekoppelde product op voorraad is of niet.
Prijsinstellingen
Bepaal hoe prijzen worden weergegeven bij de hotspots.
Toon ,00 achter de komma
Kies of je de prijs wilt afronden of met decimalen wilt tonen (bijv. €19,- of €19,00).
Toon valutateken
Bepaal of het valutasymbool wordt weergegeven.
Toon spatie tussen valutateken en prijs
Voeg een spatie toe voor een consistentere weergave (bijv. € 19,-).
Tips
Gebruik een duidelijke afbeelding waarop producten goed zichtbaar zijn.
Plaats hotspots niet te dicht op elkaar om verwarring te voorkomen.
Controleer de positie van de hotspots op zowel desktop als mobiel om te zorgen dat ze goed uitgelijnd zijn.
Veelgestelde vragen
Kan ik meer dan drie hotspots toevoegen?
Op dit moment ondersteunt de Hotspot Banner maximaal drie hotspots per afbeelding.
Wordt de voorraadstatus automatisch bijgewerkt?
Nee, de voorraadstatus moet handmatig ingesteld worden in de instellingen van de add-on.
Kan ik meerdere banners toevoegen aan één pagina?
Ja, dat is mogelijk door meerdere blokken met een ander referentie-element aan te maken.
Wil je de add-on laten implementeren of heb je hulp nodig bij het instellen?
Neem contact op met ons supportteam via de chat in Plus+ of via [email protected].
