Incorporar Convites EasyRSVP
Adicione facilmente seus convites ao seu site ou design do Canva.
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