EasyRSVP-uitnodigingen insluiten

Voeg eenvoudig uw uitnodigingen toe aan uw website.

Standaard insluiting

Voeg uw uitnodiging toe aan elke webpagina met een iframe. Biedt automatische grootteverandering met dynamische hoogte-ondersteuning.

Insluitcode

<iframe data-easyrsvp-src="https://easyrsvp.net/embed/DAVETIYE_SLUG" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="RSVP" scrolling="auto" loading="lazy"></iframe>
<script>var d=document,w="https://easyrsvp.net/widgets/embed.js",v=function(){"undefined"!=typeof EasyRSVP?EasyRSVP.loadEmbeds():d.querySelectorAll("iframe[data-easyrsvp-src]:not([src])").forEach((function(e){e.src=e.dataset.easyrsvpSrc}))};if("undefined"!=typeof EasyRSVP)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

Opmerking: INVITATION_SLUG met uw eigen uitnodigingsadres. U kunt de kant-en-klare code kopiëren via "Insluitcode" vanuit het dashboard.

Parameters

U kunt de volgende parameters aan de URL toevoegen:

Parameter	Beschrijving
?dynamicHeight=1	Schakelt dynamische hoogte in. De iframe past zich automatisch aan op basis van de inhoud.

Gebruiksvoorbeeld

Gebruik met dynamische hoogte:

<iframe data-easyrsvp-src="https://easyrsvp.net/embed/DAVETIYE_SLUG?dynamicHeight=1"
  width="100%"
  height="800"
  frameborder="0"
  marginheight="0"
  marginwidth="0"
  title="RSVP"
  scrolling="auto"
  loading="lazy">
</iframe>
<script>var d=document,w="https://easyrsvp.net/widgets/embed.js",v=function(){"undefined"!=typeof EasyRSVP?EasyRSVP.loadEmbeds():d.querySelectorAll("iframe[data-easyrsvp-src]:not([src])").forEach((function(e){e.src=e.dataset.easyrsvpSrc}))};if("undefined"!=typeof EasyRSVP)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

Beste werkwijzen

Schakel dynamische hoogte in voor responsieve insluiting
Gebruik width="100%" voor responsief ontwerp
Voeg loading="lazy" toe voor sneller laden

Snel gebruik vanuit het dashboard

1Selecteer uw uitnodiging in uw dashboard
2Klik op de knop "Link delen"
3Kopieer de code uit het gedeelte "Insluitcode"
4Plak het in uw website