# WordPress

After you have customized your live chat, you will now learn how to install the Userdesk Chatbot into your WordPress site to give you the ability to chat directly with website visitors in real time.

First, you will need to **log in to your WordPress settings** and then **add a plugin** to install the Userdesk Chatbot code into your site.

<div align="center" data-full-width="false"><img src="https://chative.io/en/docs/assets/images/add-plugins-to-wordpress-2e1f065d099289c7aa9e8b817072d6c8.png" alt="Add plugins to Wordpress"></div>

There are many plugins that you can use and here are some plugins that we think you could consider:

* [Code Snippets](https://wordpress.org/plugins/code-snippets/)
* [Custom CSS and JavaScript.](https://wordpress.org/plugins/custom-css-and-javascript/)
* [Insert Headers and Footers](https://wordpress.org/plugins/insert-headers-and-footers/)
* [Code Embed](https://wordpress.org/plugins/simple-embed-code/#description)
* [Scripts n Styles](https://wordpress.org/plugins/scripts-n-styles/)
* [Simple Custom CSS and JS](https://wordpress.org/plugins/custom-css-js/)

**Note:** The above plugins are our recommendations but you can always choose another one [here](https://wordpress.org/plugins/)

We will use the plugin [Simple Custom CSS and JS](https://wordpress.org/plugins/custom-css-js/) for this setup example. And after installing the plugin, please follow these steps:

**Step 1**: Go to **Plugins** section > Search Simple Custom CSS and JS > Click **Settings**.

![Install plugins to Wordpress](https://chative.io/en/docs/assets/images/install-plugins-to-wordpress-5cbacd24af79a88cec8458785ce4a477.png)

**Step 2**: Click **Add HTML Code** button.

**Step 3: Go back to Userdesk and copy the Chatbot embed code that you want to install by going to CHATBOTS >** Choose the Chatbot **> Embed.**[**​**](https://chative.io/en/docs/add-livechat-to-wordpress#step-3-go-back-to-chativeio-system-and-copy-the-live-chat-code-that-you-want-to-install-by-going-tochannels-choose-the-channel-installation)

**Step 4**: Copy the Chatbot embed code in the **Install the Chat widget on your website** section.

<figure><img src="https://3559248360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1Vse36vHZbUu8eaHapRv%2Fuploads%2FqwjSguGKpaNVZBtKuZEz%2FScreen%20Recording%202023-07-18%20at%2022.45.49.gif?alt=media&#x26;token=b547e2bd-4002-4681-981e-2bf8eac9d368" alt=""><figcaption></figcaption></figure>

**Step 5**: Go to WordPress plugins and click on **Settings** for **Simple Custom CSS and JS**.

<figure><img src="https://3559248360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1Vse36vHZbUu8eaHapRv%2Fuploads%2FbHoIxmy3sCV4BitcPpJU%2Fimage.png?alt=media&#x26;token=9bac4c1a-539f-4788-87ef-e0458ec4b2c3" alt=""><figcaption></figcaption></figure>

**Step 6**: paste the code copied in **Step 4**.

<figure><img src="https://3559248360-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1Vse36vHZbUu8eaHapRv%2Fuploads%2FUQHXyruoVo2coB9Y9kJH%2Fimage.png?alt=media&#x26;token=8a6d7b60-673e-4a41-b1c6-1b10a072de94" alt=""><figcaption></figcaption></figure>

**Step 7**: Save the process by clicking the **Publish** button on the right corner.

Now, the Chatbot widget will be available to your WordPress website visitors 🎉

If you have any issues, or you need to support another platform, feel free to [reach out to us](https://app.gitbook.com/u/toUU62j0CoYatLuYeSTaoFvrnAo1).