Verbeter de klantervaring met snelle productweergave, inzoomen op afbeeldingen en zweefeffecten.

Voeg interactieve details zoals snelle weergave, inzoomen op afbeeldingen en zweefeffecten toe aan je winkelpagina. Deze functies verschijnen wanneer klanten met hun muis over de productafbeeldingen bewegen, zodat ze deze van dichterbij kunnen bekijken.

Tip: Schrijf je in voor ons webinar over designtips om de omzet van je winkel te verhogen om te leren hoe je je producten op je site kunt laten opvallen en de verkoop kunt stimuleren.

Speciale functies voor de winkelpagina

Welke speciale functies op de winkelpagina beschikbaar zijn en hoe je ze opmaakt hangt af van welke versie van Squarespace je site gebruikt.

Inzoomen op afbeeldingen toevoegen aan productafbeeldingen

Door in te zoomen op de afbeelding krijgen klanten een grotere versie van de productafbeelding te zien, zodat ze materiaal, textuur en fijnere details van dichtbij kunnen bekijken. Inzoomen op afbeelding is beschikbaar op productdetailpagina's en lichtbakken voor snelle weergave

Je kunt de zoom zo instellen dat deze wordt geactiveerd bij zweven of wanneer er op de afbeelding wordt geklikt.

Inzoomen op afbeeldingen inschakelen voor je producten

Tip: Voor het beste resultaat, formatteer je de productafbeelding voor weergave op het web voordat je deze uploadt.

Inzoomen op afbeeldingen is niet beschikbaar op mobiele apparaten. Hoe je inzoomen op afbeeldingen inschakelt voor weergave op desktops hangt af van de versie van je website.

Opmerking: Afbeeldingen met een transparante achtergrond (.png) tonen de originele afbeelding achter de ingezoomde versie.

Snelle weergave toevoegen aan producten

Met snelle weergave kunnen klanten op een knop klikken om de productdetails in een lichtbak te bekijken zonder de huidige pagina te hoeven verlaten. Dit moedigt klanten aan om met je winkel te interageren en meer van je producten te bekijken. De knop voor snelle weergave kan worden weergegeven op samenvattingsblokken, productblokken en winkelpagina's.

De knop verschijnt wanneer men over het product zweeft. De lichtbak met snelle weergave bevat productgegevens, afbeeldingen en een link Volledig item bekijken die naar de pagina van het product leidt.

Als ongewenste code in snelle weergave wordt weergegeven, komt dat waarschijnlijk doordat er externe tekstopmaak in de productbeschrijving staat. Om de opmaak te verwijderen, typ je de productbeschrijving handmatig opnieuw in, of plak je deze als platte tekst.

De knoppen voor snelle weergave van je producten activeren

Je kunt snelle weergave per winkelpagina en per blok inschakelen. Als je meerdere winkelpagina's of blokken hebt, voeg je de knoppen toe aan elk ervan.

Voeg als volgt een snelle weergave toe aan een productblok:

1. Kies in de editor voor een productblok een product dat je wilt weergeven.
2. Schakel op het tabblad Ontwerp de schakelaar Snelle productweergave in.
3. Sla je wijzigingen op de pagina op.

Om een snelle weergave toe te voegen aan een samenvattingsblok:

1. In de editor voor het samenvattingsblok: zorg ervoor dat er een winkelpagina is geselecteerd op het tabblad Content.
2. Klik op het Ontwerp tabblad.
3. Zet de schakelaar Snelle productweergave inschakelen aan. De knop voor snelle weergave verschijnt over de uitgelichte afbeelding van het product.
4. Sla je wijzigingen op de pagina op.

Voeg als volgt een snelle weergave toe aan een winkelpagina:

1. Open de instellingen van de pagina.
2. Klik op Geavanceerd, klik op Snelle weergave en schakel de Snelle weergave in.
3. Als je meerdere winkelpagina's hebt, volg dan deze stappen opnieuw voor elke pagina.

Opmerking: De kleur van het snelle weergavevenster volgt de achtergrondkleur van het winkelpaginagedeelte in sitestijlen.

Zweefeffecten toevoegen aan producten

Zweefeffecten tonen informatie of creëren beweging wanneer er een cursor over een productafbeelding beweegt. De zweefopties die beschikbaar zijn op je site zijn afhankelijk van de versie van je site.