> For the complete documentation index, see [llms.txt](https://docs.chatalog.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatalog.ai/settings/web-chat/setting-up-web-chat-on-wordpress.md).

# Setting up Web Chat on wordpress

If you set up your website with wordpress, we suggest you to embed code before the enclosing \</head> with the following plugin.

{% hint style="info" %}
Before installing the plugin, to protect your website data, please create a backup to prevent plugin incompatibilities. The following configuration is the suggested handling, you may achieve the same with alternatives. If any technical issues occur derived from the plugin itself, we hold no responsibility.
{% endhint %}

<figure><img src="/files/1ThBPHB1cCaCaGWyirJ5" alt=""><figcaption></figcaption></figure>

Firstly, go to "Plugins" page and search "Header and Footer Scripts".

<figure><img src="/files/o5BiETNLHa77v7sVqcF7" alt=""><figcaption></figcaption></figure>

After installation, you can find the plugin in Settings > Header and Footer Scripts.

<figure><img src="/files/PVWp1G83pZeQ0KhZyFNk" alt=""><figcaption></figcaption></figure>

After pasting the code into the field, click Save Settings to apply.&#x20;

{% hint style="info" %}
When there are many plugins installed in your wordpress, there might be incompatibility that interferes with your inserted code. We hence suggest you to insert the code into footer and set the priority to 99 to prevent unexpected change of the inserted code.
{% endhint %}

If you use Elementor as page builder, the change applied to header or footer may not immediately be reflected across all your web pages. In this case, you can go to Elementor > Tools > Regenerate Files & Data.

<figure><img src="/files/CXxT6sdfG5GpUjvJKf9j" alt=""><figcaption></figcaption></figure>

Then you can view the web chat plugin shown on your website.

<figure><img src="/files/2HXhGBfeURKFBYWVJyyq" alt=""><figcaption></figcaption></figure>
