# 在 wordpress 上配置网络聊天插件

如果您使用wordpress设置网站，我们建议您使用以下插件在封闭的\</head>之前嵌入代码。

{% hint style="info" %}
在安装插件前，为保障你的网站数据，请先为网站进行备份，以避免插件之间不相容对网站稳定造成影响。以下配置为建议方法，你亦可以选择以其他形式达致相同配置效果，如因插件本身衍生技术问题，本公司恕不负责。
{% endhint %}

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FGI8qYxORopO4QethJq0Z%2F%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%202022-11-29%20%E4%B8%8B%E5%8D%882.59.23.png?alt=media&#x26;token=929e9e98-8eb7-4b55-98d2-f692097a65a5" alt=""><figcaption></figcaption></figure>

首先，在 Plugins 页面搜索并安装 Header and Footer Scripts。

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FHwdwXZGfhkGciFxtqUN2%2F%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%202022-11-29%20%E4%B8%8B%E5%8D%883.00.55.png?alt=media&#x26;token=f4733b5f-3115-49ac-b712-cbd9bd9f317c" alt=""><figcaption></figcaption></figure>

安装后你可以在 Settings > Header and Footer Scripts 找到有关插件。

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FPSHkWLil6QJFOKaPOVNO%2Fimage.png?alt=media&#x26;token=ca9a7d56-506d-4a96-9d4a-d804fb172fdd" alt=""><figcaption></figcaption></figure>

贴上代码后，点击 Save Settings 储存。

{% hint style="info" %}
如果你在 wordpress 上安装了不同的插件，或有部份会与此段代码不相容而修改了代码导致无法使用。我们建议你插入代码到 footer 位置，并把优先次序设为 99 以避免代码遭到修改。
{% endhint %}

如果你使用 Elementor 来建立网页，所有对 header 或 footer 的修改未必能即时反映在所有网页上。这个情况你可以到Elementor > Tools > 点击 Regenerate Files & Data。

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FgYqhtFMi69tMAqtVZELl%2Fimage.png?alt=media&#x26;token=39f8dbb3-87b3-49cb-99f0-3196a7f42dd7" alt=""><figcaption></figcaption></figure>

最后你可以在网站上看到 chatalog 的网络聊天了。

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FXuUbFZFH0C1pn3veFv0Q%2F%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%202022-11-29%20%E4%B8%8B%E5%8D%883.11.19.png?alt=media&#x26;token=54a1ed75-4247-4b3f-a9f7-55f36bcf4cc8" alt=""><figcaption></figcaption></figure>