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