> 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/zh-hk/settings/chat-widget/zai-wordpress-shang-pei-zhi-wang-luo-liao-tian-cha-jian.md).

# 在 wordpress 上配置網絡聊天插件

如果你以 wordpress 架設網站，我們建議你安裝以下插件以添加代碼到網站上的 \</head> 前。

{% hint style="info" %}
在安装部份，你可以选定聊天插件的主题颜色，代表你品牌的头像图片，以及你想在聊天插件上显示的社交媒体帐号。你亦可以选定插件在网站上置左下或右下方。完成配置后点击生成小助手代码。复制代码后，如果你可以直接修改网站的html码，你可以在网域内每一页的 或 前贴上代码。&#x20;
{% endhint %}

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

首先，在 Plugins 頁面搜索並安裝 Header and Footer Scripts。

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

安裝後你可以在 Settings > Header and Footer Scripts 找到有關插件。

<figure><img src="/files/0uy9HW71yrTBRpODCU7w" alt=""><figcaption></figcaption></figure>

貼上代碼後，點擊 Save Settings 儲存。

如果你在 wordpress 上安裝了不同的插件，或有部份會與此段代碼不相容而修改了代碼導致無法使用。我們建議你插入代碼到 footer 位置，並把優先次序設為 99 以避免代碼遭到修改。

如果你使用 Elementor 來建立網頁，所有對 header 或 footer 的修改未必能即時反映在所有網頁上。這個情況你可以到Elementor > Tools > 點擊 Regenerate Files & Data。

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

最後你可以在網站上看到 chatalog 的網絡聊天了。