Add AI chat to Ghost

Installation steps

1. 1

   Prepare

   Copy the loader and site key from MivoChat Install for the Ghost publication hostname.

2. 2

   Configure

   Open Settings → Code injection and paste the whole script in Site footer, not inside a post's Markdown content.

   <script src="https://mivochat.app/widget.js" data-site="YOUR_SITE_KEY" async></script>

   Copy
3. 3

   Publish

   Save the setting and publish or refresh the public site, then allow the exact production origin in MivoChat.

4. 4

   Verify

   Check a public page and a post, then test a source-backed answer and a visitor-to-team reply.

Choose Site footer injection

Site footer injection keeps the chat loader available on the public theme without repeating it in every post. Keep the script together in that field so its URL and data-site value remain on one element.

Ghost menus can vary by version and hosting setup. If Code injection is not available under Settings, verify the current Ghost documentation and your role or hosting permissions instead of inserting JavaScript into article content.

<script src="https://mivochat.app/widget.js" data-site="YOUR_SITE_KEY" async></script>

Check the public theme

An admin preview may not match the public site. Open a logged-out page and inspect its source for widget.js; a theme that omits the standard footer can also omit injected code.

If the loader is present but the launcher is not, compare the live hostname with Allowed websites and check browser Console and Network for policy blocks. Verify a page containing pricing or help content before calling the install finished.

Ghost themes can be updated independently from the publication settings. After a theme change, reopen one public post and one landing page to ensure both still include the shared footer and that a cached copy has not hidden the updated code.

Before you change the setup

Who this is for

a Ghost publication owner who can edit site-wide code injection

What you need

Ghost settings access, the MivoChat site key, and a public publication hostname

Where it goes

Settings → Code injection → Site footer, where the theme publishes the shared footer

Watch out for

A custom theme that skips the normal footer may not render footer injection on its public pages

Test the support boundary

• Does the published post contain the footer loader?
• Can visitors ask about a public help page?
• Does a Telegram teammate reply reach the widget?

Related guidance

If you maintain a custom theme, the static site generator guide shows the shared-layout principle; the troubleshooting guide covers missing loaders.

Frequently asked questions