It’s easy and quick to install your chatbot on your WordPress site.

If you install Joonbot in the widget format

1. Log in to your WordPress website, go to the 'Plugins' section and click on the 'Add New' subsection.

2. Search for and install the 'Joonbot' plugin.

3. Go to the 'Installed Plugins' subsection, find the 'Joonbot' plugin and click on the 'Activate link'.

4. Go to the 'Settings' section and choose 'Joonbot'.

5. Copy the JavaScript Widget code snippet available in the 'Configure/Share' section of your Joonbot account.

6. You’re done! Congratulations 🎉🎉🎉!

How to choose on which pages you want your chatbot to appear

You can choose on which pages you want your chatbot to appear with the Joonbot dashboard.

1. Go to the 'Configure/Audience' section and click on the 'Redefine audience' button.

2. Write your rules like in the example below.

3. That's it!

If you want to install Joonbot in the embed format

If you don't use any drag and drop builder plugin

1. Log in to your WordPress website, go to the 'Plugins' section and click on the 'Add New' subsection.

2. Search for and install the 'Joonbot' plugin.

3. Go to the 'Installed Plugins' subsection, find the 'Joonbot' plugin and click on the 'Activate link'.

4. Go to the 'Settings' section and choose 'Joonbot'.

5. Copy the JavaScript Embed code snippet available in the 'Configure/Share' section of your Joonbot account except the last line starting by <div> and ending by </div>.

6. Add a custom HTML element where you want to embed your chatbot.

7. Add the last line starting by <div> and ending by </div> here.

8. You’re done! Congratulations 🎉🎉🎉!

If you are using Elementor,

1. In your webpage, under Elements -> General -> HTML

2. Add the HTML block to wherever you want to integrate the Joonbot into your webpage

(Here, the HTML block is the gray block).

3. Now it is time to fetch your Joonbot embed code. In your Joonbot dashboard, go to Configure -> Share

4. Copy the code from the Embed option.

5. Paste the entire code in the HTML code block and save the webpage.

6. Your Joonbot is ready to chat! Yayy🎉🎉🎉!

If you are using Divi from Elegant themes,

1. Make sure you are in the visual builder section by clicking on the Use Visual Builder button. 

2. Click on the grey + button and add a new </>code module to your webpage.

3. Now it is time to fetch your Joonbot embed code. In your Joonbot dashboard, go to Configure -> Share

4. Copy the code from the Embed option.

5. Paste the copied embed code into the <content> section of the Code block.

6. Click on the green checkmark to finish.

And just like that, you've added your Joonbot onto your website with Divi. Yayy🎉🎉🎉!

Things to remember!

1. You need to be sure that you have only one Joonbot loading per page. If you have installed the Joonbot plugin and embedded Joonbot on a particular page, it technically means there are two Joonbot loading on the same page. So, make sure you are placing them optimally and one Joonbot per page.

2. Keep in mind that if you’re using a caching plugin in WordPress, it may take a few hours for the Joonbot widget to show up on your site. If it isn’t showing up, try clearing your cache, and that should get it live. Let us know if we can help out!