Chatbot Integrations - Tutorial for All Platforms

Before All - Build Your Chatbot

Chatbots can serve many purposes, you have to define what you want your chatbot to do and build it, according to the best practices.

With Ideta’s chatbot builder, you can make chatbots, voicebots and callbots in a few days and without any coding at all. Simply create your bubble’s content and link it to another one to make your conversation flow.

Once you have a world-ready chatbot, you can deploy it on several channels.

Get your integration script

Before all, you will need to get your chatbot script. You can find it in the “Publish” section.

1. Go to “Publish”
2. Publish your bot if it’s not already done
3. Open the “Share & Embed” section
4. Copy your script

Integration on Wordpress

Wordpress is one of the most used CMS on the planet, it is powering 40% of all websites on the internet. Its open source and it has a lot of plugin you can use to build your website or even, ecommerce store.

You can easily add a chatbot to your Wordpress website in several ways.

By adding custom code

By using Ideta’s plugin

Integration on Shopify

Shopify is one of the most renowned ecommerce platform. It enables you to set up a store in a matters of hours. Adding a chatbot to your Shopify website can boost your sales greatly. A chatbots can answer your prospect’s questions and enable your current customer to get informations on their order.

On all your website

To add a chatbot to all the pages of your website, follow the steps below :

1. Go to your Code Edit panel
2. Past your script in the head section of the “theme.liquid” file
3. Save and publish your website!

On a single page of your website

To add a chatbot on single specific page of your website, follow the steps below :

1. Add a “Custom HTML” element
2. Copy and past your script
3. Save and publish

Integration on Webflow

Webflow is a website builder that focus on designing and building beautiful website without coding. Its interface enables designer to make their idea live without hassle, it is powerful enough to give a truly personalized feel to your website.

Adding Ideta’s chatbot to your Webflow website is perfect because Ideta chatbot builder is also quite customizable. You can make your chatbot truly match your brand by modifying its pop-up design, but also its bubble’s colors, size and more

On all your website

To add the chatbot to all the pages of your website, follow the steps below:

1. Go to your “Custom Code” editor
2. Past your script in the Head section
3. Save the changes
4. Don’t forget to publish to all your domains!

On a single page

To add a chatbot on single specific page of your website, follow the steps below :

1. Add a “Embed” element
2. Copy and past your script
3. Save and close
4. Publish your website to all domains

Integration on SquareSpace

SquareSpace is a really easy to use website builder. It provide their users with tons of beautiful templates. By adding a chatbot to your SquareSpace website, you make sure that your visitor can contact you easily.

On all pages

To add the chatbot to all the pages of your website, follow the steps below:

1. Go to the “Settings” section
2. Go to the “Advanced” section
3. Click on “Code Injection”
4. Copy and past your script on the “Header”
5. Save and publish your website

On a single page

To add a chatbot on single specific page of your website, follow the steps below :

1. Go to “Pages”
2. Choose on which page you want to add your chatbot
3. Click on “Advanced”
4. Past your script
5. Save and publish your website

Integration On Wix

Wix is a user-friendly website building app that offer its users hundreds of template to quickly start their website.

Its developer mode enables you to further customize your website by adding additional code. With a chatbot on Wix, you will be able to talk with your website’s visitor and answer their questions automatically.

On all pages

Take to following steps to add a chatbot on Wix:

1. Click on “Add” > “Embed” > “Marketing Tool” > “Custom Code”
2. This will open a new window. Click on “Add Custom Code”
3. Choose to add you code to “All Pages” and in the “Body - start”
4. Save and publish your website

On a specific page

Follow the steps below to install your chatbot on a specific page:

1. Choose the page you want to integrate your chatbot
2. Click on “Add” and “Embed a widget”
3. Copy and past your script
4. Choose were to put you chatbot
5. Save and Publish

Integration on Prestashop

Prestashop is a open-source ecommerce platform with a data management system. It’s free and it enables retailer to create and manage their online store. It launched in 2007 for a french student project and it rapidly gained popularity thanks to it interface and customizability. Now Prestashop run about 270 000 stores around the globe and offer lots of module.

Follow the steps bellow to install Ideta’s chatbot to Prestashop :

1. Install a custom CSS and JS module of your choice
2. Past your chatbot’s script to the JS section
3. Enables JS code
4. Don’t forget to save and publish

Integration Everywhere with Google Tag Manager

A Tag Manager give you the ability to add and update your own tags, which are small snippets of code, on your website without the need to modify your website’s code.

By adding the chatbot via Google Tag Manager, your marketing teams can be independent from the developer team and change the script as they wish.

However, be careful because some ad-blockers tend to block scripts coming from a Tag Manager, so some of your visitors may not be able to see the chatbot.

Take to following steps to install it :

1. Create a new tag
2. Add a new tag from the communities template
3. Search for “Ideta” et click on it
4. Choose Ideta’s template and give the authorization
5. You have to enter your bot URL. Be careful to not copy and past the quotation

Other integrations?

Do you need to integrate your chatbot on another platform that’s not in this list? Just contact us or leave a post in out forum and we will see what we can do!