Beoordeeld door U bouwt uw wishlistpagina opnieuw op in de Divi Builder, zodat deze eindelijk overeenkomt met de rest van uw winkel. U voegt een hero-sectie, wat merkkleuren en een mooie kop toe. Vervolgens slaat u op, laadt u de pagina en is de wishlist er niet.
Er is geen foutmelding en geen waarschuwing. Winkelende klanten die producten voor later hebben opgeslagen, komen terug naar een lege pagina en zullen het u mogelijk niet vertellen. Onze Divi wishlist-module lost precies dat op.
Het wordt geleverd in de gratis SaveTo Wishlist Lite-plugin. Hieronder laat ik u zien waarom de pagina leeg wordt en hoe u de module instelt. Daarna maken we van die pagina een pagina die verkoopt.
Spring naar:
- Waarom uw Divi Wishlistpagina leeg kan lijken
- Wat de SaveTo Wishlist Divi-integratie daadwerkelijk doet
- Wat u nodig heeft voordat u begint
- Hoe de Wishlist toe te voegen aan een Divi Builder-lay-out
- Hoe de module te gebruiken in een Divi Theme Builder-sjabloon
- Hoe u uw Divi Wishlistpagina kunt omzetten in een verkooppagina
- Hoe u kunt bevestigen dat uw Divi Wishlist werkt
- Hoe zit het met de Save To Wishlist-knop op Divi?
- Veelgestelde Vragen
- Klaar om uw Wishlist toe te voegen aan Divi?
Waarom uw Divi Wishlistpagina leeg kan lijken
De verlanglijstpagina bereikt de browser op één manier. WordPress voert de [saveto_wishlist] shortcode uit die in de paginabody is opgeslagen, en die shortcode toont de verlanglijst.
Divi bouwt pagina's met zijn eigen lay-outsysteem, en er zijn twee manieren waarop het die shortcode kan overslaan:
- U bewerkt de pagina in de Divi Builder: Divi slaat de pagina op als zijn eigen lay-out. Als de lay-out geen verlanglijst-onderdeel bevat, is er niets meer om de verlanglijst te tonen.
- Een Theme Builder-sjabloon dekt de pagina: Het sjabloon vervangt de paginabody, dus de shortcode die daar is opgeslagen, wordt nooit uitgevoerd.
Dat is normaal gedrag van page-builders, geen Divi-bug. Een builder die de paginabody beheert, bepaalt wat daar wordt weergegeven. Een uitzondering is een Theme Builder-sjabloon dat Divi's eigen Post Content-module bevat. Dat sjabloon voert de shortcode nog steeds uit.
De verlanglijst-tab in Mijn account wordt niet beïnvloed, omdat deze niet via de paginabody loopt. De tab kan dus blijven werken terwijl de hoofdverlanglijstpagina leeg blijft.
Een lege pagina kost meer dan het lijkt. Volgens het onderzoek van Baymard Institute naar productpagina's zei 21% van de 1.193 respondenten dat ze afhankelijk zijn van "Opslaan"-functies. Hetzelfde onderzoek toonde aan dat 89% van de sites "Opslaan"-functies niet gemakkelijk toegankelijk en bruikbaar maakt. Bovendien verbergt een verlanglijstpagina die niets weergeeft die opgeslagen items volledig.
Wat de SaveTo Wishlist Divi-integratie daadwerkelijk doet
De integratie voegt één ding toe: een Save to Wishlist-module in de Divi Builder. Deze wordt meegeleverd vanaf SaveTo Wishlist Lite 1.1.3. Er is geen instellingenpagina en geen schakelaar om in te schakelen.
- Zelfde shortcode eronder: De module voert de bestaande
[saveto_wishlist]shortcode voor u uit. Dus gasten, ingelogde klanten en gedeelde links krijgen allemaal dezelfde behandeling als op een standaard verlanglijstpagina. - Eén optionele instelling: Een Wishlist ID-veld. Laat het leeg en elke bezoeker ziet zijn eigen verlanglijst.
- Werkt in Theme Builder-sjablonen: Bouw één verlanglijst-lay-out en hergebruik deze, in plaats van de pagina handmatig opnieuw op te bouwen.
- Laadt zijn eigen scripts: De plugin detecteert de module op een pagina, in een Theme Builder-lay-out of in een globale module van de Divi Library. Vervolgens laadt het de verlanglijst-scripts daar, zelfs als het niet uw hoofdverlanglijstpagina is.
Vóór deze module was de gebruikelijke oplossing om de shortcode handmatig in een Divi Code-module te plakken. De nieuwe module doet hetzelfde werk met zijn eigen instellingenpaneel. Als u die oplossing al gebruikt, kunt u deze vervangen door de module.
Wat de integratie niet doet
Het bereik is opzettelijk beperkt. Hier eindigt de taak van de module.
| Gebied | Gedekt door de Divi-integratie? |
|---|---|
| De verlanglijst binnen een Divi Builder-pagina | Ja, via de Save to Wishlist-module |
| De verlanglijst binnen een Theme Builder-sjabloon | Ja, inclusief lay-outs voor kop, hoofdtekst en voettekst |
| Divi 5 | Nog niet officieel. De module is gebouwd voor Divi 4 |
| De knop Opslaan op verlanglijst op productkaarten en -pagina's | Nee. De knop volgt uw instellingen voor Knop Plaatsing & Stijlen |
| Een instellingenpagina of een aan/uit-schakelaar | Geen. De module is er wanneer Divi 4 actief is |
Dat maakt het een ander hulpmiddel dan onze Elementor-widget, die de knop plaatst. De Divi-module gaat over de verlanglijstpagina zelf.
Wat u nodig heeft voordat u begint
Je hebt drie dingen nodig, en je hebt er waarschijnlijk al twee.
- Divi 4: Zowel het Divi-thema als de zelfstandige Divi Builder-plugin werkt.
- SaveTo Wishlist Lite 1.1.3 of hoger: De huidige release is 1.1.6, dus update eerst als je een oudere versie hebt.
- WooCommerce: Actief op uw site, zoals het al is als u ermee verkoopt.
De module maakt deel uit van de gratis plugin. U heeft SaveTo Wishlist Pro er niet voor nodig. Pro-winkels krijgen het ook, aangezien Pro draait bovenop Lite.
🔍️ Wat we hebben gezien: De eerste vraag om op te lossen is welke Divi-versie u gebruikt. Onze module is gebouwd voor Divi 4, en Divi 5 wordt nog niet officieel ondersteund. Volgens de Divi 5 FAQ van Elegant Themes blijven Divi 4-modules van derden werken in achterwaartse compatibiliteitsmodus. We hebben de onze daar echter nog niet bevestigd, dus test het eerst op een staging-site.
Nog een eerlijke opmerking. Divi is een betaald thema, dus het maakt geen deel uit van onze geautomatiseerde testsuite. Ons team heeft de onderstaande screenshots gemaakt op een live Divi-site.
Hoe de Wishlist toe te voegen aan een Divi Builder-lay-out
Hier is de volledige installatie. U doet dit eenmalig per lay-out, en het vereist geen code. De stappen komen overeen met onze Divi-kennisbankgids.
- Open uw verlanglijstpagina in de Divi Builder.
- Klik op het pictogram voor het invoegen van modules waar u wilt dat de verlanglijst verschijnt.
- Typ Verlanglijst in het zoekvak van de module.
- Selecteer Save to Wishlist uit de resultaten. Zoek naar het hartpictogram.
- Open het tabblad Inhoud van de module, vervolgens de sectie Verlanglijst.
- Laat het veld Verlanglijst-ID leeg voor een normale verlanglijstpagina.
- Sla de pagina op en open deze vervolgens buiten de builder om de live verlanglijst te zien.
Wanneer u het Wishlist ID-veld moet gebruiken
De meeste winkels moeten deze leeg laten. Een leeg veld toont elke bezoeker zijn eigen verlanglijst, wat de bedoeling is van een verlanglijstpagina.
Een nummer in het veld koppelt de module aan die ene verlanglijst, op basis van de ID. Twee dingen hierover zijn niet duidelijk:
- Het overschrijft gedeelde links: Wanneer iemand een gedeelde verlanglijstlink op die pagina opent, zien ze in plaats daarvan de vastgepinde lijst. Houd het veld leeg op de pagina waar gedeelde links worden geopend.
- Gasten zien het niet: Terwijl gastenverlanglijsten aan staan (de standaardinstelling), krijgen ingelogde bezoekers in plaats daarvan hun eigen gastenverlanglijst.
Dat maakt het veld ongeschikt voor een openbare cadeau-gids. Maak voor een samengestelde lijst die iedereen kan openen de lijst openbaar en deel in plaats daarvan de link.
Wat je in de builder zult zien
Binnen de Divi Builder toont de module een korte plaatsaanduiding in plaats van uw live verlanglijst. Dat is opzettelijk en geen stijlprobleem.
De echte verlanglijst is een live app die is gekoppeld aan degene die is ingelogd. Het renderen ervan op het canvas zou een willekeurige klik ertoe kunnen leiden dat items aan je eigen lijst worden toegevoegd of verwijderd. Het zou ook je privélijst tonen aan iedereen die de lay-out bekijkt.
🔍️ Wat we hebben gezien: De placeholder is gemakkelijk aan te zien voor een kapotte verlanglijst. Het is verleidelijk om binnen de builder te beginnen met het oplossen van problemen, maar de module is waarschijnlijk prima. Controleer in plaats daarvan de live pagina, eenmaal uitgelogd en eenmaal als klant.
Hoe de module te gebruiken in een Divi Theme Builder-sjabloon
Als een Theme Builder-sjabloon je verlanglijstpagina dekt, voeg dan de module toe aan dat sjabloon. De module tekent de verlanglijst zelf, dus deze is niet afhankelijk van de paginalichaam die het sjabloon heeft vervangen.
- Ga naar Divi > Theme Builder.
- Bewerk het sjabloon dat is toegewezen aan je verlanglijstpagina. Je kunt ook een ander sjabloon kiezen, zoals een header of footer.
- Voeg de Save to Wishlist-module op dezelfde manier toe als op een pagina, en sla deze vervolgens op.
Gebruik je al een sjabloon met Divi's Post Content-module op de verlanglijstpagina? Dan zou de verlanglijst nog steeds moeten renderen, zolang de paginalichaam de shortcode nog bevat. Toch is het toevoegen van de module de nettere optie, omdat deze helemaal niet afhankelijk is van de paginalichaam.
Het opslaan van de module als een globale module van de Divi Library werkt ook. De plugin volgt die verwijzing en laadt de scripts van de verlanglijst. Vermijd echter het nestelen van de ene globale module in de andere. De plugin controleert slechts één niveau diep, dus een module die twee keer is genesteld, wordt mogelijk geladen zonder zijn scripts.
Hoe u uw Divi Wishlistpagina kunt omzetten in een verkooppagina
De verlanglijst terug op de pagina krijgen is stap één. De grotere winst is dat je er nu omheen kunt ontwerpen, met elke Divi-module die je al gebruikt.
Die pagina is belangrijk. Volgens het onderzoek naar winkelwagenverlating van Baymard Institute is het gemiddelde gedocumenteerde verlaten tarief 70,22%, verspreid over 50 studies. Het meldt ook dat 42% van de Amerikaanse online shoppers een winkelwagen heeft verlaten terwijl ze "gewoon aan het browsen waren / nog niet klaar om te kopen." Als gevolg hiervan kan je verlanglijstpagina de plek zijn waar die shoppers terugkomen om te beslissen.
Geef de pagina een duidelijke volgende stap
De verlanglijst zelf laat shoppers al toe om enkele items of alles tegelijk aan de winkelwagen toe te voegen. Jouw taak is om die stap gemakkelijk te maken. Plaats de dingen die twijfels op het laatste moment wegnemen direct naast de module.
- Een korte geruststellingsrij: Verzending, retourzendingen of levertijden, in een Divi Blurb- of Tekstmodule boven de verlanglijst.
- Een blijf-winkelen-link: Een Divi Button-module onder de lijst die terugleidt naar je winkel of een belangrijke categorie.
- Een kop die bij je winkel past: Iets warmer dan "Verlanglijst", zoals "Jouw opgeslagen keuzes."
We hebben meer manieren besproken waarop de pagina de verkoop verhoogt in hoe verlanglijsten de conversie verhogen.
Nodig gasten uit om een account aan te maken
SaveTo Wishlist laat gasten producten opslaan zonder in te loggen. Wanneer ze een account aanmaken of inloggen, worden hun opgeslagen items daarin samengevoegd. Dat maakt de verlanglijstpagina een natuurlijke plek om om een account te vragen.
Voeg dus een regel tekst toe in de buurt van de module. Leg uit dat een account hun lijst op elk apparaat bewaart. Onze gids voor de WooCommerce gastenverlanglijst legt uit waarom die anonieme opslag de moeite waard is om vast te leggen.
Maak delen onderdeel van het cadeau-seizoen
Elke verlanglijst kan zijn eigen openbare URL hebben om te delen. Rond verjaardagen en feestdagen kunnen uw klanten zo een verwijzingskanaal worden. Elke gedeelde link brengt een vriend of familielid rechtstreeks naar producten die iemand al wil.
Voeg een korte prompt toe op de pagina, zoals "Deel je lijst met familie voor de feestdagen." Laat het Wishlist ID-veld op die pagina leeg, zodat gedeelde links de juiste lijst openen. Voor de instellingen erachter, zie verlanglijst delen en machtigingen.
Maak de pagina gemakkelijk vindbaar
Een geweldige verlanglijstpagina helpt niet als shoppers er niet meer terug kunnen komen. Voeg een menu-link toe in je Divi-header, zodat deze met één klik vanaf elke pagina bereikbaar is. Dat is eenvoudiger dan de volledige verlanglijst in een sitewijde header of footer te plaatsen.
Volg op wanneer er iets verandert
Opgeslagen producten vertellen je wat shoppers willen. Ondertussen kan SaveTo Wishlist Pro geautomatiseerde prijsdaler-meldingen en meldingen over weer op voorraad voor die items bieden. Het voegt ook verlanglijst-analyses toe, zodat je kunt zien welke producten mensen het meest opslaan. Deze beginnen op het Growth-abonnement, en je vindt elk abonnement op de prijzenpagina.
Hoe u kunt bevestigen dat uw Divi Wishlist werkt
Voer deze controles één keer na de installatie uit, en opnieuw na elke grote Divi-update.
- Uitgelogd: Open de pagina in een privévenster. Je zou de gastenverlanglijst moeten zien, zolang gastenverlanglijsten zijn ingeschakeld.
- Als klant: Log in met een testklantaccount, sla een product op en open vervolgens de pagina. Het product zou vermeld moeten staan.
- Als beheerder, buiten de builder: Je zou de live verlanglijst moeten zien, nooit de placeholder.
- Een gedeelde link: Maak een testlijst openbaar, deel deze en open vervolgens de link uitgelogd. Het zou die lijst moeten tonen.
Is het verlanglijstgebied leeg, ook al is de module aanwezig? Controleer of deze zich in een globale module bevindt die genesteld is in een andere. Verplaats deze eruit, of voeg deze rechtstreeks toe aan de layout. Als gasten helemaal niets zien, zorg er dan voor dat Gastenverlanglijst uitschakelen uit staat.
Hoe zit het met de Save To Wishlist-knop op Divi?
De module plaatst de verlanglijst, niet de Save to Wishlist-knop. De knop wordt apart ingesteld, onder SaveTo Wishlist > Instellingen > Knop Plaatsing & Stijlen. Deze wordt gekoppeld aan de standaard producttemplates van WooCommerce.
Op een standaard Divi 4.27 testwinkel werd de knop weergegeven op elke productkaart van de standaard winkelpagina. Divi kan echter ook productpagina's opnieuw opbouwen met zijn eigen Woo-modules in de Theme Builder. We hebben niet elke plaatsing op die templates getest, dus controleer de jouwe op een winkelpagina, een productpagina en een telefoon. Onze handleiding voor knopplaatsing vermeldt elke optie.
Verpest een plaatsing je Divi productkaarten? Je kunt de knop op het ene paginatype verbergen en op het andere laten staan.
Veelgestelde Vragen
Heeft de Divi-integratie SaveTo Wishlist Pro nodig?
Nee. De Save to Wishlist-module wordt geleverd in de gratis SaveTo Wishlist Lite-plugin, versie 1.1.3 en hoger. Installeer of update de gratis plugin, en de module verschijnt in de Divi Builder terwijl Divi 4 actief is.
Waarom is mijn wishlistpagina leeg in Divi?
Divi slaat zijn eigen lay-out op wanneer je een pagina bewerkt, en een Theme Builder-sjabloon kan de paginabody vervangen. Hoe dan ook, de [saveto_wishlist] shortcode wordt mogelijk nooit uitgevoerd. Voeg de Save to Wishlist-module toe aan de pagina of het sjabloon, en sla dan opnieuw op.
Werkt de Save to Wishlist-module met Divi 5?
Divi 5 wordt nog niet officieel ondersteund, omdat de module is gebouwd voor Divi 4. Elegant Themes zegt dat Divi 4-modules van derden worden uitgevoerd in de achterwaartse compatibiliteitsmodus van Divi 5. We hebben de onze daar nog niet bevestigd, dus test het op een staging-site voordat je erop vertrouwt.
Zullen mijn klanten ooit de builder-placeholder zien?
Nee. De placeholder verschijnt alleen binnen de Divi Builder terwijl u bewerkt. Iedereen die de livepagina bekijkt, inclusief u, ziet in plaats daarvan de echte wishlist.
Heb ik nog steeds een Code-module nodig met de wishlist shortcode?
Nee. De Save to Wishlist-module vervangt die tijdelijke oplossing en voert dezelfde shortcode uit. Als een Divi Code-module [saveto_wishlist] bevat, kun je deze vervangen door de module.
Klaar om uw Wishlist toe te voegen aan Divi?
Een wensenlijstpagina is alleen nuttig als deze wordt weergegeven. Op Divi komt dat neer op één module. Zodra deze op zijn plaats staat, wordt de pagina iets dat je kunt ontwerpen om te verkopen.
- Controleer je Divi-versie en update naar SaveTo Wishlist Lite 1.1.3 of hoger.
- Voeg de Save to Wishlist-module toe aan je wensenlijstpagina of Theme Builder-sjabloon.
- Ontwerp de pagina rond de wensenlijst met een duidelijke volgende stap en een deelfunctie.
- Voer de vier controles uit als gast, klant, beheerder en bezoeker via een gedeelde link.
Je Divi-wensenlijst is nog maar één module verwijderd van de werking. Installeer of update SaveTo Wishlist Lite gratis, voeg vervolgens de module toe aan je wensenlijstpagina.
