جاسازی دعوتنامههای 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 را با آدرس دعوتنامه خود جایگزین کنید. کد آماده را از بخش «کد جاسازی» در پنل مدیریت کپی کنید.
پارامترها
میتوانید پارامترهای زیر را به آدرس اضافه کنید:
| پارامتر | توضیحات |
|---|---|
| ?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در وبسایت خود قرار دهید