---
title: Chatbot
slug: docs/chatbot
docTags: 
createdAt: 2024-11-28T08:47:19.623Z
---

It is possible to use pre-built or your own bots directly on external pages.

**Adding Chatbot for External websites:**

**Pre-requisites:**

1. Make sure external website is set up and ready to showcase AEP capabilities as per the doc : [Demonstrating AEP on external websites](https://docs.adobedemo.com/profile-viewer/overview)
2. If you will go through the configuration wizard for external pages following rules and data elements will  be created:

          **Retail **

**            Data Elements:**

          Bot - Proposed Product Image

          Bot - Proposed Product Url

          Bot - Proposed Product Name

          Bot - Stackchat Event SchemaId

          Bot - Stackchat Profile SchemaId

**           Automotive:**

         Below data elements should be configured with correct value:

         Bot - Proposed Car Image

         Bot - Proposed Car Url

         Bot - Proposed Car Name

        These are needed in the automotive bot flow branch - "I want to buy a new car" to show        correct car to the end user in the chatbot.

        **FSI**
**          **Below data elements should be configured with correct value:

        Bot - Card Name

        Bot - FSI JO Event ID

**          Rules: **

**          **Initialize Chatbot

        This rule will be disabled by default. Enable the rule and publish the changes to show the bot    on the page.

         

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MMLrO7TweNFMn8PgeVh%252Fuploads%252FbFpwgktKelj0icGrbpDp%252FScreenshot%25202022-12-13%2520at%252012.39.54%2520PM.png%3Falt%3Dmedia%26token%3Dee3b3552-080e-457f-829a-a37214bb565f\&width=768\&dpr=4\&quality=100\&sign=cb8945db\&sv=1)

**Instructions:**

- Go to the launch property for external website. Click on Data Elements on the left and search for Bot - ID. Value should be as below for different verticals.

          Retail : **ukxfhtgo41ty69**

          FSI: **cvyuzkbwew3oij**

          Automotive: **j72e2843ml1qek**

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8OOZT7FwgC2XjWJ3y%252F-Mc8OpHbec4sr1dm8nm4%252Fimage.png%3Falt%3Dmedia%26token%3D2b624d15-d569-4da8-ad01-9c3064f29b00\&width=768\&dpr=4\&quality=100\&sign=ff9cae2c\&sv=1)

-

**         Note**: Modify only if not using a schema not created by  configuration wizard.

- We can also customise Bot Icon, Bot Name , other parameters. For this - Go to Rules. Click on **Initialize Chatbot **rule**. **Click on "**Initiate Chatbot**" action.
- Scroll to the bottom in the rule. We can see bot customisation parameters. It can be modified to match your client. Make sure to publish the changes.

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8OOZT7FwgC2XjWJ3y%252F-Mc8PM61UJqBKItMEGw1%252Fimage.png%3Falt%3Dmedia%26token%3D42a76f64-a821-44d6-b91c-b8871e50edc7\&width=768\&dpr=4\&quality=100\&sign=541ae939\&sv=1)



![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8OOZT7FwgC2XjWJ3y%252F-Mc8P_e_zQnVotZ2ZLP3%252Fimage.png%3Falt%3Dmedia%26token%3D8602e815-474c-4a43-968d-547d3e6f8ef2\&width=768\&dpr=4\&quality=100\&sign=ef8500bd\&sv=1)



![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8OOZT7FwgC2XjWJ3y%252F-Mc8Pfwx-mQExZHXpfad%252Fimage.png%3Falt%3Dmedia%26token%3Dc63fa006-a1a0-406a-8796-7cc004670be7\&width=768\&dpr=4\&quality=100\&sign=d4c22ec9\&sv=1)



- You can see the chatbot icon on the bottom right section of the page. Click on the chatbot icon to start the conversation.



![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MMLrO7TweNFMn8PgeVh%252Fuploads%252FFa26mE8aFqxiTrECQkr8%252Fimage.png%3Falt%3Dmedia%26token%3D64c73d41-8e43-4d1e-9a16-3343c2056745\&width=768\&dpr=4\&quality=100\&sign=fdf53ffc\&sv=1)

- Continue with the chat. All inputs from user are ingested in AEP.  



![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MMLrO7TweNFMn8PgeVh%252Fuploads%252FOVHhYn3XArvSlj3o9PKI%252Fimage.png%3Falt%3Dmedia%26token%3Db2c14b02-4d22-4f69-996c-5821ea836b74\&width=300\&dpr=4\&quality=100\&sign=12e8e544\&sv=1)

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8f8Tt8gbuftbvWPlo%252F-Mc8fqgp0JJ_lweN9RWT%252Fimage.png%3Falt%3Dmedia%26token%3Df985a875-a929-461e-be83-cbe6a8da632e\&width=768\&dpr=4\&quality=100\&sign=9fa6406\&sv=1)

- All bot interactions can be seen in profile viewer on the website.

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-Mc8f8Tt8gbuftbvWPlo%252F-Mc8fyZ7ShuX6I9bjHoZ%252Fimage.png%3Falt%3Dmedia%26token%3De14a6aa7-2f4e-4d8c-90b6-41544cbc05d5\&width=768\&dpr=4\&quality=100\&sign=87296677\&sv=1)

Please follow these for vertical specific details: 

[Retail Bot Flow](docId\:NzHSnGNGmpNazA5Phq20L) 

[FSI Bot Flow](docId\:XmYhQ3M-ma1X1T5AASymc) 

[Healthcare Bot Flow](docId\:hFKDJcJ-Bs3sq00Ri3NdM)