Bädda in EasyRSVP-inbjudningar

Lägg enkelt till dina inbjudningar på din webbplats.

Standardinbäddning

Lägg till din inbjudan på valfri webbsida med en iframe. Ger automatisk storleksanpassning med dynamiskt höjdstöd.

Inbäddningskod

<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>

Observera: INVITATION_SLUG med din egen inbjudningsadress. Du kan kopiera den färdiga koden via "Inbäddningskod" från översiktssidan.

Parametrar

Du kan lägga till följande parametrar till URL:en:

Parameter	Beskrivning
?dynamicHeight=1	Aktiverar dynamisk höjd. Iframen anpassar automatiskt storleken baserat på innehållet.

Användningsexempel

Användning med dynamisk höjd:

<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>

Bästa praxis

Aktivera dynamisk höjd för responsiv inbäddning
Använd width="100%" för responsiv design
Lägg till loading="lazy" för snabbare laddning

Snabbanvändning från översiktssidan

1Välj din inbjudan på översiktssidan
2Klicka på knappen "Dela länk"
3Kopiera koden från avsnittet "Inbäddningskod"
4Klistra in den på din webbplats