Встраивание приглашений 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Выберите приглашение в панели управления
2Нажмите кнопку «Поделиться ссылкой»
3Скопируйте код из раздела «Код для встраивания»
4Вставьте его на свой сайт