Innbygging av EasyRSVP-invitasjoner

Legg enkelt til invitasjonene dine på nettstedet ditt.

Standard innbygging

Legg til invitasjonen din på en hvilken som helst nettside med en iframe. Gir automatisk tilpasning med dynamisk høydestøtte.

Innebyggingskode

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

Merk: INVITATION_SLUG med din egen invitasjonsadresse. Du kan kopiere den ferdige koden med «Innebyggingskode» fra dashbordet.

Parametere

Du kan legge til følgende parametere i URL-en:

Parameter	Beskrivelse
?dynamicHeight=1	Aktiverer dynamisk høyde. Iframen tilpasser seg automatisk basert på innholdet.

Brukseksempel

Bruk med dynamisk høyde:

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

Aktiver dynamisk høyde for responsiv innbygging
Bruk width="100%" for responsivt design
Legg til loading="lazy" for raskere lasting

Hurtigbruk fra dashbordet

1Velg invitasjonen din i dashbordet
2Klikk på «Del lenke»-knappen
3Kopier koden fra «Innebyggingskode»-seksjonen
4Lim den inn på nettstedet ditt