Easy Digital Downloads (EDD) heeft zojuist meer dan tien Elementor-afrekensjablonen uitgebracht, elk ontworpen om je koper zonder twijfel van winkelwagen naar bevestiging te leiden.
Deze moderne, afleidingsvrije ontwerpen bevatten conversiegerichte elementen zoals vertrouwensbadges en garanties die al aanwezig zijn. Importeer er een in je bestaande afrekenpagina, vervang de tijdelijke tekst en je bent binnen enkele minuten live zonder een ontwerper in te huren of een regel code aan te raken.
De lay-outs zijn ook niet vergrendeld. Elk afrekelement is nu een eigen Elementor-widget, met meer dan 100 native Elementor-instellingen ertussen, zodat het uiterlijk van elke sectie naar wens in te stellen is, van kleuren en typografie tot pictogrammen en achtergrondvormen. Herschik ze zoals je wilt: plaats de winkelwagen boven het betaalformulier, verwijder een die je niet nodig hebt, of voeg je eigen inhoud ertussenin.
Dit is een van de grootste updates die we hebben uitgebracht, en deze is nu beschikbaar. 🎉 Hieronder bespreek ik de sjabloonbibliotheek, hoe importeren werkt, hoe je het ongedaan kunt maken en alles wat de nieuwe Elementor-instellingen je laten veranderen.
- 10+ Vooraf gebouwde Elementor Checkout-sjablonen voor EDD
- Hoe een Elementor Checkout-sjabloon te Importeren
- Van Gedachten Veranderd? Herstel Je Originele Checkout
- Je Checkout Pagina Bestaat Nu Uit Verplaatsbare Delen
- Veelgestelde vragen over afrekensjablonen in WordPress
- Kan ik de afrekensecties in elke gewenste volgorde plaatsen?
- Heb ik Elementor Pro nodig om afreken-sjablonen te gebruiken?
- Kan ik afreken-sjablonen gebruiken op de gratis versie van Easy Digital Downloads?
- Wordt mijn huidige afrekenpagina verwijderd bij het importeren van een sjabloon?
- Zal het herschikken van mijn afrekening mijn betalingsgateway verbreken?
- Kan ik onderdelen verwijderen die ik niet wil, zoals het kortingsveld?
- Wat als ik helemaal geen Elementor gebruik?
- Bouw de afrekenpagina die je echt wilde
10+ Vooraf gebouwde Elementor Checkout-sjablonen voor EDD
De EDD Checkout Templates-bibliotheek biedt je meer dan tien complete ontwerpen voor afrekenpagina's, elk klaar om te importeren in de afrekenpagina die je al hebt.
Elk sjabloon rangschikt de volledige afrekening voor je, met ondersteunende tekst, vertrouwens-elementen en verplaatsbare afrekenonderdelen die al rond het betaalformulier zijn geplaatst.
De stijlen variëren van enkele kolom en minimaal tot lay-outs met twee kolommen die de winkelwagen samenvatting naast het betaalformulier houden, zodat je de look kunt kiezen die bij je winkel past.
Ontworpen voor Digitale Winkels, Niet Achteraf Aangepast
Dit zijn geen algemene e-commerce-sjablonen met verborgen verzendvelden. Elk is gebouwd voor een winkel die digitale producten verkoopt, dus niets op de pagina vraagt naar een verzendadres of fysieke voorraad.
Elk ontwerp begint met afleidingsvrije vertrouwensopbouw: een schone, moderne lay-out die je koper gefocust houdt op het voltooien van de aankoop.
Vind Snel de Juiste
Twee instellingen versmallen het raster. Het zoekveld doorzoekt sjabloonbeschrijvingen. Zoeken op "garantie" retourneert bijvoorbeeld elk sjabloon dat garantie-tekst bevat.
Het menu Categorie filtert op waar een sjabloon mee begint, zoals Vertrouwen, Voortgangsstappen, Twee Kolommen, enz.
Bekijk Eerst de Hele Pagina
Elke kaart heeft een knop Voorbeeld die het volledige ontwerp in een nieuw tabblad opent. Je ziet de volledige pagina van begin tot eind, geen miniatuur.
Eenmaal geopend, schakel je bovenaan tussen Desktop, Tablet en Mobiel om te controleren hoe de lay-out op een telefoon wordt weergegeven. Voorbeelden gebruiken voorbeeldproducten en tijdelijke tekst, zodat ze je de rangschikking laten zien in plaats van de inhoud van je eigen winkel.
Elk Elementor Checkout-sjabloon is een Startpunt
Importeer een sjabloon, vervang de tijdelijke tekst en je hebt een voltooide afrekenpagina. Veel winkels zullen daar stoppen.
Maar omdat alles op die pagina een verplaatsbaar widget is, is een sjabloon ook maar een voorsprong. Importeer degene die het dichtst bij uw wensen ligt, en rangschik het vervolgens totdat het van u is. Elke sectie erop beweegt, en ik leg precies uit hoe verderop.
Hoe een Elementor Checkout-sjabloon te Importeren
Importeren kost een paar klikken en een paar seconden. Er zijn twee manieren om toegang te krijgen tot de bibliotheek met Checkout-sjablonen.
Checkout Templates is een Easy Digital Downloads Pro-functie.
Voordat u begint, moet u weten dat elke EDD-gebruiker de sjabloonbibliotheek kan openen en elk sjabloon kan bekijken.
Het importeren van een sjabloon vereist echter een Easy Digital Downloads Pro-pas met een actieve licentie, de gratis Elementor-plugin versie 3.35.0 of hoger, en de Flexbox Container-experimentfunctie van Elementor ingeschakeld.
Stap 1: Open de Checkout Sjablonen Bibliotheek
Ga vanuit uw WordPress-zijbalk naar Downloads » Instellingen » Algemeen » Pagina's.
Zoek de rij Primaire afrekenpagina en klik vervolgens op Sjablonen bladeren daaronder.
Als u uw afrekenpagina al in Elementor bewerkt, hoeft u niet weg te gaan. Klik in plaats daarvan op EDD Checkout Templates in de linkerbovenhoek van de Elementor-editor.
Beide bovenstaande methoden openen de EDD Checkout Templates-bibliotheek waar u een afrekenpaginasjabloon kunt doorbladeren, bekijken en importeren.
Stap 2: Kies en Bekijk een Sjabloon
Blader door het raster en gebruik het zoekveld of het menu Categorie om het te verfijnen.
Klik op Voorbeeld op elk sjabloon dat u overweegt, en bekijk het op Desktop, Tablet en Mobiel voordat u een beslissing neemt.
Stap 3: Importeer Je Sjabloon
Selecteer op de kaart die u hebt gekozen Importeren.
EDD vraagt u eerst om bevestiging, omdat importeren alles vervangt wat momenteel op uw afrekenpagina staat. Uw bestaande inhoud wordt opgeslagen als een WordPress-revisie voordat er iets verandert, dus het gaat niet verloren. Klik op Sjabloon importeren om door te gaan.
Stap 4: Bewerk of Ongedaan Maken
De import is binnen enkele seconden voltooid en u ziet een bevestiging met drie opties.
- Pagina bewerken opent uw nieuwe ontwerp in Elementor, zodat u direct kunt beginnen met bewerken.
- Originele afrekening herstellen zet uw vorige afrekenpagina precies terug zoals deze was.
- Sluiten behoudt het sjabloon en brengt u terug naar uw instellingen.
Stap 5: Maak het Jouw Eigen
Sjablonen worden geleverd met voorbeeldkoppen en plaatsaanduidingtekst in de secties rond het betalingsformulier. Open de afrekenpagina in Elementor (selecteer Bewerken met Elementor in de WordPress Checkout Page-editor), klik op een tekstelement en typ uw eigen tekst.
Terwijl u bezig bent, plaatst u de secties in de gewenste volgorde. Uw garantie, uw ondersteuningsuren, uw productnaam, uw indeling.
Van Gedachten Veranderd? Herstel Je Originele Checkout
Het opnieuw ontwerpen van een live afrekenpagina kan riskant aanvoelen. Deze release biedt u een manier om met één klik terug te keren.
Easy Digital Downloads slaat uw vorige afrekeninhoud op als een WordPress-revisie voordat het iets importeert. Het bevestigingspaneel bevat ook een knop Originele afrekening herstellen.
Klik erop en klik vervolgens op Ja, Herstellen om te bevestigen. Je afrekenpagina komt onmiddellijk terug zoals deze was vóór de import.
Dat is een ongedaan maken, geen fabrieksreset. Het ongedaan maken van je meest recente import in plaats van de pagina naar een lege standaard te wissen, zodat je een sjabloon op een echte winkel kunt uitproberen en het in seconden kunt terugdraaien.
Als je de bibliotheek al hebt gesloten, kun je je vorige versie nog steeds herstellen vanuit de revisielijst in de WordPress-pagina-editor.
Je Checkout Pagina Bestaat Nu Uit Verplaatsbare Delen
Sjablonen geven je een voltooide pagina. Als je verder wilt gaan, is dit wat eronder zit.
In Elementor wordt de Easy Digital Downloads-afrekening gebouwd uit vier afzonderlijke widgets. Elk deel is zijn eigen element op het canvas, dus waar het op de pagina staat, bepaal jij:
- Persoonlijke gegevens: de naam en e-mailvelden van de klant
- Betalingsgegevens: het betaalformulier van de gateway
- Winkelwagen: de items die worden gekocht en de totalen
- Kortingsformulier: het veld voor kortingscodes
Je selecteert elk ervan op de pagina en styleert het afzonderlijk, en elk heeft zijn eigen positie-instelling.
Wat Dat Eigenlijk Mogelijk Maakt
Plaats de winkelwagen boven het betaalformulier, zodat kopers bevestigen wat ze kopen voordat ze hun kaart pakken.
Verplaats het kortingsveld naar beneden, of verwijder het volledig als codes je klanten trainen om ernaar te zoeken voordat ze kopen. Plaats een garantie, een ondersteuningsnotitie, klantrecensies of een andere Elementor-widget tussen twee secties, omdat standaard Elementor-widgets ook op dit canvas staan.
Om de positie van een sectie te wijzigen, selecteer je deze op de pagina, open je het tabblad Geavanceerd en gebruik je de besturing Volgorde onder Indeling. Geen aangepaste code en geen sjabloonbestanden om te bewerken.
Meer dan 100 Regelaars Verdeeld Over de Vier Widgets
Elke widget heeft zijn eigen set aan besturingselementen, en over alle vier zijn dat meer dan 100 native Elementor-besturingselementen. Enkele van de meest nuttige:
- Winkelwageninhoud: de productminiatuur tonen of verbergen, de sectiekop tonen of verbergen
- Kortingsveld: tonen, verbergen of herstylen
- Icoonlijsten: kiezen uit volledige pictogramsets en bibliotheken in plaats van één vast pictogram
- Achtergrondvormen: de decoratieve vormen achter secties toevoegen of verwijderen
Kleuren, afstand, typografie en afmetingen gedragen zich zoals je van Elementor verwacht.
Veelgestelde vragen over afrekensjablonen in WordPress
Kan ik de afrekensecties in elke gewenste volgorde plaatsen?
Ja. Persoonlijke gegevens, betalingsgegevens, winkelwagen en het kortingsformulier zijn elk hun eigen Elementor-widget, dus de positie van elk is aan jou. Selecteer de sectie die je wilt verplaatsen en gebruik vervolgens de besturing Volgorde op het tabblad Geavanceerd onder Indeling. Je kunt ook koppen, iconen, tekst of een andere Elementor-widget ertussen plaatsen.
Heb ik Elementor Pro nodig om afreken-sjablonen te gebruiken?
Nee. De gratis Elementor-plugin is voldoende, zolang deze versie 3.35.0 of hoger is. Je hebt geen Elementor-abonnement nodig om een afrekeningssjabloon te importeren of te bewerken. Je moet er echter wel voor zorgen dat de Flexbox Container-experimentfunctie is ingeschakeld onder de plugininstellingen.
Kan ik afreken-sjablonen gebruiken op de gratis versie van Easy Digital Downloads?
Elke EDD-gebruiker kan de bibliotheek openen, elke sjabloon bekijken en ze allemaal in volledig formaat voorproeven. Het importeren van een sjabloon vereist een EDD Pro-pas met een actieve licentie. Elke betaalde pas werkt, dus je hebt geen specifieke laag nodig.
Wordt mijn huidige afrekenpagina verwijderd bij het importeren van een sjabloon?
Nee. Importeren vervangt de inhoud op je afrekenpagina, maar je vorige versie wordt eerst opgeslagen als een WordPress-revisie. Het bevestigingspaneel geeft je ook een Herstel originele checkout-knop als je van gedachten verandert. Ook, als revisies zijn uitgeschakeld voor de afrekenpagina, wordt de import helemaal niet uitgevoerd in plaats van door te gaan zonder back-up.
Zal het herschikken van mijn afrekening mijn betalingsgateway verbreken?
Nee. Het betalingsformulier blijft volledig functioneel, waar je het ook op de pagina plaatst. Verplaats het of plaats er inhoud omheen, en het blijft op dezelfde manier werken.
Kan ik onderdelen verwijderen die ik niet wil, zoals het kortingsveld?
Ja. Afgezien van wat je betalingsgateway nodig heeft om te verzamelen, kan elk element op de pagina worden gewijzigd of verwijderd. Dat omvat het kortingscodeveld, winkelwagen-thumbnails, sectiekoppen, vertrouwensbadges en achtergrondvormen.
Wat als ik helemaal geen Elementor gebruik?
Je kunt nog steeds elke sjabloon in de bibliotheek bekijken en voorproeven vanuit je WordPress-dashboard. Het importeren ervan op je afrekenpagina vereist dat Elementor is geïnstalleerd, en de gratis versie is voldoende. Als je in plaats daarvan met blokken bouwt, heeft het EDD Checkout-blok zijn eigen nieuwe Layout-opties in de WordPress-editor, dus je afrekening werkt hoe dan ook precies zoals vandaag.
Bouw de afrekenpagina die je echt wilde
De korte versie: elk deel van je afrekenpagina is van jou om te positioneren.
Als je het zelf wilt ontwerpen, zijn de onderdelen er allemaal en ze bewegen allemaal. Als je liever niet vanaf een leeg canvas begint, importeer dan een van de kant-en-klare sjablonen en verander de bewoordingen. Hoe dan ook, de structuur van je afrekening is een beslissing die jij mag nemen.
Klaar om te beginnen? Onze Documentatie over het gebruik van afreken-sjablonen leidt je stap voor stap door het importeren van je eerste sjabloon, en onze Changelog behandelt al het andere in deze release.
Nog geen Easy Digital Downloads Pro-pas? Pak er vandaag een om de sjabloonbibliotheek te ontgrendelen en begin met het bouwen van een afrekenpagina die converteert.
📣 P.S. Vergeet niet om zich te abonneren op onze nieuwsbrief en ons te volgen op Facebook, Twitter/X, of LinkedIn voor meer WordPress-bronnen!
