EasyRSVP
홈

EasyRSVP 초대장 임베드하기

웹사이트에 초대장을 쉽게 추가하세요.

기본 임베드

iframe으로 모든 웹 페이지에 초대장을 추가할 수 있습니다. 동적 높이 지원으로 자동 크기 조정이 가능합니다.

임베드 코드

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

참고: INVITATION_SLUG 본인의 초대장 주소로 변경하세요. 대시보드의 "임베드 코드"에서 완성된 코드를 복사할 수 있습니다.

매개변수

URL에 다음 매개변수를 추가할 수 있습니다:

매개변수설명
?dynamicHeight=1동적 높이를 활성화합니다. iframe이 콘텐츠에 맞게 자동으로 크기를 조정합니다.

사용 예시

동적 높이 사용 시:

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

모범 사례

  • 반응형 임베드를 위해 동적 높이를 활성화하세요
  • 반응형 디자인을 위해 width="100%"를 사용하세요
  • 빠른 로딩을 위해 loading="lazy"를 추가하세요

대시보드에서 바로 사용하기

  1. 1대시보드에서 초대장을 선택하세요
  2. 2"링크 공유" 버튼을 클릭하세요
  3. 3"임베드 코드" 섹션에서 코드를 복사하세요
  4. 4웹사이트에 붙여넣으세요