Carrd chatbot embed
Use a Carrd Embed element in hidden body end mode to load the widget on a published page.
Carrd
Before you start
Best for
Simple landing pages, creator pages, waitlists, link pages, product teasers, and small service websites.
Install location
Use Add Element, Embed, Type Code, Hidden style, and Body End location.
Install
Install steps
- 1Copy the widget snippetOpen the chatbot Embed page and copy the complete script.
- 2Add an Embed elementIn Carrd, add an Embed element and set the embed type to Code.
- 3Use hidden body endSet the style to Hidden, choose Body End, and paste the full widget snippet.
- 4Publish and testPublish the Carrd site, open the live URL, and confirm the launcher appears.
Access
Domains
Add the custom Carrd domain.
Add the carrd.co URL if the public site uses it.
Allow only the published URL hostnames that visitors can open.
Verify
Verify
Carrd custom code embeds require a plan that supports Embed elements.
Hidden Body End avoids creating visible layout space for the script.
The widget will not fully render inside the Carrd builder. Test the published page.
Troubleshoot
Carrd troubleshooting
If the launcher does not appear, confirm the chatbot is published, the plan and credits are active, and the exact live hostname is allowed.
If the widget loads in preview but not production, check whether the builder preview URL and the live custom domain are different hostnames.
If the page has a content security policy, allow the OrhanAI app URL and widget requests before retesting.
If the launcher appears twice, remove duplicate snippets from theme files, site settings, and tag managers.
If mobile layout feels crowded, adjust widget position and test the most important conversion pages first.
If these checks pass and the widget still does not load, compare the installed snippet with the current Embed page and review widget setup.