Embedding Lalso Events
Easily add your events to your website.
Standard Embed
Add your event to any web page with an iframe. Provides automatic resizing with dynamic height support.
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 with your own event 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-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 for responsive embedding
- Use width="100%" for responsive design
- Add loading="lazy" for faster loading
Quick Usage from Dashboard
- 1Select your event in your Dashboard
- 2Click the "Share Link" button
- 3Copy the code from the "Embed Code" section
- 4Paste it into your website