嵌入EasyRSVP邀请函

轻松将您的邀请函添加到您的网站或Canva设计中。

标准嵌入

使用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>

Note: INVITATION_SLUG 使用您自己的邀请函地址。您可以从控制台的"嵌入代码"复制现成的代码。

参数

您可以在URL中添加以下参数:

Parameter	Description
?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>

最佳实践

在Canva中使用时启用动态高度
使用width="100%"实现响应式设计
添加loading="lazy"以加快加载速度

从控制台快速使用

1在控制台中选择您的邀请函
2点击"分享链接"按钮
3从"嵌入代码"部分复制代码
4将其粘贴到您的网站或Canva设计中