--- title: "Create an AI Chatbot for Intercom: Quickchat AI Integration" pubDate: 2024-04-04 description: "Check how to use Quickchat AI via Intercom's Messenger for more precise control over the AI and favorable pricing." author: name: "Bartek Kuban" image: "/blog-assets/authors/bartlomiej_kuban.webp" image: url: "/blog-assets/posts/forIntercom_bg.png" alt: "Background image for Create an AI Chatbot for Intercom: Quickchat AI Integration" tags: ["tutorials"] --- Picture this: Your customers bury you with messages. Emails, chat pings, social media shouts, and even the odd fax or two… All demanding immediate attention. Your inbox is a battlefield, your keyboard is the weapon of choice, and every new notification is a call to arms. Wouldn't it be nice to have an extra pair of hands to handle it all? Well, if you use Intercom, you can **leverage the Quickchat AI integration to** [**create a chatbot**](https://www.quickchat.ai/post/how-to-make-an-ai-chatbot-for-customer-support-in-15-minutes) that's capable of handling thousands of conversations at the same time. Quickchat AI is listed in the [Intercom App Store](https://www.intercom.com/app-store/apps/quickchat). In fact, if you're looking for robust Intercom chatbot customization options (both in terms of the widget design and the actual style of AI's responses), and you rather not pay 1$ for a resolved support case… Keep reading. Or keep watching, if that's what you prefer! ## How to integrate Intercom with Quickchat AI Let's start by creating a new _Teammate_ that's actually going to be your AI Assistant, ready to answer your customers' questions through Intercom's Messenger: ## 1\. Add a _Teammate_ AKA your new AI Agent Let's navigate right away to the _Settings_ and then to the _Teammates_ section to add a new _Teammate_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img1.png) Hint: It's best to create and use a dedicated email address that this new _Teammate_ can use. I did it before, so I'll just put it right here and click _Click and set permissions_ button. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img2.png) Now, I should enable the _Inbox_ seat and relevant permissions — I'll select all of them — and send an invite to this fancy new team member. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img3.png) I'll log out from the account that I'm currently logged in to Intercom. I can now accept the invite sent to the AI Agent's email address and log in with that account. ## 2\. Create a Workflow that assigns every new conversation to the AI Agent Ok, so I've successfully logged in with the AI Agent's dedicated email and I'm going to set up a simple automation that's necessary for the Intercom integration to work. Time to click the lightning bolt sign on the left sidebar (_Automation)_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img4.png) I'm going to _Create it from scratch..._ ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img5.png) _..._ and choose to activate it when a _Customer sends their first message_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img6.png) I won't modify the triggers here, so I'll just click _Save_ &_Close_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img7.png) Now, I'm on the _Workflow_ design page. Let's add the first and only step — _Assign_... ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img8.png) ...and assign it to the _Teammate_ that we've set up specifically for our AI Assistant. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img9.png) Done! Let's move on to the Quickchat AI interface. ## 3\. Set the AI Agent up (for success) For this Intercom chatbot example, I'm going to set up the AI Agent for Apple products reseller called MacShop. It's an AI Agent that's going to provide information about Apple products and offer promotional discounts. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img10.png) To keep a light tone of conversations and stick to the MacShop's laid-back tone of voice, I'll add an _AI Guideline_ to make it use emojis in its responses (in a refined manner, though, too much is too much!). ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img11.png) Now, I'll add information about Apple products to its _Knowledge Base_ to train the AI Agent, so it basically knows all the relevant information and uses it in conversations with website visitors later on. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img12.png) In the _Settings_ section, I can also make a few changes like changing the _AI Personality_ from the default _Classic_ to _Humorous_ to make the conversations more fun and engaging. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img13.png) The ultimate goal of these interactions is to boost sales on the website so I'll go for the _Shopping Assistant AI Profession_ to make the chatbot proactively offer personalized product recommendations and send users to product detail pages. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img14.png) Now, for the fun part… ## 4\. Integrate with Intercom in one click Let's switch to the _Integrations_ tab. I'm interested in the Intercom integration, so I'll just click that. In this window, I'll enable the Intercom integration with the toggle button and hit _Authenticate_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img15.png) Continue by _Authorizing the access_. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img16.png) And… It's alive! Let's check it in the _Integrations_ tab to make sure. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img17.png) And there I have it: _This AI Agent is successfully connected to your Intercom account._ It's time to deploy the Intercom's widget to my website and test whether Quickchat AI Agent responds properly. For this Intercom chatbot example, I'll do it in WordPress. ## 5\. Add the Intercom widget to your site Alright, now I'm in WordPress — I've already downloaded the Intercom plugin to streamline to process of integrating Intercom into my website. If you don't have it, just look for "Intercom" in the _Plugins_ section and add it to WordPress. I'll hover over the _Settings_ and go straight to the Intercom section. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img18.png) Next, there's only one big button that's pretty self-explanatory. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img19.png) Let's confirm that, authorize, and… That's it — Intercom has been installed! Time for a test ride. ## 6\. Test the Intercom - Quickchat AI integration Intercom's widget is now in the bottom right corner of my website, so let's send a message to test it out. Polite greeting first of course. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img20.png) Oh, I got the answer and the chatbot references Apple products right away, so I know it's our silicon friend. ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img21.png) Let's ask it a proper question then, like:_Which Mac would you recommend for a video editor?_ ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img22.png) Let's wait for a moment... ![__wf_reserved_inherit](../../assets/blog/posts/forIntercom/forIntercom_img23.png) Nice, so I got a personalized recommendation for a video editor — it highlights fast performance, graphics capabilities, and a high-quality display. Plus, it also uses emojis as I requested, as well as a generally casual tone, which I like. And that's it! Still wondering how long it takes to integrate Intercom? As you can see, the whole process is pretty fast and straightforward. ## Setting up the Intercom integration in 6 steps Let's shortly recap how to integrate with Intercom and create an advanced AI Assistant: 1. Add a _Teammate_ — your new AI Agent 2. Create a _Workflow_ that assigns every new conversation to the AI Agent 3. Set up a Quickchat AI account, customize the Assistant, and upload your Knowledge Base 4. Integrate with Intercom in one click via Quickchat AI 5. Place Intercom's widget on the website (you can skip that part if you already have it integrated) 6. Test the Intercom integration thoroughly Check out these articles, if you want to dive deeper and learn about more advanced Quickchat AI features like automated [Human Handoff](https://www.quickchat.ai/post/product-tutorial-human-handoff), [Custom Translations](https://www.quickchat.ai/post/product-update-custom-translations), [Creativity level](https://www.quickchat.ai/post/exploring-personalities-creativity), and many more. Or, why not start a [free trial ](https://app.quickchat.ai/)and discover Quickchat AI yourself?