Pag-embed ng EasyRSVP Imbitasyon

Madaling idagdag ang iyong mga imbitasyon sa iyong website.

Standard Embed

Idagdag ang iyong imbitasyon sa anumang web page gamit ang iframe. Nagbibigay ng automatic resizing na may dynamic height support.

Embed Code

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

Paalala: INVITATION_SLUG ng iyong sariling invitation address. Maaari mong kopyahin ang handa nang code gamit ang "Embed Code" mula sa Dashboard.

Mga Parameter

Maaari mong idagdag ang mga sumusunod na parameter sa URL:

Parameter	Paglalarawan
?dynamicHeight=1	Ine-enable ang dynamic height. Awtomatikong nagre-resize ang iframe batay sa content.

Halimbawa ng Paggamit

Paggamit na may dynamic height:

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

Mga Pinakamainam na Praktika

I-enable ang dynamic height para sa responsive embedding
Gamitin ang width="100%" para sa responsive design
Magdagdag ng loading="lazy" para sa mas mabilis na paglo-load

Mabilis na Paggamit mula sa Dashboard

1Piliin ang iyong imbitasyon sa iyong Dashboard
2I-click ang "Ibahagi ang Link" na button
3Kopyahin ang code mula sa "Embed Code" na seksyon
4I-paste ito sa iyong website