---
description: 了解如何在 Squarespace 網站上安裝網路聊天小工具。
title: 在 Squarespace 上安裝網站聊天小工具
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[新的🔥 搶先試試 WhatsApp Business Calling API（開放式測試版）！![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/tw/whatsapp-business-calling-api)

幫助我... ⌘ 

1. [All Collections >](/tw/help)
2. [ 頻道 >](/tw/help/channels)
3. [ 網站聊天小工具 >](/tw/help/website-chat-widget)
4. 在 Squarespace 上安裝網站聊天小工具

# 在 Squarespace 上安裝網站聊天小工具

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 04 Apr 2025

少於一分鐘

在您的 Squarespace 網站上新增網路聊天小工具是一個快速且簡單的過程。 它不需要任何編碼技能或技術知識。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/5imnCB9L5xoOHenTaJIN5t/b4ce79b22e9c9ff22a914f6745431295/squarespace-logo.png?fm=avif&w=1000) 

## 安裝設定

為了在 Squarespace 上安裝網路聊天小工具，您需要以下內容： 

* 造訪您的 [Squarespace 帳號](https://login.squarespace.com/)。
* 您的網路聊天小工具的程式碼片段。

如果您還沒有代碼片段，則在創建 respond.io [網站聊天小部件](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview) 或使用 [Facebook 聊天插件](https://respond.io/tw/help/facebook-messenger/facebook-chat-plugin) 用於 [Facebook Messenger](https://respond.io/tw/help/facebook-messenger/facebook-messenger-overview) 時，您將生成一個。

> 如果您已在 respond.io 平台上連接頻道，並且需要檢索生成的程式碼片段，請按照此處 [的說明進行操作](https://respond.io/tw/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel)。

## 在 Squarespace 上安裝

**步驟 1：登入 Squarespace**

登入您的 [Squarespace 帳號](https://login.squarespace.com/)。 在「網站」標籤下，選擇要新增外掛程式的網站。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/PYmBwXiaC41VXvvfgkU7p/91d7834893dc8943d9c8d4a04b226945/installing-on-squarespace.png?fm=avif&w=1000) 

**第 2 步：開啟設定**

從左側導覽面板中，選擇 **設定**。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/26zfSQRxnd3XyOGEVztu9p/9aa4aff7e9fca7c88387866b25fa3e1c/installing-on-squarespace-2.png?fm=avif&w=1000) 

**步驟3：開啟進階設定**

從那裡，導航到 **網站** 部分並點擊 **高級**。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/eosTtlgwaUtDdrwfF5sH0/dddbbe9ccd9283a341c9be4413eb3860/installing-on-squarespace-3.png?fm=avif&w=1000) 

**步驟 4：開啟程式碼注入控制台**

從進階設定選單中，選擇 **代碼注入**。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/aJqpgO0f1EY18w01KaOmW/92833e8adf4a7ab6026fb59d2614af89/installing-on-squarespace-4.png?fm=avif&w=1000) 

**步驟 5：貼上腳本**

從 respond.io 複製您的外掛程式腳本並將腳本貼到 **Footer** 部分。

貼上代碼後，按左上角的 **儲存** 。

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7fzxw3dkJNoji9gJVAJx0S/f7b194e2f065cf555b8bc433e01289fd/installing-on-squarespace-5.png?fm=avif&w=1000) 

**完畢！**

打開網站並查看聊天插件。 您會在右下角找到它。 現在您的網站訪客可以輕鬆地與您聊天。 如果您使用從 respond.io 平台產生的程式碼片段，您將能夠從平台管理對話並更新小工具的外觀。

> 聊天小工具現在在您的網站上處於活動狀態！

分享這篇文章

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-squarespace)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-squarespace)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-squarespace)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-squarespace)

## 

相關文章

* [在 Joomla 上安裝網站聊天小工具了解如何在您的 Joomla 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-joomla)
* [在 Wix 上安裝網站聊天小工具了解如何在您的 Wix 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-wix)
* [在 Shopify 上安裝網站聊天小工具了解如何在您的 Shopify 商店上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-shopify)
* [在 WordPress 上安裝網站聊天小工具了解如何在您的 WordPress 網站上安裝網路聊天小工具。 ](/tw/help/website-chat-widget/install-on-wordpress)
* [網站聊天小工具快速入門將 respond.io 網站聊天小工具加入您的網站。 ](/tw/help/website-chat-widget/website-chat-widget)

找不到您想要的東西？ 🔎

[聯繫支持](/tw/contact-us)

2025-12-05T04:04:42.711Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"了解如何在 Squarespace 網站上安裝網路聊天小工具。","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/tw/author"},"dateCreated":"2023-02-27T09:01:03.000Z","dateModified":"2025-04-04T09:55:37.454Z","datePublished":"2023-02-27T09:01:03.000Z","headline":"在 Squarespace 上安裝網站聊天小工具","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/5imnCB9L5xoOHenTaJIN5t/b4ce79b22e9c9ff22a914f6745431295/squarespace-logo.png","mainEntityOfPage":"https://respond.io/tw/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/5imnCB9L5xoOHenTaJIN5t/b4ce79b22e9c9ff22a914f6745431295/squarespace-logo.png","url":"https://respond.io/tw/help/website-chat-widget/install-on-squarespace"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/tw/help","position":1},{"@type":"ListItem","name":"頻道","item":"https://respond.io/tw/help/channels","position":2},{"@type":"ListItem","name":"網站聊天小工具","item":"https://respond.io/tw/help/website-chat-widget","position":3},{"@type":"ListItem","name":"在 Squarespace 上安裝網站聊天小工具","item":"https://respond.io/tw/help/website-chat-widget/install-on-squarespace","position":4}]}]
```
