Ghost Integration Guide
Learn how to add your Cloudpresser AI chatbot to your Ghost blog or website.
Integration Steps
Ghost is a modern publishing platform for creating blogs and websites. Here's how to add your Cloudpresser AI chatbot:
Method 1: Using Code Injection
The easiest way to add your chatbot to Ghost is by using the built-in Code Injection feature:
- Get your chatbot code:
- Go to your Cloudpresser AI Chat dashboard
- Select the chatbot you want to integrate
- Click on the "View Code" or "Integration" button
- Copy the provided code snippet
- Add the code to your Ghost site:
- Log in to your Ghost Admin panel
- Go to Settings → Code injection
- Paste your chatbot code into the "Site Header" field
- Click "Save"
Tip: The code added to the Site Header will be applied to all pages of your Ghost site. This is the recommended approach for most users.
Method 2: Page-Specific Integration
If you only want the chatbot on specific pages:
- Edit a specific page or post:
- Open the page or post in the Ghost editor
- Click the settings icon (gear) in the top right
- Scroll down to "Code injection"
- Paste your chatbot code into the "Post Header" field
- Click "Save"
Method 3: Theme Customization
For more advanced users who want to customize their Ghost theme:
- Edit your theme files:
- Access your Ghost theme files
- Open the "default.hbs" file (or the main layout file for your theme)
- Add your chatbot code just before the closing </head> tag
- Save the file and restart Ghost
Note: If you edit theme files directly, your changes might be lost when you update your theme. Consider creating a custom theme or using a child theme if you need to make extensive customizations.
Ghost Version Differences
Ghost 3.x and 4.x
The Code Injection feature is available in Ghost 3.x and 4.x in the Settings menu.
Ghost 5.x+
In Ghost 5.x and newer, the interface has been updated, but the Code Injection feature is still available in the Settings menu.
Troubleshooting
Chatbot not appearing on the site
Ensure the code was added correctly and saved. Try refreshing your browser cache or viewing in an incognito window.
Conflicts with theme or other scripts
Some Ghost themes might have JavaScript that conflicts with the chatbot. Try temporarily switching to a default theme to test.
Need Help?
If you're experiencing issues with the Ghost integration, please contact our support team at [email protected].