> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tinyinbox.co/llms.txt
> Use this file to discover all available pages before exploring further.

# 快速開始

> 建立第一個 TinyInbox 網站、安裝聊天小工具，並送出測試訊息。

你會完成註冊、開始免費 Pro 試用、在一個頁面安裝小工具，並送出測試訊息。大約需要 5 到 10 分鐘。

## 1. 註冊並開始試用

到 [tinyinbox.co](https://tinyinbox.co) 建立帳號。新帳號透過 Stripe Checkout 加入付款方式後，會獲得 7 天免費 Pro 試用。建立網站與接收對話都需要這個試用期或訂閱。詳情請見[價格與訂閱](/zh-Hant/guides/pricing)。

## 2. 建立網站

在儀表板裡為你要提供支援的產品建立一個網站。加入聊天小工具會出現的所有 origin，例如 `https://example.com` 和 `http://localhost:5173`。

你之後仍然可以修改網站名稱、允許的 origins、強調色和歡迎訊息。

## 3. 複製小工具程式碼

網站建立完成後，TinyInbox 會顯示一段包含網站金鑰的 script 標籤。請複製完整程式碼。

範例如下：

```html theme={null}
<script
  async
  src="https://api.tinyinbox.co/widget.js"
  data-tinyinbox-site="tin_your_site_key"
  data-tinyinbox-language="auto"
></script>
```

## 4. 加到你的網站

把程式碼貼到頁面結尾的 `</body>` 前面。只要訪客需要聯絡你的頁面，都可以加入這段程式碼。

如果你使用網站架設工具或 CMS，通常可以在自訂程式碼、Header/Body 注入或追蹤碼設定中加入。

如果你的產品需要動態設定語言或訪客身分，請從 client-only code 等待 TinyInbox ready 之後再呼叫。不要在 server rendering 或 component render 期間直接呼叫 `window.TinyInbox`。

## 5. 送出測試訊息

用瀏覽器打開你的網站，開啟 TinyInbox 小工具，送出一則短訊息。訊息應該會出現在你的儀表板收件匣，你也會在帳號 email 收到一封新對話通知。完整通知流程請見 [Email 通知](/zh-Hant/guides/notifications)。

## 6. 回覆並完成對話

打開對話，從 TinyInbox 回覆訪客。處理完成後，將對話關閉。

如果小工具沒有出現，或訊息沒有進到收件匣，請看[疑難排解](/zh-Hant/guides/troubleshooting)。