Вбудовування запрошень 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Вставте його на свій вебсайт