How to Create a Chatbot for Squarespace Website
Tags: chatbot, squarespace, javascript, webdev
Published: 2023-03-27 07:27:08

<!-- wp:heading -->
<h2>What is Squarespace?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Squarespace lets you build awesome websites, but you already knew that. What you probably didn't know was that Squarespace can be used to build sleek looking eCommerce websites, portfolio websites, and all in all, your own personal brand online. Squarespace is a powerful alternative to Wix, and, if you are considering between the two to build your website, the path ahead is long for you.<br><br>The article that follows will walk you through the process of creating and adding a chatbot to your Squarespace site using <a href="https://www.kommunicate.io/">Kommunicate</a>.  </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>AI-powered chatbots, such as <a href="https://www.kommunicate.io/product/kompose-bot-builder">Kompose</a>, have built-in learn and grow algorithms that learn with each conversation. Install the Kompose chatbot on your Squarespace website to attract new customers.</p>
<!-- /wp:paragraph -->


<!-- wp:heading -->
<h2>How to add Chatbot to the Squarespace website?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Installing a chatbot on your Squarespace site is simple, especially when using a tool like Kommunicate. Follow this step and add a chatbot on your Squarespace website in a simple step-by-step process.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Stage 1: Create Chatbot using Kommunicate&nbsp;</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Login to your Kommunicate dashboard. If you do not already have a kommunicate account, you can create one <a href="https://dashboard.kommunicate.io/signup?product=kommunicate">here</a>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Move to the Kompose bot builder category from the ‘Bot Integration’ section and select the bot that needs to be added to the Squarespace site or create a new bot by selecting the ‘Create Bot’ button.<br></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><img src="https://lh4.googleusercontent.com/7TxVBFn_XUcP4TMs5sVRvu7gxzYZ_FRvWHAqgyF9-2ZAOAIwCVGrb9PREEAE_XRqHW7n-87fQHuBr8k60tBP6lDbx0xDqL4xSsjNVXgL00Qi1n1OIwhOPYiVt5X07JVLWjuMMOix" width="624" height="312"><br><br>Kompose lets you choose to automatically hand over the conversations to a human being and then you can start designing the conversations for your bot. Set the bot to send a welcome message after a specific trigger, and then type the message you want to display.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><br>If you haven’t already created a chatbot you can start by reading our article on “How to Create a Chatbot.”</p>
<!-- /wp:paragraph -->

<!-- wp:image -->
<figure class="wp-block-image"><img src="https://lh3.googleusercontent.com/Q00n7GUFxEj4bySLhYqPH_QpcuDN5UxoozbBCpVyHQE0IbDAYfVhtiu8WjN8RHMEZrRVgPkEQC342LoEILox8ztsO1AC2JeUoPjqYiRTtq_VVjxBuHoVwsQsQG_6SDJ9zbloH3pL" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3>Stage 2: Install Chatbot to Squarespace website</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Log in to your Squarespace account and select the ‘Go to Websites' option to which you want to add the chatbot. Or ‘Create Website’ if trying to build a new website</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center"} -->
<div class="wp-block-image"><figure class="aligncenter"><img src="https://lh5.googleusercontent.com/I-3WEbd-k-HlQ-nGHxCs0vIPT590iRg8CLNYryd9CcakMPgzGb0kXI4xif-K1QRxDRYrZZTTIzzK3bxwh1sDhJOxrTbE6MpeRIMtGXRX__8d5KeCfoscs42yBdzrTawoeo9QY71B" alt=""/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Select the ‘Settings’ option from the left panel and click on ‘Advanced Settings’ from the given categories then select the 'Code Injection'</p>
<!-- /wp:paragraph -->

<!-- wp:image -->
<figure class="wp-block-image"><img src="https://lh3.googleusercontent.com/dvsQT4DLWYSknbW4TKa8oHJOQ-FsyK_DEnDuFO5PFg-QLoUUNvjDSyO6XT7Osm0LSeZKQT3tkPkmyVBBhHp9C_Op4F-8XrXQ3WpgNtkAKyLEVljxY10mU8p0nIx57qhMEZ4GeNCe" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p><br>Copy the code javascript Snippet from the install tab of Kommunicate dashboard. Go to the <a href="https://dashboard.kommunicate.io/settings/install">Install</a> section to get the js snippet code.</p>
<!-- /wp:paragraph -->

<!-- wp:image -->
<figure class="wp-block-image"><img src="https://lh6.googleusercontent.com/rgIG_XedDN6yGs7bw5CQZrfhEThAtbFIKUMxrlz5_rw5w2lBxy1X_yO2wKym_lEODzYs-3f2uwP2luSUC45wHhxyRZEllK7slQF0YOYK4JFRXwMWrlDlsqaYygyDJLsgWTudaTOl" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Copy and paste the snippet into the footer section's code box. This code will be injected into your site's template-defined footer on every page.​</p>
<!-- /wp:paragraph -->

<!-- wp:image -->
<figure class="wp-block-image"><img src="https://lh5.googleusercontent.com/rc--R0T7kbLOI65PpMAiBQxHmRVn1rAPsgapkhKp-2mJZ_XGzl6y0WQxvo9RV9FEUIebuSDWdHAt4NUJKhWqFxqO0BwnEOKZ-oqmS5bWpKkeIdV0QE0JuA0CZP8mysneL43z6qSO" alt=""/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Your Kompose Chatbot will now appear on your Squarespace website after you save your changes. Any future changes you make to its design will automatically update the bot on the site.</p>
<!-- /wp:paragraph -->

<!-- wp:image -->
<figure class="wp-block-image"><img src="https://lh6.googleusercontent.com/0je8wf2YI7__VzuttLjXOZZe7_rI9udOf3xQVrdw_ar0XnIfGCwI7f8QVW1V-uwduiQfxAZ5WVUdWcgUlmzb2HL7orzBMr5l8PTw-F2NmvNPkcGtmMZg5w5PH0ym90W-7FD0-inD" alt=""/></figure>
<!-- /wp:image -->

Chatbots are great for providing quick responses to potential customers. They can be developed into more powerful marketing tools once all of their features suit your needs and chatbots are still a relatively unexplored field, so why not start building your own chatbot and expanding your organization?