Shopping-integratie

Verkrijgbaar in Enterprise

Een online publicatie is een zeer effectief advertentiemiddel. Gebruikers besteden gemakkelijk meer dan een minuut aan het bekijken van en interactie met de content. Ze zijn ook een zeer effectief hulpmiddel voor e-commerce. Je kunt hotspots gebruiken om elk product te verbinden met de bijbehorende productdetailpagina (PDP) op je website, waardoor de online verkoop wordt gestimuleerd. Met onze API kun je aan elke hotspot een aangepaste actie toewijzen en een naadloze integratie tussen de online publicatie en je online store maken.

Hoe het werkt

De eenvoudigste manier om shopping rechtstreeks vanuit online publicaties te ondersteunen, is door de hotspots te verbinden met componenten die de shopping journey van je site al verzorgen. Denk aan de functie voor toevoegen aan winkelwagen, de productdetailpagina (PDP) of, nog beter, een quick-view PDP. Om een succesvolle verbinding tot stand te brengen, raden we aan de publicatie op je website in te sluiten.

Met de functie Code Injection is het mogelijk om het standaardgedrag en de standaardweergave van de publication reader aan te passen en te manipuleren en de gebruikerservaring te verbeteren volgens je zakelijke behoeften. Je vindt de functie Code Injection onder het tabblad Advanced Settings van het menu Publication Reader in Publitas. Met de Viewer Javascript API kun je de hotspot-interacties onderscheppen en een aangepaste actie toewijzen aan zowel de Link hotspots als Product hotspots.

Afhankelijk van de branche en zakelijke vereisten zijn er doorgaans drie manieren om een shopping-integratie in te stellen:

1. Toevoegen aan winkelwagen met de call-to-actionknop

Standaard laadt de Product hotspot de productdetails in een pop-upvenster dat door Publitas wordt gegenereerd. Hiervoor wordt een call-to-actionknop (CTA) gebruikt die je PDP in een nieuw venster opent. Door een aangepaste actie aan de CTA-knop toe te wijzen, kan deze in plaats daarvan het product aan de winkelwagen van je website toevoegen. Je moet de publicatie op de website insluiten om deze resultaten te bereiken. De benodigde productdetails zijn beschikbaar in de hotspot, zoals de product-ID die uit de productfeed is verkregen.

Benodigde elementen

setProductCtaAction() - Wordt gebruikt om klikken op de CTA-knop in het pop-upvenster van Publitas te onderscheppen en de logica voor toevoegen aan winkelwagen uit te voeren.
product.webshopIdentifier - Wordt gebruikt om de product-ID op te halen.

Wil je meer weten? Neem contact op met je Customer Success Manager of met ons supportteam.

2. Toon de PDP in een iframe

Met deze optie laad je de oorspronkelijke PDP in een iframe, inclusief alle aankoopopties, zoals toevoegen aan de winkelwagen, de voorraadstatus controleren en een maat, kleur en hoeveelheid selecteren.

Idealiter maak en toon je een uitgeklede versie van je PDP door alle elementen te verwijderen die niet bijdragen aan het gewenste resultaat.

Benodigde elementen

setProductAction() - Wordt gebruikt om klikken op Product hotspots te onderscheppen en de logica uit te voeren die de PDP in een iframe laadt.
product.webshopUrl - Wordt gebruikt om de PDP-link op te halen.

Wil je meer weten? Neem contact op met je Customer Success Manager of met ons supportteam.

3. Gebruik bestaande product-quick-view-functionaliteit

Als je website een quick shop- of quick view-optie ondersteunt, kun je de ingesloten publicaties gebruiken om deze functie ook te activeren wanneer er op een hotspot in de publicatie wordt geklikt. Een product-quick-view wordt vaak gebruikt in lijstweergaven of op landingspagina's van de website, zodat de gebruiker meer details kan bekijken zonder de lijstweergave of landingspagina te verlaten. Daarom is het een voor de hand liggende keuze om deze quick-view ook in online publicaties te gebruiken.

Houd er rekening mee dat je, door de Product hotspots op deze manier te manipuleren, niet langer meerdere producten aan dezelfde Product hotspot kunt toevoegen.

Benodigde elementen

setProductAction() - Wordt gebruikt om klikken op Product hotspots te onderscheppen en de logica uit te voeren die de product-quick-view opent.
product.webshopUrl - Wordt gebruikt om de PDP-link op te halen.
product.webshopIdentifier - Wordt gebruikt om de product-ID op te halen.

Wil je meer weten? Neem contact op met je Customer Success Manager of met ons supportteam.