Nhúng sự kiện Lalso
Dễ dàng thêm sự kiện của bạn vào trang web.
Standard Embed
Thêm sự kiện của bạn vào bất kỳ trang web nào bằng iframe. Hỗ trợ tự động thay đổi kích thước với chiều cao động.
Embed Code
<iframe data-lalso-src="https://lal.so/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://lal.so/widgets/embed.js",v=function(){"undefined"!=typeof Lalso?Lalso.loadEmbeds():d.querySelectorAll("iframe[data-lalso-src]:not([src])").forEach((function(e){e.src=e.dataset.lalsoSrc}))};if("undefined"!=typeof Lalso)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 với địa chỉ sự kiện của riêng bạn. Bạn có thể sao chép mã có sẵn bằng "Embed Code" từ 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-lalso-src="https://lal.so/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://lal.so/widgets/embed.js",v=function(){"undefined"!=typeof Lalso?Lalso.loadEmbeds():d.querySelectorAll("iframe[data-lalso-src]:not([src])").forEach((function(e){e.src=e.dataset.lalsoSrc}))};if("undefined"!=typeof Lalso)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
- 1Chọn sự kiện của bạn trong Dashboard
- 2Click the "Share Link" button
- 3Copy the code from the "Embed Code" section
- 4Paste it into your website or Canva design