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:

ParameterBeskrivning
?dynamicHeight=1Aktiverar 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

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