We make customizing and downloading your embed easy and painless. You can find our embed customization tool on the ‘sharing’ tab of your multidrop’s details page.
🪄 The magic code
Embed your multidrop on your site with just two(ish) lines of code 🙀
<div id="multidrop" data-theme="light" data-username="test20" data-slug="f40TL"></div><script type="module" src="<https://laylo.com/embeds/multidrop.js>"></script>
💡 The script must be placed anywhere below the div element in your code. Please note this will only work if the id="multidrop" is present on the div element.
😉 The ‘must-haves’ embed properties
- id="multidrop"
- your embed will not work if you remove this or change this
- our script looks for this id and injects event listeners into the corresponding div element
- src="<https://laylo.com/embeds/multidrop.js>"
- data-username=test20
- your unique username (can be found in profile settings)
- data-slug=f40TL
- your slug is the 5 character identifier of your drop (can be found in drop details of your drop)
🍿 All the extras
Add these data attributes to customize your embed
- data-color=
- changes the fill of the background opaque container, and colors of RSVP buttons
- must be a 6 digit hex without the ‘#’
- ex: ?color=”2595e3”
- data-theme=
- =”light” or =“dark”
- changes the theme (light or dark) of your embed. It defaults to whatever theme your drop in the laylo app uses
- ex: ?theme=”light”
- data-minimal
- ="true"
- will remove the “Choose a tour date” and make the surrounding box transparent
Turn this:
Into this:
🫠 Troubleshooting
- Embedding in a Shopify page
- Make sure to switch the content view to “Show HTML” before pasting the embed code snippet
