Carrd Integration Guide
Learn how to add your Cloudpresser AI chatbot to your Carrd website.
Integration Steps
Carrd is a simple, one-page website builder. Here's how to add your Cloudpresser AI chatbot:
Method: Using Embed Element
Follow these steps to add your chatbot to your Carrd 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 Carrd site:
- Log in to your Carrd dashboard
- Open the site you want to edit
- Click the "+" button to add a new element
- Select "Embed" from the elements menu
- Click on the new embed element to edit it
- Select "HTML" as the embed type
- Paste your chatbot code into the HTML field
- Click "Save"
- Publish your site to apply the changes
Important: Carrd requires a Pro plan (Standard or Plus) to use the Embed element with custom code. The free plan does not support this feature.
Positioning Considerations
When adding the embed element to your Carrd site:
- Element placement doesn't matter:
Since the chatbot appears as a floating button, it doesn't matter where you place the embed element on your page. It will display in the position specified in your chatbot settings (e.g., bottom right).
- Make the element small:
You can resize the embed element to be very small or even hidden, as it doesn't need to take up space on your page.
Carrd Plan Requirements
Free Plan
The free plan does not support custom HTML embeds, so you cannot add a chatbot to a free Carrd site.
Pro Standard Plan
The Pro Standard plan ($9/year) allows you to use the Embed element with custom HTML, which is sufficient for adding your chatbot.
Pro Plus and Max Plans
These plans also support the Embed element and offer additional features for your Carrd site.
Troubleshooting
Chatbot not appearing on the site
Ensure you've published your site after adding the embed element. Try refreshing your browser cache or viewing in an incognito window.
JavaScript being blocked
Carrd might have security measures that block certain scripts. If the chatbot doesn't appear, try contacting Carrd support for assistance.
Embed element not available
If you don't see the Embed element in the elements menu, check your Carrd plan. You need at least the Pro Standard plan to use this feature.
Need Help?
If you're experiencing issues with the Carrd integration, please contact our support team at [email protected].