> For the complete documentation index, see [llms.txt](https://docs.besparks.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.besparks.co/jia-gou-gong-neng/shopline-hui-yuan-mo-zu.md).

# SHOPLINE會員模組

SHOPLINE 會員模組可讓您根據 SHOPLINE 會員等級，自定義會員所屬的代表顏色和徽章，設計獨特的會員圖卡。

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2Fm64Ngk8kGPpLRCerNOVy%2F%E6%88%AA%E5%9C%96%202025-02-11%20%E4%B8%8B%E5%8D%883.11.14.png?alt=media&amp;token=5126658d-195f-4c9e-b2ac-50374940aa71" alt="" width="315"><figcaption></figcaption></figure>

<mark style="color:orange;">**Step 1.**</mark> 確認加購後，請重新登入，進入機器人設計頁面，上方工具列中找到「設定會員模組」

<figure><img src="https://3524200855-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FirnHqyGtn9Uf1ztHiV4v%2Fuploads%2FcfeAmvTCX5lnF7etSbjs%2F%E6%88%AA%E5%9C%96%202025-02-11%20%E4%B8%8B%E5%8D%883.50.07.png?alt=media&amp;token=8e02f11a-8dc3-4680-aaf8-0dfa37a92a25" alt=""><figcaption></figcaption></figure>

<mark style="color:orange;">**Step 2.**</mark> 上傳圖片

首先，您需要準備好會員等級的代表圖片和 icon。建議圖片尺寸&#x70BA;***520mm \* 520mm***，格式為 ***png***。

<mark style="color:orange;">**Step 3.**</mark> 選定色號

接下來，您可以為每個會員等級選定代表顏色。您可以直接輸入色碼，或使用顏色選擇器選取顏色。

<mark style="color:orange;">**Step 3.**</mark> 預覽、儲存

完成圖片上傳和顏色選定後，您可以預覽會員圖卡效果。若滿意設計，即可儲存設定。