WooCommerce Wishlist Popup: Hoe u aanbiedingen kunt activeren met Popup Maker

Een shopper opent een productpagina, vindt het leuk wat ze zien en tikt op opslaan in plaats van Toevoegen aan winkelwagen. In sommige WooCommerce-winkels eindigt het daar. Het artikel staat in een wishlist. De shopper sluit het tabblad en er gebeurt wekenlang niets.

Een WooCommerce wishlist popup dicht die kloof. SaveTo Wishlist Lite stuurt twee browsingsignalen na een succesvolle wishlist-opslag. Een kort JavaScript-snippet kan luisteren naar het signaal en een Popup Maker-popup openen. Popup Maker kan ook de cookie op latere pagina's controleren.

We hebben genoeg winkel eigenaren gezien die een opslag behandelen als een passieve bladwijzer. Een wishlist-opslag kan een sterk teken zijn dat een shopper geïnteresseerd is in kopen.

Deze handleiding legt beide signalen uit, hoe u ze kunt verbinden met een popup en wanneer de installatie nuttig kan zijn.

Inhoudsopgave

---

Waarom verlanglijstopslagen sterke koopinteresse kunnen tonen

Een wishlist-opslag toont interesse in een specifiek product, maar het betekent niet altijd dat de shopper klaar is om te kopen. De shopper koos een specifiek product en toonde er interesse in. Wat ze vandaag niet hebben gedaan, is het kopen.

Dat aarzelen is normaal, en het is duur. Volgens het Baymard Institute is het gemiddelde gedocumenteerde percentage winkelwagenverlatingen 70,22%, gebaseerd op 50 afzonderlijke onderzoeken. Wishlist-opslag gebeurt vaak eerder dan winkelwagenverlating. Het percentage winkelwagenverlating vertelt ons echter niet hoe vaak wishlist-shoppers vertrekken zonder te kopen.

Tweede kansen worden steeds moeilijker

Bovendien wordt het steeds moeilijker om die shopper een tweede kans te geven. Contentsquare's 2025 Digital Experience Benchmarks bestudeerde 90 miljard sessies op 6.000 websites. Het ontdekte dat de conversiepercentages 6,1% jaar-op-jaar daalden, waarbij 53% van de bezoeken eindigde na één paginaweergave.

Hetzelfde onderzoek vond een verband tussen langere bezoeken en hogere verkopen. Websites die het aantal bekeken pagina's per bezoek met 10% of meer verhoogden, zagen een gemiddelde stijging van 5,4% in conversies. Dit suggereert dat het helpen van shoppers om hun bezoek voort te zetten de verkopen kan verbeteren. Het bewijst niet dat één extra stap de toename veroorzaakte. Een opslag kan een goed moment zijn om de shopper uit te nodigen om nog een nuttige stap te zetten.

Het venster direct na een opslag

🔍️ Eén ding zien we constant: Winkels behandelen de wishlist als opslag en laten de opvolging aan e-mail over. Als de e-mail later wordt verzonden, denkt de shopper misschien niet meer aan het product. Het moment direct na een opslag kan een goed moment zijn om een nuttig bericht te tonen, en een WooCommerce wishlist popup is een manier om dit te leveren.

Dat gezegd hebbende, het bredere patroon is de moeite waard om te begrijpen voordat je iets bouwt. Onze gids voor WooCommerce browse-verlating behandelt wat er gebeurt met shoppers die kijken, leuk vinden en weggaan.

---

Wat de integratie van SaveTo Wishlist en Popup Maker doet

SaveTo Wishlist Lite publiceert twee browsertijdige signalen nadat het een succesvolle opslag heeft bevestigd. Aangepaste code kan luisteren naar het event en een Popup Maker-popup openen. Voor de cookie kun je een Popup Maker-cookievaconditie of aangepaste code gebruiken.

Signaal	Naam	Best gebruikt voor	Persistentie
DOM-event	stwlite_added_to_wishlist	Reageren op de huidige pagina wanneer de opslag plaatsvindt	Eenmalig verzonden en niet opgeslagen
Browsercookie	stwlite_wishlist_added	Dezelfde browser herkennen op een latere pagina of bezoek	Tot 30 dagen

Wat elk signaal meedraagt

SaveTo Wishlist verzendt het event op document als een native CustomEvent. Het bevat een kleine payload:

event.detail = {
  productId,    // product ID, or the variation ID when a variation was saved
  collectionId  // the wishlist collection, or 0 for a guest
}

De cookie slaat een enkele URL-gecodeerde ID op: de product- of variatie-ID die de shopper heeft opgeslagen. SaveTo Wishlist schrijft deze met path=/, SameSite=Lax, een max-age van 30 dagen en Secure op HTTPS-pagina's. Een latere opslag overschrijft de waarde. De cookie bevat dus het meest recent opgeslagen item, geen geschiedenis.

Welke plugin wat afhandelt

De taakverdeling is hier belangrijk, omdat deze de hele opzet vormt. Voor deze integratie levert SaveTo Wishlist de signalen, maar beheert het de Popup Maker-popup niet. Het creëert, selecteert of opent geen Popup Maker-popup en controleert niet of Popup Maker actief is. Je bouwt de popup in Popup Maker, maar de instant event-methode vereist ook een kort JavaScript-snippet.

Als je wishlist-events liever ergens anders naartoe wilt leiden, behandelt onze gids voor Zapier en webhooks dat.

De naamgevingsval waar u voor moet oppassen

Eén naamgevingsvalkuil vangt mensen vroeg. SaveTo Wishlist heeft zijn eigen Popup-optie onder de instelling Add to wishlist button. Dat verwijst naar de eigen bevestigingsmodal van de plugin. Het heeft niets te maken met Popup Maker en schakelt de integratie niet in of uit.

---

Wat u nodig heeft voordat u begint

De instant event-methode heeft alle vijf onderstaande items nodig. De cookie-methode vereist mogelijk geen JavaScript als je Popup Maker-instelling een Cookie Exists-conditie bevat (meer hierover hieronder). Popup Maker heeft echter nog steeds een trigger nodig, zoals een tijdsvertraging of exit intent.

• SaveTo Wishlist Lite 1.1.0 of later: De signalen kwamen binnen in 1.1.0. Alles ouder dan dat zendt niets uit. De integratie wordt geleverd in SaveTo Wishlist Lite, de gratis versie, dus een upgrade is niet nodig.
• WooCommerce geïnstalleerd en actief: SaveTo Wishlist Lite voltooit zijn normale opstart niet zonder.
• Het SaveTo Wishlist frontend-script geladen: JavaScript produceert de signalen. Een pagina zonder het script produceert noch het event noch de cookie.
• Popup Maker geïnstalleerd en actief: Het toont de popup nadat uw JavaScript-listener deze aanroept. SaveTo Wishlist stuurt nog steeds de signalen wanneer Popup Maker niet actief is.
• U heeft een tool nodig die front-end JavaScript ondersteunt. Plaats met een child theme de code in een JavaScript-bestand en laad dat bestand via WordPress. Voeg scripttags alleen toe binnen een HTML- of PHP-bestand. Plak geen ruwe JavaScript in een tool die alleen PHP accepteert.

Er is één filter dat dit stilzwijgend kan verbreken. Vanaf SaveTo Wishlist Lite 1.1.2 stopt het retourneren van false van stwlite_load_frontend_assets het laden van de front-end JavaScript bij dat verzoek. Geen script betekent geen gebeurtenis en geen cookie. De verlanglijstknoppen op die pagina werken ook niet meer.

Onze WooCommerce wishlist REST API-gids behandelt meer van het ontwikkelaarsvlak.

---

Hoe u een WooCommerce Verlanglijst Popup instelt

U hoeft geen integratie-instelling in SaveTo Wishlist in te schakelen om een WooCommerce-verlanglijst-popup te maken. De signalen worden geactiveerd bij elke gekwalificeerde opslag, ongeacht of er iets luistert. De directe methode vereist werk in Popup Maker en een kort JavaScript-snippet. Basis cookie-targeting vereist mogelijk geen snippet.

Stap 1: Controleer het gedrag van uw knop 'toevoegen aan verlanglijst'

Deze instelling beïnvloedt hoe lang een directe popup zichtbaar kan blijven. Redirect stuurt ingelogde klanten direct na de gebeurtenis naar een andere pagina, terwijl Popup en Fade hen op de huidige pagina houden. Ga naar SaveTo Wishlist > Instellingen > Algemeen en zoek de instelling Knop Toevoegen aan verlanglijst. Deze heeft drie keuzes: Redirect, Popup en Fade. Redirect is de standaardinstelling.

Popup en Fade houden alle shoppers op de huidige pagina. Redirect stuurt ingelogde shoppers naar de verlanglijstpagina, maar gasten zien in plaats daarvan de bevestigingspopup van de plugin. De navigatie onderbreekt het moment.

Schakel over naar Fade als u popups op dezelfde pagina wilt en de redirect niet nodig heeft. Als de redirect deel uitmaakt van uw workflow, gebruik dan in plaats daarvan de cookie-methode. Deze overleeft de paginawissel.

Stap 2: Bouw de popup in Popup Maker

Een door opslag getriggerde popup werkt het beste als deze één taak uitvoert. Dat kan een kleine korting op het opgeslagen artikel zijn, een herinneringsaanmelding, of een duwtje in de richting van een gerelateerd product. Kies er één en bouw deze.

Laat voor de directe gebeurtenismethode de triggers van de popup leeg, omdat de JavaScript deze opent. Voeg voor de cookie-methode een Popup Maker-trigger toe. Noteer vervolgens de ID van de popup. Deze verschijnt in de Popup Maker-lijst met popups en in de URL wanneer u deze bewerkt.

Stap 3: Luister naar het verlanglijst-event

Dit snippet behandelt de directe gebeurtenismethode. Voeg het toe met een tool die front-end JavaScript ondersteunt en zorg ervoor dat het wordt geladen op winkelpagina's. Vervang 123 door uw eigen popup-ID.

document.addEventListener('stwlite_added_to_wishlist', function (event) {
  var detail = event.detail || {};
  var productId = Number(detail.productId);

  // Cart-to-wishlist saves report 0, so skip those for a product-specific offer.
  if (productId === 0) {
    return;
  }

  if (window.PUM && typeof window.PUM.open === 'function') {
    window.PUM.open(123);
  }
});

Drie details zijn hier belangrijker dan ze lijken. De listener luistert op document, want daar verzendt SaveTo Wishlist het event. De window.PUM-guard voorkomt een fout in je console als Popup Maker nog niet is geladen. En PUM.open() is de eigen gedocumenteerde methode van Popup Maker om een popup te openen op ID.

Zorg ervoor dat de listener klaar is voordat een shopper een item opslaat. Popup Maker moet ook klaar zijn wanneer het event wordt geactiveerd, anders opent de huidige code de popup niet. SaveTo Wishlist herhaalt het event nooit voor listeners die zich later aanmelden. Een snippet die zich te laat registreert, mist saves die vroeg plaatsvinden.

Stap 4: Test als gast en als ingelogde klant

Test beide staten, want ze doorlopen verschillende code-paden. Open een productpagina in een privévenster, sla het product op en bevestig dat de popup verschijnt. Log vervolgens in als klant en herhaal.

Gast saves worden opgeslagen in de browser in plaats van op de server. Gast-wensenlijsten moeten zijn ingeschakeld en de browser moet lokale opslag toestaan.

Om de signalen direct te controleren, open je de ontwikkelaarstools van je browser. Voer de bovenstaande listener uit met een console.log in plaats van de popup-aanroep. Kijk vervolgens in Applicatie > Cookies voor stwlite_wishlist_added na een save.

🔍️ Een fout die we herhaaldelijk zien: de popup wordt één keer getest terwijl je bent ingelogd als beheerder, en vervolgens verzonden. Gasten doorlopen een ander pad door de code. Als de browser lokale opslag blokkeert, kan een gast-save mislukken en wordt er geen signaal verzonden. Als alleen cookies worden geblokkeerd, kan het event nog steeds worden verzonden. Test het gast-geval voordat je erop rekent.

---

Hoe u terugkerende bezoekers target met de Verlanglijst Cookie

De cookie laat je een saver herkennen op een latere pagina of een later bezoek. Het duurt maximaal 30 dagen. Het event wordt één keer geactiveerd wanneer de save plaatsvindt, en de browser slaat het nooit op voor latere pagina's.

Voeg een cookievoorwaarde toe in Popup Maker

Voeg een Popup Maker trigger toe. Als je Popup Maker-setup cookie-targeting bevat, voeg dan een Cookie > Cookie Bestaat conditie toe en voer stwlite_wishlist_added in. De conditie beperkt wie de popup ziet, maar opent de popup niet vanzelf. Het onderstaande JavaScript-voorbeeld is niet nodig voor een basis cookie-check. Gebruik het voorbeeldcode als je de opgeslagen product-ID wilt lezen of gedrag wilt toevoegen dat Popup Maker niet kan bieden.

Lees de opgeslagen product-ID met JavaScript

document.addEventListener('DOMContentLoaded', function () {
  var match = document.cookie.split(';').map(function (part) {
    return part.trim();
  }).find(function (part) {
    return part.startsWith('stwlite_wishlist_added=');
  });

  if (!match) {
    return;
  }

  var savedProductId = decodeURIComponent(
    match.substring('stwlite_wishlist_added='.length)
  );

  if (window.PUM && typeof window.PUM.open === 'function') {
    window.PUM.open(456); // Your "welcome back" popup ID
  }
});

Aangepaste code kan savedProductId gebruiken om een popup te kiezen of productdetails te vinden. De voorbeeldcode doet dit niet, dus je zou meer moeten schrijven.

Bepaal hoe vaak de popup wordt geopend

De instellingen voor herhaaldelijke weergave van Popup Maker kunnen de popups beperken die zijn eigen triggers openen. Als aangepaste code PUM.open() op elke pagina aanroept, voeg dan een aparte controle toe om te beperken hoe vaak de popup wordt geopend. Test de regel om er zeker van te zijn dat deze alleen zo vaak verschijnt als je wilt. Als je Popup Maker-setup een exit-intent trigger bevat, maakt dezelfde controle een nuttige poort. Alleen browsers die nog steeds de wishlist-cookie hebben, voldoen aan deze voorwaarde.

Retargeting-advertenties gebruiken dezelfde intentie op een andere manier, wat AdTribes behandelt in hun WooCommerce marketinggids.

Wat de cookie niet bewijst

Beschouw de cookie als een bewijs dat er is opgeslagen. Het is geen bewijs dat de verlanglijst nog items bevat. SaveTo Wishlist wist de cookie wanneer een shopper het laatste item verwijdert via het ondersteunde front-end verwijderingsproces. Verwijderingen via andere routes zullen deze niet noodzakelijkerwijs wissen.

Desalniettemin kunnen verlanglijsten terugkerende shoppers helpen producten te vinden die ze eerder hebben opgeslagen.

---

Vijf manieren om een WooCommerce Verlanglijst Popup te gebruiken

De installatie is eenvoudig, maar het pop-upbericht kan van invloed zijn op hoe shoppers reageren. Hier zijn vijf opties die u kunt testen:

Converteer de opslag naar een aankoop

U kunt een tijdelijke korting tonen nadat een shopper een item heeft opgeslagen. Controleer de opslag op de server voordat u een korting geeft die alleen beschikbaar mag zijn voor verlanglijstgebruikers. De shopper heeft interesse getoond in het item, maar vergelijkt mogelijk nog steeds producten. Prijs of timing kan de aankoop belemmeren, maar winkels moeten testen of een korting helpt.

Vang een e-mailadres van gasten op

Gastopslagen leven in de browser. Het wissen van browsertijdgegevens of lokale opslag wist ze, maar het wissen van de browsercache alleen is mogelijk niet voldoende. Een pop-up kan de shopper om een e-mailadres vragen. Het verzenden van de opgeslagen lijst van een gast vereist toestemming en aangepaste code die de verlanglijstgegevens van de browser naar uw server of e-maildienst stuurt. Onze gids over WooCommerce e-mailautomatisering met verlanglijstgegevens behandelt wat u vervolgens moet verzenden.

Bied verkoop- en back-in-stock-meldingen aan met SaveTo Wishlist Pro

Een opgeslagen item toont aan dat de shopper geïnteresseerd was toen ze het opsloegen. U kunt vragen of de shopper een melding wil ontvangen wanneer een product in de uitverkoop gaat of weer op voorraad is. SaveTo Wishlist Pro kan ingelogde klanten per e-mail informeren wanneer een opgeslagen product in de uitverkoop gaat of weer op voorraad is. Dit vereist een Pro-automatisering, maar geen andere meldingshulp.

Cross-sell de voor de hand liggende metgezel

Nadat een shopper een camerabody heeft opgeslagen, kunt u een pop-up testen die een bijpassende lens toont. Houd het bij één suggestie. Een opslag toont enige interesse, en te veel aanbevelingen kunnen de shopper afleiden.

Onze gids over upselling versus cross-selling legt uit wanneer elk van toepassing is.

Verwelkom een terugkerende saver

Gebruik de cookie om een shopper te begroeten die onlangs iets heeft opgeslagen in dezelfde browser. Een link rechtstreeks terug naar hun verlanglijst neemt het werk weg om deze opnieuw te vinden. Dit past goed bij de tactieken in onze gids over WooCommerce win-back campagnes.

Welke u ook kiest, bepaal vooraf hoe u deze meet. Een pop-up die na elke opslag verschijnt, kan shoppers irriteren als deze niet leidt tot meer bestellingen. SaveTo Wishlist Pro bevat verlanglijstanalyse. Lite bevat deze analyse niet, dus gebruikers hebben een andere trackingtool of aangepaste code nodig om opslagen te vergelijken met bestellingen.

---

Beperkingen om te weten voordat u op deze signalen vertrouwt

Deze browsignalen hebben beperkingen. Het kennen van die beperkingen kan u helpen installatieproblemen te voorkomen.

• Redirect-modus onderbreekt het event vroegtijdig: Voor een ingelogde shopper begint de navigatie direct nadat het event is afgevuurd. Een synchrone listener blijft draaien, maar alles wat asynchroon is, kan worden onderbroken. Gebruik de cookie voor redirect-flows.
• Gasten volgen een ander pad na het opslaan: In de code die we hebben geïnspecteerd, bereikt een gast onder Omleiding het bevestigingsvenster. Ze navigeren niet weg. Ga er niet van uit dat het gedrag van gasten overeenkomt met het gedrag van ingelogde gebruikers.
• Winkelwagen-naar-verlanglijst opslaan rapporteert 0: Dit is van toepassing wanneer een shopper een of meer winkelwagenitems opslaat via de winkelwagenactie. De plugin stuurt één gebeurtenis voor de actie, niet één gebeurtenis per item.
• Mislukte opslag levert niets op: Een succesvolle opslag voor ingelogde gebruikers verzendt de signalen alleen wanneer de server succes rapporteert. Een netwerkfout of time-out produceert geen gebeurtenis en geen cookie.
• Toestemmingshulpmiddelen kunnen de cookie blokkeren als ze het SaveTo Wishlist-script of de cookies ervan blokkeren: Browserprivacy-instellingen kunnen er ook voor zorgen dat de browser de cookie niet schrijft. Bouw het cookiepad als een aanvulling, niet als uw enige route.
• Geen van beide signalen bewijst dat een geldige opslag heeft plaatsgevonden: Een ander script op de pagina kan een gebeurtenis met dezelfde naam verzenden of dezelfde cookie instellen. Gebruik ze voor berichten, nooit om iets van werkelijke financiële waarde toe te kennen zonder een server-side controle.

De gebeurtenis bevat een product- of variatie-ID en een collectie-ID. De cookie slaat alleen de product- of variatie-ID op. Een winkelwagenopslag slaat 0 op als product-ID. Geen naam, e-mailadres of factuurgegevens worden in een van beide opgenomen. Productidentificaties beschrijven nog steeds het gedrag van shoppers. Controleer dus waar de cookie thuishoort in uw toestemmingscategorieën en privacybeleid.

---

Veelgestelde vragen: WooCommerce Wishlist Popup Maker Integratie

---

Verander opslag in verkopen met de WooCommerce Wishlist Popup Maker Integratie

Een shopper koopt een opgeslagen item om vele redenen misschien niet, waaronder prijs, timing, voorraad, of een verandering van gedachten. Een shopper die een item opslaat, heeft interesse getoond, maar ze vergelijken misschien nog steeds producten of wachten om te kopen. Uw taak is om nuttig te blijven op dat moment, in plaats van stil te blijven tot de volgende e-mail wordt verzonden.

Begin klein. Eén WooCommerce-verlanglijst-popup, één duidelijke aanbieding en een plan om deze te meten, verslaat een slimme multi-branch setup die niemand na de lancering controleert.

• Controleer uw instelling voor de knop Toevoegen aan verlanglijst en schakel over naar Vervagen voor directe popups.
• Bouw één Popup Maker-popup en noteer de ID ervan.
• Voeg het snippet voor de gebeurtenisluisteraar toe en test vervolgens als gast en als klant.
• Voeg de cookiecontrole toe als u terugkerende shoppers wilt bereiken.
• Lees de limieten voordat u iets bouwt dat ervan uitgaat dat de signalen volledig zijn.

Een instant wishlist popup heeft één popup en een korte JavaScript-snippet nodig. Cookie-gebaseerde targeting heeft mogelijk geen JavaScript nodig als Popup Maker voldoet aan de benodigde cookievoorwaarde.

SaveTo Wishlist Lite stuurt deze signalen na een succesvolle opslag. Uw JavaScript- of Popup Maker-instellingen kunnen er vervolgens op reageren. De integratiepagina van Popup Maker heeft de korte versie als u deze eerst wilt doornemen.