Embed Lindy On Your Website

In minutes, embed Lindy onto your website as a popup or an iFrame.

Customize Your Chatbot For Your Website

Select the Lindy Embed trigger in the flow editor. Click Configure Embed Settings.

You'll see several options to customize your chatbot:

Domain Name: Restrict where your Lindy can be embedded. Leave it empty to use on any domain, or enter a specific domain like "yourcompany.com".

Display Name: Set the name of your bot as it will appear to users. For example, "Technical Interview Assistant" or "Customer Survey Bot".

Accent Color: Choose a color that matches your brand for the top of the chatbot window.

Popup or iFrame: Decide between a floating popup chatbot or a fixed iFrame embedded directly in your page.

Logo: Upload your company or project logo to appear in the top left of the expanded chatbot.

Icon: Select an icon for your chatbot's collapsed bubble.

Greeting Message: The introductory message the user sees when they start a chat.

Conversation Starters: Customize messages next to your bot to prompt engagement.

Callout message: Create a prompt to encourage users to interact with your chatbot.

Access The Popup Code Snippet

Select the Lindy Embed trigger in the flow editor. Click Configure Embed Settings.

Ensure you have the popup tab selected and copy the Code Snippet to your clipboard

Paste the code snippet into your website's header.

We offer instructions on how to do so for the most popular platforms:

Webflow

Access your Site Settings.
Navigate to “Custom Code”.
Paste the Code Snippet at the bottom of your “Head Code” section.
Publish your changes!

Wix

Choose the site you want to embed Lindy on and click Settings.
Scroll down until you see Custom Code.
You will see an option in the top right corner to Add Custom Code.
Click this and paste your Lindy Code Snippet here.
Click Apply.

Squarespace

Access your Site Settings then click Advanced.
Select Code Injection.
Paste your Lindy Code Snippet into the Header section.
Remember to Save and Publish your changes.

WordPress

Install and activate the free Insert Headers and Footers plugin by WPCode.
In your WordPress dashboard, navigate to Code Snippets → Header & Footer.
Paste the Lindy Code Snippet into the Header box.
Click Save Changes.

Embedding Lindy as an iFrame

You can also embed Lindy as an iFrame.

On the Configure Embed Settings modal, select the iFrame tab and copy the code snippet to your clipboard. You can then paste this code anywhere your website builder accepts iFrames.

When embedding Lindy as an iFrame, it is important to set the height on the element containing the Embed iFrame.

You can also change the height property of the iFrame itself to a specific pixel value (e.g., 100px, 500px) instead of using "100%".

Last updated

ago

Guides

Lindy Medical Scribe FAQ

AI Interviewer

Meeting Notes: 101

Automated Post-Meeting Scheduling

Lindy Model Guide (As of 5/30/25)

Customer Case Study Drafter

No items found.