iDeal betalingen icm Squarespace Member Areas
NB: deze blogpost bevat affiliate links.
Als je een online training of cursus in je eigen website-omgeving wilt maken, dan kan je hiervoor Squarespace Member Areas gebruiken. Om iDeal betalingen mogelijk te maken is een work-around nodig omdat iDeal door Squarespace niet wordt ondersteund.
In deze blogpost een stappenplan hoe je Plug&Pay gebruikt icm Member Areas zodat je wèl iDeal betalingen mogelijk kunt maken.
Stap 1: aanmaken Member Area
Maak in Squarespace een Member Area aan met een free membership.
Maak alle pagina’s voor je online training en zet deze in je member area.
Stap 2: verberg de Join button op het Access Denied screen
Update mei 2022: het verbergen van de Join button heeft Squarespace geimplementeerd. Hierdoor is onderstaande code niet meer nodig. De Join button moet je per Member Area verbergen in de settings van het Access Denied Screen. (via Design > Acces Denied Screen)
Om te voorkomen dat iemand via het Access Denied screen toch een gratis account kan aanmaken, moet deze button met code verborgen worden.
Onderstaande code voer je in bij Settings > Code Injection > Footer
<!-- Verberg Join button -->
<script>
var sqelem= document.querySelector('#sqs-member-access-page-root .sqs-editable-button');
sqelem.remove();
</script>
<!--Einde verberg Join button -->
Als je meerdere Member Areas hebt, dan geldt deze code voor alle Access Denied screens. Elke Member Area heeft namelijk z’n eigen Access Denied screen.
Voer onderstaande code in bij Custom CSS (Design > Custom CSS):
#sqs-member-access-page-root .sqs-editable-button {
display:none;
}
NB: Pas ook de ‘description’ aan op het Access Denied Screen.
Stap 3: maak een salespagina
Maak een salespagina voor je aanbod/training/cursus en plaats hierop een button d.m.v. het Button block. Aan deze button koppel je later een betaallink die je in Plug&Pay genereert (zie stap 5).
Stap 4: maak een ‘create account’ pagina
Op deze pagina op je website komt iemand straks uit nadat er is betaald via Plug&Pay.
Maak een pagina aan in de Not Linked sectie en verberg deze voor Google op het SEO tabblad via de pagina settings. (Pagina settings > SEO tabblad > Hide for Search Results)
Zorg ervoor dat de URL niet makkelijk te raden is. Gebruik bijvoorbeeld een tekenreeks hiervoor. Deze URL voer je straks in bij de Bedankpagina in Plug&Pay (zie stap 5).
Plaats een bedanktekst (bv ‘Gefeliciteerd met je aanschaf van deze training!’) en plaats daaronder een Member Sign Up block. Selecteer de betreffende Member Area in de settings van het block. Op het Design tabblad kan je Title, Description en Fee uitzetten zodat alleen de Join Button overblijft. De tekst die op de button staat, kan je hier ook veranderen.
Stap 5: maak een betaallink in Plug&Pay
Vul in Plug&Pay alle standaard settings in en koppel je Mollie-account. Kosten voor de P&P Lite versie bedragen15 euro per maand of 108 euro per jaar (ex BTW).
Maak in Plug&Pay een Product aan voor je training en daarna een bijbehorende Checkout.
Bij de Checkout vul je bij de Bedankpagina de URL in van de Create Account pagina die je bij stap 4 hebt gemaakt.
Koppel de URL van de Checkout aan de button op je Salespagina (zie stap 3).
→ In de mini-training Plug & get Paid leer je hoe je zelf Plug&Pay en Mollie inricht en koppelt aan je Squarespace website.
Stap 6: inrichten overige elementen Member Areas
Voor het verder inrichten van Member Areas kan je deze blogpost raadplegen.
