EasyRSVP-Einladungen Einbetten
Fügen Sie Ihre Einladungen einfach zu Ihrer Website oder Ihrem Canva-Design hinzu.
Standard Embed
Add your invitation to any web page with an iframe. Provides automatic resizing with dynamic height support.
Embed Code
<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>Note: INVITATION_SLUG with your own invitation address. You can copy the ready-made code with "Embed Code" from the Dashboard.
Parameters
You can add the following parameters to the URL:
| Parameter | Description |
|---|---|
| ?dynamicHeight=1 | Enables dynamic height. The iframe automatically resizes based on content. |
Usage Example
Usage with dynamic height:
<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>Best Practices
- Enable dynamic height when using in Canva
- Use width="100%" for responsive design
- Add loading="lazy" for faster loading
Quick Usage from Dashboard
- 1Select your invitation in your Dashboard
- 2Click the "Share Link" button
- 3Copy the code from the "Embed Code" section
- 4Paste it into your website or Canva design