{"id":120120,"date":"2022-01-03T11:05:57","date_gmt":"2022-01-03T11:05:57","guid":{"rendered":"https:\/\/xatkit.com\/?p=120120"},"modified":"2022-04-23T16:54:15","modified_gmt":"2022-04-23T16:54:15","slug":"add-a-chatbot-to-your-carrd-one-page-site","status":"publish","type":"post","link":"https:\/\/xatkit.com\/add-a-chatbot-to-your-carrd-one-page-site\/","title":{"rendered":"Add a chatbot to your Carrd one-page site"},"content":{"rendered":"

Carrd<\/a> is a freemium platform to build simple and\u00a0 fully responsive one-page sites for pretty much anything. One-page sites are an ideal solution to quickly have an online presence<\/strong> without having to invest all the time (and money) that a full site typically requires.<\/p>\n

But of course, one-page sites also have limitations. For instance, you cannot include in the site all the information you would like (well, you can, but you should not, or you’ll end up with a never-ending page…) nor structure it via complex menus.<\/p>\n

This is where chatbots come to the rescue<\/strong>. A chatbot is an ideal complement to one-page sites by providing a way to offer additional information and answer any question your visitors may have, while keeping the simplicity of your site design and structure (plus all the other benefits of chatbots<\/a>!).<\/p>\n

In this post, we show you how to add a Xatkit chatbot to your Carrd<\/strong> site.<\/p>\n

Creating the bot of your dreams<\/h2>\n

Xatkit is an open source solution<\/a>. Xatkit has been created to reduce boilerplate code, complex API understanding, and technical details to facilitate the definition and deployment of your bots. Xatkit helps you focus on what really matters:\u00a0the conversation logic you want to embed in your chatbot<\/strong>.<\/p>\n

Start here<\/a> to learn how to create your own bot. You can also browse some simple chatbot examples<\/a> or play with a more complex one showing Xatkit powering eCommerce sites<\/a>.<\/p>\n

Adding the bot your Carrd site<\/h2>\n

Once the bot is ready, you can now embed in your Carrd site a tiny piece of JavaScript and CSS required to render the bot widget on your site, as you can see in the featured image illustrating this post. To do so, you’ll need a Pro plan<\/a> as the free one doesn’t allow embedding custom HTML.<\/p>\n

We’ll add two\u00a0embed<\/code> elements of type code<\/code> as we describe next.<\/p>\n

Importing Xatkit’s CSS and JS files<\/h3>\n

The first one will import Xatkit’s js and css libraries. These files together with a description of all possible configuration options (e.g. to display the bot maximized or minimized, change the widget title,…) are available here<\/a>.
\n