การฝังบัตรเชิญ 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. 1เลือกบัตรเชิญในแดชบอร์ดของคุณ
  2. 2คลิกปุ่ม "แชร์ลิงก์"
  3. 3คัดลอกโค้ดจากส่วน "โค้ดฝังตัว"
  4. 4วางลงในเว็บไซต์ของคุณ