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

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

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2F5RidUD2tJRIXbQUKOzlr%2F7.png?alt=media&#x26;token=9328f7ae-a91c-43e8-9611-aeb4bcb619aa" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2Fphtdmv49fzslPF8pEy9i%2F8.png?alt=media&#x26;token=fded32a6-e55a-4eb7-b085-d5d0a269db75" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FnG2fVu5Lvf2dMoKgtss9%2F9.png?alt=media&#x26;token=731f9542-3f0c-4ec2-8378-2ba5c79a4050" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2F8Z4Lu2Nyoh2Ap2T4sEZH%2F10.png?alt=media&#x26;token=789ecd0a-0b47-4e7d-b93e-eb733078be91" alt=""><figcaption></figcaption></figure>

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