Required: It is free to build a single website on Carrd, but you must have Carrd Pro in order to follow this guide.

About Carrd and Dropchat

Carrd is a website builder that allows you to design and build beautiful one-page websites with zero coding knowledge required. It’s perfect for simple uses cases like landing pages and email capture forms, as well as more complex ones.

Below is a guide on how to use Dropchat and Carrd together to make an AI chatbot assistant for your site.

•  First, log into your Dropchat account.
• Click into any of the chatbots you have made previously. If you have not made a chatbot before, check out this guide. In this example, we will use a chatbot we already made from a PDF of the Bitcoin white paper.
• After clicking into your chatbot, navigate to the “Manage Chatbot” tab towards the top left.

• In the middle section, under “Share Chatbot”, click the blue “Embed” button.

   

A pop-up will appear with options on how to add a Dropchat to your site. In this example, we will be creating a chat bubble in the bottom right of your site, which is the most user-friendly option for most websites.

• Click the “Copy Code” icon on the top code snippet option.

• Now that you have this code snippet copied, we can go back to Carrd. In your Carrd site editor, select the “+” icon at the top right to embed the code (we made an example site for this guide).

• Select the “</> Embed” option.

This will add an invisible code block (not visible to your site visitors) where we can add the code snippet we copied earlier.

• Click on the code embed block. On the left-hand sidebar, paste the code snippet from earlier in the box labeled “Code”. Then select the “Done” button at the bottom of the sidebar.

• Click on the code embed block. On the left-hand sidebar, paste the code snippet from earlier in the box labeled “Code”. Then select the “Done” button at the bottom of the sidebar.

• You will need to save your Carrd site changes using the save icon at the top right in order to publish the site to the web. 

• Then use the sidebar on the left-hand side to fill out some basic side details including the title and subdomain.

• Finally, click “Publish” at the bottom of the sidebar. Then click “View Site” or visit your site’s URL manually.

• As you can see, your Dropchat bubble icon will be at the bottom right. Click it to begin chatting with your AI chat assistant. Below the following screenshot is a clip of the chatbot in action.