Integration Steps

Blogger is Google's free blogging platform. Here's how to add your Cloudpresser AI chatbot:

Method: Using Blogger's Theme HTML

Follow these steps to add your chatbot to your Blogger site:

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 Blogger site:
- Log in to your Blogger account
- Select your blog
- Go to "Theme" in the sidebar
- Look for the dropdown arrow next to the orange "Customize" button (do not click on "Customize")
- Click on the arrow and select "Edit HTML" from the dropdown menu
- In the HTML editor that opens, find the closing </head> tag
- Paste your chatbot code just before the closing </head> tag
- Click "Save" to apply your changes

Important: Before editing your theme HTML, always back up your current theme. Go to "Theme" in the sidebar, click the dropdown arrow next to the "Customize" button, and select "Backup/Restore" to download a copy of your current theme. Even minor syntax errors can break your blog's appearance.

Alternative Method: Using Blogger's Layout Widget

If you're not comfortable editing HTML, you can use a widget:

Go to your Blogger dashboard:
- Select your blog
- Go to Layout
- Click "Add a Gadget" in the section where you want to add the chatbot (preferably in the header or footer section)
- Select "HTML/JavaScript"
- Give your widget a title (optional)
- Paste your chatbot code into the content area
- Click "Save"

Blogger Theme Considerations

Classic Themes

With classic Blogger themes, you can directly edit the HTML as described above.

New Themes

With newer Blogger themes, you might need to use the Layout widget method if direct HTML editing is limited.

Using External Editors

For easier code editing, you can copy your theme HTML to an external editor like Dreamweaver, make your changes there, and then paste it back. This makes it easier to search and navigate through the code.

Troubleshooting

Chatbot not appearing on the site

Ensure the code was added correctly. Try refreshing your browser cache or viewing in an incognito window.

Theme editor showing errors

If you get errors when saving your theme, make sure you've pasted the code correctly without accidentally modifying any existing HTML. Even minor syntax errors can break your blog. If problems persist, try the widget method instead.

Testing changes safely

For major changes, consider creating a test blog where you can upload your backed-up template and test modifications before applying them to your main blog.

Need Help?

If you're experiencing issues with the Blogger integration, please contact our support team at support@cloudpresser.com.

Blogger Integration Guide