Adding your Intuitum Chatbot to your Website

How to Embed Intuitum Chatbot on Your Website Using HTML/CSS/JS for Streamlined Knowledge Sharing

Elevate your website's user experience by embedding Intuitum's advanced chatbot. Harnessing the dual power of instant knowledge retrieval and secure local deployment, Intuitum stands out as a top choice for businesses championing data privacy. Dive into our detailed HTML/CSS/JS integration guide to effortlessly add the Intuitum chatbot to your website interface.

1. Log In: Begin by logging in to your account on the Intuitum platform. You can do this by heading over to https://www.app.intuitum.ai.

   

   Sign in with your email and password or click Sign up to create a new account

2. Select Deployments: Once you're on the home page, find and click on "Deployments."

   

3. Choose Website Integration: From the deployment options available, select "Website Integration."

   

4. Customize Your Chatbot: This is the step where you get to make the chatbot yours. Style it, define its behavior, and configure it to your specific needs. Remember, if you wish to remove the Intuitum branding and add your own, you need to subscribe to our Pro Plan.

   

   Choose your customization options. Change the colors and images to make the chatbot your own.

5. Get Your Script Tag: After you've customized your chatbot, the platform will generate a script tag for you. This tag is essentially a piece of code that connects your website to your new Intuitum chatbot. You can simply press the "Add to Clipboard" button to copy the text so you can paste it on your website in a second.

   

   Your script tag is now ready to be added to your web page and can be copied by clicking "Copy to Clipboard"

Now that you have your script tag, here's how to insert it into your website:

1. Access Your Website's HTML: Navigate to the HTML file for the page where you want to add the chatbot. This is typically the 'index.html' file or similar.

2. Paste the Script Tag: Find the appropriate place within your HTML file, usually before the closing </body> tag. Paste your script tag there.

   

   Replace the "PLACEHOLDER_FOR_YOUR_INTUITUM_CHATBOT_SCRIPT" with the code we copied earlier
3. Save and Upload Your HTML: After pasting the script tag, save your HTML file. If you're working on a local file, upload the updated file to your website's server.

4. Test Your Integration: Visit your website and check to see if the chatbot appears and functions as intended. If not, review the steps above and make sure you've correctly pasted the script tag in the right place. The chabot should appear on the bottom left hand corner as a small circular overlay that expands to the large chat interface when clicked.

The opened Intuitum web-chat interface after the chat bubble has been opened.

The closed Intuitum web-chat interface as it would appear when the page loads.