Skip to main content

👨‍💻 Embed on your website

Embed your Laylo profile, a Drop or a Multidrop signup on your own site.

Written by Chris

💡 Note that you must include compliant legal language. For transactional messages, you must include a transactional opt-in unit.

How to embed your profile signup

  1. Go to your Profile.

  2. Click on the Share tab.

  3. Copy the code.

  4. Paste it onto your site builder.

[SCREENSHOT 1 — Profile → Share tab with the embed code]

How to embed your Drop signup

  1. Go to your Drop Settings.

  2. Click on the Sharing tab.

  3. Copy the code.

  4. Paste it onto your site builder.

How to embed your Multidrop

  1. Go to your Multidrop Settings.

  2. Click on the Sharing tab.

  3. Add custom CSS if desired. With the help of Clutch AI, you can easily customize your CSS — for example, you can ask it to "change all text to red," and it will generate the corresponding CSS code.

  4. Copy the code.

  5. Paste it onto your site builder.

[SCREENSHOT 2 — Multidrop Sharing tab with the custom CSS field / Clutch AI]

Turning it into a pop-up

You also have the option to turn the Multidrop embed into a pop-up. By default the pop-up appears after 5 seconds — you can adjust this with secondsToWait.

<script src="https://embed.laylo.com/laylo-sdk.js"></script>
<script>
    laylo.openPopup({
       id: 'aaaaa',
       minimal: false,
       customCTA: '',
       color: '959490',
       theme: 'dark',
       background: '',
       fullWidth: false,
       secondsToWait: 5
      });
</script>

[SCREENSHOT 3 — Multidrop pop-up option in the Sharing tab]

Advanced — iframe parameters

You can also use a Laylo iframe anywhere you can paste HTML. Your link is https://laylo.com/[username]/profile/embed (or any Drop link), and it accepts these parameters:

  • ?theme=light — light theme (also supports theme=dark)

  • ?minimal=true — removes all text

  • ?background=transparent — clear background

  • ?customTitle=[title] — changes the CTA

  • ?customColor=000000 — custom color

If you use minimal=true, you must add this text yourself: "By submitting my information, I agree to receive recurring automated messages to the contact information provided and to Laylo's Terms of Service, Cookie Policy and Privacy Policy."

<iframe src="https://laylo.com/[username]/profile/embed?theme=dark"
width="100%" height="580" frameborder="0" scrolling="no" allowtransparency="true">
</iframe>

Example

Did this answer your question?