Osadzanie zaproszen EasyRSVP

Latwe dodawanie zaproszen do Twojej strony internetowej.

Standardowe osadzanie

Dodaj zaproszenie do dowolnej strony internetowej za pomoca iframe. Zapewnia automatyczne dopasowanie rozmiaru dzieki dynamicznej obsludze wysokosci.

Kod osadzania

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

Uwaga: INVITATION_SLUG wlasnym adresem zaproszenia. Gotowy kod mozesz skopiowac za pomoca "Kodu osadzania" z Panelu glownego.

Parametry

Mozesz dodac nastepujace parametry do adresu URL:

ParametrOpis
?dynamicHeight=1Wlacza dynamiczna wysokosc. Iframe automatycznie dostosowuje rozmiar do zawartosci.

Przyklad uzycia

Uzycie z dynamiczna wysokoscia:

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

Najlepsze praktyki

  • Wlacz dynamiczna wysokosc dla responsywnego osadzania
  • Uzyj width="100%" dla responsywnego projektu
  • Dodaj loading="lazy" dla szybszego ladowania

Szybkie uzycie z Panelu glownego

  1. 1Wybierz zaproszenie w Panelu glownym
  2. 2Kliknij przycisk "Udostepnij link"
  3. 3Skopiuj kod z sekcji "Kod osadzania"
  4. 4Wklej go na swoja strone internetowa