Back

How to embed your chatbot on a Framer website

Adding your Ernie AI chatbot to a Framer website is straightforward and requires no coding experience. Follow the steps below to get your chatbot live on your site in minutes.

Before you start

  • Have your embed code ready.

  • Plan requirement: You must have a paid Framer Site Plan (Free plans do not support Custom Code or Publish with Code Injection).

  • Recommended: start with your homepage.

Option A: Site-wide (all pages)

  1. Log into Framer → open your project.

  2. Click the gear icon → Site Settings → General tab.

  3. Scroll to Custom Code.

  4. Paste your embed snippet under End of head tag.

  5. Click Save → Publish.

  6. Check chatbot on homepage + another page.

Option B: One page only

  1. Open Pages panel → select homepage.

  2. Click the gear icon → Custom Code.

  3. Paste embed under End of head tag.

  4. Save → Publish → test live page.

Troubleshooting

  • Chatbot missing → verify paid plan, publish, clear cache.

  • Only homepage → ensure you used project-level Custom Code.

Need help?

Email [email protected] with your Framer URL and plan name.