Je aanmeldformulier op je website insluiten | Passtastic Help
☰

Je aanmeldformulier op je website insluiten

Twee manieren om in te sluiten

Passtastic biedt je twee opties om kaartaanmelding aan je website toe te voegen:

Optie 1: Wallet-knoppen (snel & eenvoudig)

Voeg knoppen voor "Voeg toe aan Apple Wallet" en "Voeg toe aan Google Wallet" toe aan je site. Wanneer een klant klikt, wordt de kaart direct aan zijn wallet toegevoegd.

Opmerking: Deze optie werkt alleen voor kaarten zonder gegevensverzameling ingeschakeld. Als je kaart klantgegevens verzamelt (naam, e-mail, enz.), gebruik dan Optie 2 — de directe wallet-links slaan het aanmeldformulier over, waardoor klantgegevens niet worden verzameld.

Zo krijg je de code:

1. Open je kaart vanuit het dashboard.

2. Ga naar het tabblad Delen.

3. Scroll naar Online delen → Website-insluitcode.

4. Klik op Kopiëren om de HTML-code te kopiëren.

5. Plak de code in de HTML van je website waar je de knoppen wilt tonen.

Het codefragment ziet er zo uit — twee afbeeldingslinks naast elkaar:

html
<!-- Passtastic Pass Embed -->
<div style="display: flex; gap: 10px; margin: 20px 0;">
  <a href="YOUR_APPLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/apple-wallet.svg"
         alt="Add to Apple Wallet" width="120">
  </a>
  <a href="YOUR_GOOGLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/google-wallet.svg"
         alt="Add to Google Wallet" width="120">
  </a>
</div>

Ideaal voor: landingspagina's, e-mailhandtekeningen, blogberichten — overal waar je een eenvoudige call-to-action wilt.

Optie 2: Volledig ingebed formulier (iframe)

Sluit de volledige aanmeldervaring direct in op je pagina. De klant vult zijn gegevens in en voegt de kaart toe aan zijn wallet zonder je website te verlaten.

Zo krijg je de code:

1. Ga naar Integraties in de zijbalk.

2. Selecteer de kaart die je wilt insluiten.

3. Kies Web-insluiting → Insluitcode ophalen.

4. Je ziet een live voorbeeld van hoe het formulier eruit zal zien. Klik op Code kopiëren.

5. Plak de code op je website.

Het iframe past automatisch zijn hoogte aan de inhoud aan, werkt op mobiel en toont geen cookiebanner op de aanmeldpagina.

Ideaal voor: speciale aanmeldpagina's, secties "doe mee aan ons loyaliteitsprogramma", afrekenstromen.

Werkt met elk websiteplatform

Beide opties zijn standaard HTML — ze werken op:

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • Op maat gebouwde websites
  • Elk platform dat HTML-codeblokken toestaat

Veelgestelde vragen

Kan ik de knoppen aanpassen aan mijn website?
Het wallet-knopfragment gebruikt standaard HTML — je kunt de stijlen van de omringende `div` aanpassen, de lay-out wijzigen of je eigen CSS toevoegen.
Kan ik het formulier insluiten zonder iframe-rand?
Ja. De insluitcode stelt standaard `frameborder="0"` in. Je kunt ook de `box-shadow` van de omringende `div` verwijderen als je het volledig naadloos wilt.
Verzamelt het ingesloten formulier klantgegevens?
Ja — alle instellingen voor gegevensverzameling van je kaart (naam, e-mail, telefoon, aangepaste velden) gelden voor het ingesloten formulier precies zoals op de zelfstandige aanmeldpagina.
Kan ik verschillende kaarten op verschillende pagina's insluiten?
Ja. Elke kaart heeft zijn eigen insluitcode. Je kunt je stempelkaart op één pagina zetten en je lidmaatschapskaart op een andere.
Heb ik een betaald abonnement nodig om insluiting te gebruiken?
Het wallet-knopfragment (Optie 1) werkt op alle abonnementen. De volledige iframe-insluiting (Optie 2) is ook beschikbaar op alle abonnementen.