# 郵件再行銷

## 進入郵件訊息編輯

1.點選上方功能列表中的「會員活化」，點選左側「會員再行銷」頁面。

2.點選橘色「建立再行銷活動」按鈕。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LY0nVXuhNQwesGkjBmN%2Fuploads%2Fm2yrCSbzapkiMtONMi18%2F%E8%9E%A2%E5%B9%95%E5%BF%AB%E7%85%A7%202021-10-26%20%E4%B8%8B%E5%8D%884.26.17.png?alt=media\&token=fc045fd6-3705-4f45-90c3-ad3edbda4d87)

3.選擇活動類型為郵件活動。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWT8Y9dhQwS1ajPJZua%2F-MWT9G89SP_fEkXmxj4J%2F%E5%86%8D%E8%A1%8C%E9%8A%B7%20%E9%83%B5%E4%BB%B6%E6%B4%BB%E5%8B%95.png?alt=media\&token=54a671a4-fdbd-44a6-8139-ca3c77ee6caa)

4.進入郵件訊息編輯頁。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWT8Y9dhQwS1ajPJZua%2F-MWT9UWwszdoqPmOAg4e%2F%E5%86%8D%E8%A1%8C%E9%8A%B7%20%E9%80%B2%E5%85%A5%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF%E9%A0%81%E9%9D%A2.png?alt=media\&token=fa4f41bf-5e60-48c3-8d6c-35d300b2b731)

## 內容編輯功能說明

### 01. 基本郵件資訊

**郵件標題：**&#x8ACB;輸入郵件標題。

**啟用郵件標題 A/B 測試：**&#x82E5;勾選此欄位，您可設定兩組不同信件標題，系統將各挑選 5% 隨機受眾進行測試，並於 3 小時後，以開信率高之標題將剩餘的受眾做寄送。

關於 A/B 測試的參數，請至 [media](https://docs.ezorderly.com/guide/app-1/media "mention")設定。

若您設定了3小時的A/B測試，3小時後需回來檢查測試是否通過，確認郵件寄出。

舉例來說，若您預計在下午3點寄送，請將排程時間往前回推三小時，設定排程時間為中午12點，系統會在中午12點寄送A/B測試名單，並在下午3點選擇較高的開信率，將所有名單寄出。若此時兩封標題皆未通過設定的門檻，系統會取消寄送並將信件退回草稿，需要再重新編輯寄送。

{% hint style="info" %}
若欲設定個人化信件主旨，請至  [media](https://docs.ezorderly.com/guide/app-1/media "mention") 處設定，才會正常顯示喔！
{% endhint %}

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWT9q84ZZRqAlI4vZAZ%2F-MWTAwKbYzBQhU_9VP4o%2F%E7%94%B1%E4%BB%B6%E6%A8%99%E9%A1%8C.png?alt=media\&token=33526083-b333-4158-bab8-0bd06d22ab40)

### 02. 模板選擇

{% hint style="info" %}
郵件訊息在 <img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LwXeagxN-ymITewFxLt%2F-LwXiZuu_w86sl04McIp%2Fbtn_%E7%B7%A8%E8%BC%AF%E5%B7%B2%E5%AE%8C%E6%88%90blue.png?alt=media&#x26;token=0aa2dc1d-37a6-41df-b0fe-6b27716c8088" alt="" data-size="original"> 編輯完成之後，即會自動儲存成模板供團隊使用。
{% endhint %}

模板選擇功能，點選模板選擇區塊右上角展開功能列，可選擇先前儲存好的郵件訊息，快速帶入至此處的郵件訊息編輯器中。

![選擇模板先前儲存過的模板](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LY0nVXuhNQwesGkjBmN%2Fuploads%2FYYwj4ZcFUzM4IjFMwfDP%2F%E9%81%B8%E6%A8%A1%E6%9D%BF.png?alt=media\&token=7415c2c8-556b-4dae-9555-44276d09a9d2)

![將跳出確認視窗](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTCP6SaImSsulu3slN%2F-MWTCcHKhggewISBgmEb%2F%E7%A2%BA%E5%AE%9A%E7%94%A8%E6%AD%A4%E6%A8%A1%E6%9D%BF%E5%97%8E.png?alt=media\&token=80b196c4-ed83-44ee-87a5-1ded49c32dd1)

確定套用後，現在編輯器內的內容會全部被覆蓋。

套用模板後，有一次返回上個版型的機會。同樣也會覆蓋當前編輯器的內容，請確認是否進行修改。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTE1VezP3SPqdUlsy7%2F-MWTHOIxlC26wbWQ9YD2%2F%E5%9B%9E%E5%88%B0%E4%B8%8A%E5%80%8B%E7%89%88%E5%9E%8B.png?alt=media\&token=b2d79251-84ca-4c42-aa31-046b5f319b46)

### 03. 個人化變數

點擊按鈕後可複製變數語法，便可貼到文字內容中。複製下來的語法請務必保留完整，整串含括號都不可刪除，而語法前後是可自行添加文字的(可參考下圖)。

![個人化變數欄位](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWcSE07y7dwHIC80Gax%2F-MWcW0IdwkFD0QIMg9IL%2F%E8%AE%8A%E6%95%B8.png?alt=media\&token=094ad50b-36ba-4bc2-908f-a2c829cca587)

![個人化變數編輯範例](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWYJP3NJU3JLywa8A8x%2F-MWYJhqYn8tfvZ12Lmnm%2F%E8%AE%8A%E6%95%B8.png?alt=media\&token=fe084c1a-b405-4591-8f15-b0dc3a4fef9c)

### 04. 郵件編輯器

#### 04-1. 第一步：SETTINGS 一般設定&#x20;

* **內容區域寬度：**&#x4FE1;件內容區域寬度設定，建議設定 640px\~880px 之間。&#x20;
* **content area alignment：**&#x9078;擇內容區域是至中還是至左&#x20;
* **背景顏色：**&#x4FE1;件背景底色，系統預為白色。
* **內容區域背景顏色：**&#x6240;插入的內容背景顏色，系統預設為透明。
* **預設字型：**&#x70BA;信件文字預設字型。字型可於不同區塊中各別修改。&#x20;
* **連結顏色：**&#x7576;信件有文字附帶超連結時，呈現的顏色。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTIzNJU1FiCOcrugI8%2F-MWTKwqF_XdBPyqsRgos%2F%E8%A8%AD%E5%AE%9A.png?alt=media\&token=e9fc28a2-3da5-47b3-b030-6ab496943af8)

#### 04-2. 第二步：ROWS 版型設定

信件的版面結構，右方將版塊拖曳至編輯區。將版塊先安排妥當後，才能編輯版塊內容。

```
注意：此處拖曳時，請拖曳至畫面顯示[請拖曳至此處]時，再將版型放開。
```

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTLwKHl6G36AxnqMBB%2F-MWTMFuZqIVpoOwHmsK-%2F%E7%89%88%E5%9E%8B.png?alt=media\&token=9a1e5319-c597-425f-a99f-1d76d7e4ca63)

#### 04-3. 第三步：內容

將需要顯示的內容，拖曳至對應位置的版塊中。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTMHbbpGJD_Mut9b2H%2F-MWTNIscQGiZVzJPNoNR%2F%E7%95%AB%E9%9D%A2.png?alt=media\&token=07e422d8-47a9-4890-baed-7f74066690c5)

此處共有六種內容可以使用：

<table><thead><tr><th width="150">內容</th><th width="576.7495061240617">描述</th></tr></thead><tbody><tr><td>文字</td><td><p>可自行輸入文字，且於文字處點兩下，便可進階編輯，如：放置連結或改顏色等等。</p><p>並可使用參數帶入該收件顧客之資訊（Q&#x26;A：<a href="https://docs.ezorderly.com/guide/resources/faq#ru-he-zai-you-jian-xun-xi-nei-rong-zhong-dai-ru-shou-jian-zhi-gu-ke-zi-xun">如何在郵件訊息內容中，帶入收件之顧客資訊？</a>）</p></td></tr><tr><td>圖片</td><td>點選「瀏覽」 ，進入「myfiles」資料夾中，在此可隨意新增資料夾，並點選「Upload」選擇欲上傳的圖檔，最後點選圖片「插入」即可。</td></tr><tr><td>按鈕</td><td>可於右側編輯器編輯該按鈕細節，如放入連結、按鈕顏色、文字顏色、按鈕高度、寬度、邊框。</td></tr><tr><td>分隔</td><td>可使用分隔線來區隔上下內容，可於右方編輯樣式、粗細、顏色。</td></tr><tr><td>社交媒體</td><td>點選右側內容屬性當中，可「選擇圖示集」，切換不同圖示樣式。並於底下「設定圖示集」中，分別設定社群連結，與新增更多社群種類。</td></tr><tr><td>ICONS</td><td>點擊一下內容區的圖標，可於右側編輯器編輯已上傳之ICON圖示集，亦可設定ICON間距大小，ICON模塊大小等。</td></tr></tbody></table>

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MFdkWy4a2wiEmIT2Em9%2F-MFdnuT-TY-l7zzlQ1w2%2F%E5%9C%96%E7%89%879.png?alt=media\&token=b3f47b4a-c88f-44cb-8d3b-3f058f8a0290)

### 05. 圖片上傳

#### **05-1.** 點選「瀏覽」 ，進入「myfiles」資料夾中。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTRaKmj6mn_J3bvBxt%2F-MWTTLlhnFm1tu-xV-p7%2F%E7%80%8F%E8%A6%BD.png?alt=media\&token=0c634fc3-3a9e-4399-b42a-cd22f85739da)

#### **05-2.** 在 myfiles 資料夾中可新增資料夾與上傳圖片。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTRaKmj6mn_J3bvBxt%2F-MWTTws4DjhCkoorBfBh%2F%E4%B8%8A%E5%82%B3.png?alt=media\&token=a9ba9db0-c5df-439a-a08f-50ad62e217ce)

#### **05-3. 進入資料夾，**&#x9EDE;選「Upload」，從本機端選擇圖片檔案。

#### **05-4.** 上傳完畢後點選圖片項目上的「插入」即可將圖片載入至郵件內容中。

若上傳圖檔至資料夾「shared」，可與團隊其他成員共同使用圖片資料庫。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTU1_zs5l3wZb8Mq0M%2F-MWTVELO7NNm6Zp380mf%2F%E8%B3%87%E6%96%99%E5%A4%BE%E4%BB%8B%E7%B4%B9.png?alt=media\&token=208bc262-e57b-4695-accd-5ee59561e691)

#### 05-5. 圖片上傳壓縮建議

建議使用網路免費圖片壓縮服務 [tiny png](https://tinypng.com/) 先將圖片進行壓縮，減少圖片檔案大小，加速圖片下載速度，優化顧客收信體驗

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LaPAIvHcXaCbcqbwsw8%2F-LaPBR5vWBzfVD4svE8y%2F07%E6%B4%BB%E5%8B%95%E9%80%9A%E7%9F%A5_02%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_02%E9%83%B5%E4%BB%B6%E8%A8%8A%E6%81%AF%E7%B7%A8%E8%BC%AF%E9%A0%81%E9%9D%A2_02%E7%B7%A8%E8%BC%AF%E5%99%A8_04%E5%9C%96%E7%89%87%E4%B8%8A%E5%82%B3_08%E5%9C%96%E7%89%87%E5%A3%93%E7%B8%AE%E5%BB%BA%E8%AD%B0.png?alt=media\&token=18fa8d4b-96a5-4119-bb90-2f3d50532fd9)

####

#### 05-6. 圖片編輯進階內容

點選預設定的圖片，可從右側內容屬性區塊進行進階調整。

* **Automatic image resizing：**&#x53EF;開啟自動填滿或關閉並拖曳百分比進行圖片的縮放。
* **對齊：**&#x5716;片在藍框內置右/置左/置中的調整。
* **Apply effects and more：**&#x53EF;針對選取的圖片作後製。
* **圖片連結：**&#x53EF;設定選取圖片的超連結，選擇以打開網頁、發送郵件、打電話或發送短訊的方式呈現。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWY-rF5m6RaHZa6uunE%2F-MWY15aXTUGt41qgQcfq%2F%E5%9C%96%E7%89%87%E7%B7%A8%E8%BC%AF.png?alt=media\&token=2a879f04-1a65-4f90-a6f7-8b15e213172f)

**版塊個別編輯：**&#x9EDE;選欲調整之板塊，可個別調整版塊四周間距、背景顏色、編輯區塊顏色等。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWTWQhjd1D0HFP4CL6l%2F-MWThc4WAJ3S4cS2SXXX%2F%E8%AA%BF%E6%95%B4%E6%9D%BF%E5%A1%8A.png?alt=media\&token=ef42a984-407b-4080-9e48-3ecbf4589f84)

**背景顏色：**&#x8ABF;整全版塊的背景顏色。點選區塊內容兩側空白處進行選取（出現藍色框線），可於右側編輯器中選擇「原始背景顏色」，系統預設為透明，可輸入色碼或使用色盤調整顏色。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXFViqw6C9g2EN9uJE%2F-MWXHoPY4tndkv7-lItf%2F%E5%8E%9F%E5%A7%8B%E8%83%8C%E6%99%AF.png?alt=media\&token=b848777e-579f-40ba-85fd-c8a109a470be)

**文本背景顏色：**&#x55AE;獨調整文字區域背景顏色。點選區塊內容兩側空白處進行選取（出現藍色框線），可於右側編輯器中選擇「文本背景顏色」，系統預設為透明，可輸入色碼或使用色盤調整顏色。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXHsI6bcFsOfc8LfTq%2F-MWXI2BA692DDk4VG2xZ%2F%E6%96%87%E6%9C%AC%E8%83%8C%E6%99%AF.png?alt=media\&token=6ca70523-ccb6-4e35-8d90-47ce7ddb4303)

**區塊邊距：**&#x8ABF;整該區塊內容與四周的間距。點開更多設定，可各別調整頂部、底部、左、右等間距寬度。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXISMJ-ZQHv5jgKZpP%2F-MWXJZfx2l00G8KMiQ2v%2F%E9%82%8A%E8%B7%9D.png?alt=media\&token=ee5c7d37-4f1e-4d7d-81ed-817bf86bded9)

**區塊邊框：**&#x8ABF;整區塊邊框，點開更多設定，即可各別調整頂部、底部、左、右邊線樣式、粗細、顏色。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXJbKRGD7_qYM_psBV%2F-MWXJoWBvmvchFG-cT5o%2F%E9%82%8A%E6%A1%86.png?alt=media\&token=e54953cb-9a22-4633-8232-4f0136e66c4f)

**複數欄位編輯：**&#x65BC;「CUSTOMIZE COLUMNS」下方顯示不同欄位之頁籤，切換頁籤進行個別之編輯設定。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXKI8CoTZngZN6A_t0%2F-MWXKxlnm8qVDg1lVG83%2F%E8%A4%87%E6%95%B8%E6%AC%84%E4%BD%8D.png?alt=media\&token=aace5be4-397d-4a8a-b336-9631e744778a)

**欄位操作：** 右側 <img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-L_uYUOVCFGCZLeZYRz9%2F-L_u_mCvTj7eY3QRTx5p%2Fbtn_%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_%E5%88%AA%E9%99%A4bluelight.png?alt=media&#x26;token=c70124c7-1a00-446f-85a8-d984764233eb" alt="" data-size="original"> 刪除該欄位，以及 <img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-L_uYUOVCFGCZLeZYRz9%2F-L_u_oPOPaiMtsJc0xNZ%2Fbtn_%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_%E8%A4%87%E8%A3%BDbluelight.png?alt=media&#x26;token=070694e9-67c8-43ce-bdb7-992a3d35344e" alt="" data-size="original"> 複製欄位，而最左側<img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-L_untutL3jnHY5mXKW0%2F-L_v0VrK8eNX35zktZIJ%2Fbtn_%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_%E6%8B%96%E6%9B%B3%E6%8E%92%E5%BA%8Fbluelight.png?alt=media&#x26;token=d3e4e453-f7e4-440f-9352-d86cbff99669" alt="" data-size="original">可進行欄位垂直排序調整。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXKI8CoTZngZN6A_t0%2F-MWXLPDA-lPnMrTZOy0D%2F%E5%88%AA%E9%99%A4.png?alt=media\&token=e383d9f6-6dd4-4466-a5d7-18a1d42a2e54)

### 07. **Icons 圖示設定**

**07-1. 點選Icons，瀏覽器右側會出現 內容屬性**

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MFoS84I7vIysK-Htj3K%2F-MFoVfCCW7gR-VtJ2AFb%2Fimage.png?alt=media\&token=638cbc5e-e206-44b1-a246-e6b66b8a1211)

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXN0cTh20FSKrcZzhS%2F-MWXN5_roprrldqCr06I%2F%E5%9C%96%E7%A4%BA.png?alt=media\&token=bd1bf195-e45e-4922-9a84-51e0ba92f5c8)

**07-2. 設定圖示集點選新增圖示，Icon會增加個數**

* Apply effects and more：可針對選取的圖片作後製。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXM6UvmWNU3GqhJsoJ%2F-MWXMa7ctDZcleJ1LCey%2F%E6%96%B0%E5%A2%9E%E5%9C%96%E7%A4%BA.png?alt=media\&token=875c5985-a5b5-45d1-aec9-486da5f50666)

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXM6UvmWNU3GqhJsoJ%2F-MWXMyY9hQEkPiylGKn1%2F%E6%96%B0%E5%A2%9E%E7%9A%84%E5%9C%96%E7%A4%BA.png?alt=media\&token=26af94e2-f71a-4b22-a073-3a6da2cfda30)

**07-3. 若點選圖示的「更換圖片更換圖片」，會進入「myfiles」資料夾中，可再新增資料夾與上傳圖片。**

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXNe_aiHr2Y2ymwaF1%2F-MWXNpmPdg4zWdIJLzuZ%2F%E5%9C%96%E7%A4%BA%E8%B3%87%E6%96%99%E5%A4%BE.png?alt=media\&token=16a1a155-c615-443d-af6f-b902e6791a81)

\
**07-4. 上傳完畢後點選圖片項目上的插入即可將圖片載入至郵件內容中**

**07-5. 點選更多的選擇會出現 各別Icon 的編輯器**

* **Image url：**&#x53EF;以連結網路上圖片網址，直接顯示。
* **替換文本：**&#x8ACB;保持Default。
* **Icon text：**&#x53EF;在此針對icon添加文字。
* **連結類型：**&#x53EF;替icon text設超連結，選擇以打開網頁、發送郵件、打電話或發送短訊的方式呈現。
* **連結檔案：**&#x53BB;資料夾「myfiles」更換圖示的圖片。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXQ49tn12hw_1tSb2S%2F-MWXQLQ3FvpAOKfR4HbZ%2F%E5%9C%96%E7%A4%BA%E5%B1%AC%E6%80%A7.png?alt=media\&token=e2a345d9-36d8-4be8-a96b-456db5490d3d)

注意：icon 超連結若有設定「打開網頁」時，在此預覽模式下，左鍵點擊 icon 可能會出現如圖錯誤，但這並非 BUG 而是因為此服務不支援 iframe。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MGMICuBbfYxzJatKeF9%2F-MGMP2YyjujUvxXJZigI%2Fimage.png?alt=media\&token=1a73464e-fadc-4221-b7b0-3b3a80d51f5e)

**07-6. 一般設定**(此處主要針對Icon text的文字做設定)

* **字型系列：**&#x8A2D;定Icon text字型
* **Font size：**&#x8A2D;定Icon text文字大小
* **文字顏色：**&#x8A2D;定Icon text文字色碼
* **對齊：**&#x6587;字跟Icon的位置設定(置左、置中、置右)
* **Letter spacing：**&#x6587;字的間距設定
* **Icon Size：**&#x8A2D;定Icon大小
* **圖示間距：**&#x49;con與Icon間的距離
* **Icon Padding：**&#x49;cons與ROW欄位四邊的距離

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXURLL6qPx20pHlMJz%2F-MWXVYygDDI7soJiZ-UJ%2F%E5%9C%96%E7%A4%BA%E8%A8%AD%E5%AE%9A.png?alt=media\&token=8db04241-5461-4308-be3e-ec58fae15f26)

**07-7. BLOCK OPTIONS  (**&#x5305;覆Icon文字區塊的區域，區域內會自動調整最佳位置。)

內邊距：在更多設定中可以個別設定，灰色區塊與藍色ROW的四邊間距。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXVtfPcPrBRazcDFpl%2F-MWXWIGuyt3Qfog7VIKG%2F%E5%85%A7%E7%B7%A8%E5%8A%87.png?alt=media\&token=13c0c17b-f0e2-4741-9a46-1a68b8feafd1)

#### **07-8. 圖片上傳壓縮建議**

建議使用網路免費圖片壓縮服務 [tiny png](https://tinypng.com/) 先將圖片進行壓縮，減少圖片檔案大小，加速圖片下載速度，優化顧客收信體驗

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MFoS84I7vIysK-Htj3K%2F-MFoX3Ks68uZ8G5UIKaD%2Fimage.png?alt=media\&token=7f1fb26d-3a92-4aaf-9c99-0e68a574bd66)

###

### 08. 儲存並寄送預覽郵件

完成郵件編輯後，於右上方點選「儲存」。\
編輯器上方的「操作」選單中可進行「預覽」 ，直接於編輯器中瀏覽郵件內容，並可切換桌面/手機預覽模式。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LaJ8eIVjNBfl1khjJa7%2F-L_u_wRLUgzv_Z8pIdpO%2F07%E6%B4%BB%E5%8B%95%E9%80%9A%E7%9F%A5_02%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_02%E9%83%B5%E4%BB%B6%E8%A8%8A%E6%81%AF%E7%B7%A8%E8%BC%AF%E9%A0%81%E9%9D%A2_02%E7%B7%A8%E8%BC%AF%E5%99%A8_99%E6%93%8D%E4%BD%9C%E5%8A%9F%E8%83%BD.png?alt=media\&token=f743c2cd-c9a8-422b-b95d-38af0bbec721)

確認無誤後，點選編輯器上方的「操作」選單中的「發送測試」 將測試郵件寄至已設定好的 Email 收件地址。

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LaJ8eIVjNBfl1khjJa7%2F-L_uadKDmkdsSKNOR15m%2F07%E6%B4%BB%E5%8B%95%E9%80%9A%E7%9F%A5_02%E9%83%B5%E4%BB%B6%E7%B7%A8%E8%BC%AF_02%E9%83%B5%E4%BB%B6%E8%A8%8A%E6%81%AF%E7%B7%A8%E8%BC%AF%E9%A0%81%E9%9D%A2_03%E5%84%B2%E5%AD%98%E9%83%B5%E4%BB%B6%E5%85%A7%E5%AE%B902%E5%AF%84%E9%80%81%E9%A0%90%E8%A6%BD%E9%83%B5%E4%BB%B6.png?alt=media\&token=b43972ad-249a-4c5e-bc99-3d7dcd8920e5)

#### 預覽信收件人設定

請至此瀏覽 **團隊設定：預覽信收件人設定** 操作手冊。

{% content-ref url="../app-1/sender" %}
[sender](https://docs.ezorderly.com/guide/app-1/sender)
{% endcontent-ref %}

#### 儲存編輯內容

郵件內容完成確認無誤後，先將郵件內容點「儲存」，點選右上角 <img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LwXeagxN-ymITewFxLt%2F-LwXiUbIdCgifOQWCRBe%2Fbtn_%E7%B7%A8%E8%BC%AF%E4%B8%ADgray.png?alt=media&#x26;token=205e5ca5-439f-4ddd-a167-f469a6ac59c2" alt="" data-size="original"> 按鈕，\
切換成為 <img src="https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-LwXeagxN-ymITewFxLt%2F-LwXiZuu_w86sl04McIp%2Fbtn_%E7%B7%A8%E8%BC%AF%E5%B7%B2%E5%AE%8C%E6%88%90blue.png?alt=media&#x26;token=0aa2dc1d-37a6-41df-b0fe-6b27716c8088" alt="" data-size="original"> （開啟排程後，郵件將自動儲存為模板供團隊使用）

![Step01.先將郵件內容點「儲存」](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXWLkjkeu8vIA7riEq%2F-MWXWs2QcfcriwWEURQV%2F%E5%84%B2%E5%AD%98.png?alt=media\&token=84da0a7d-47de-4c14-994a-8d2523a89f8f)

![Step02.至「編輯中」狀態切換](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXWLkjkeu8vIA7riEq%2F-MWXXPsvv4I7KoK-gPHp%2F%E5%AE%8C%E6%88%90%E7%B7%A8%E8%BC%AF.png?alt=media\&token=5349dbcb-cbbf-491e-89d1-35469c132c5a)

![Step03.「編輯已完成」狀態切換成功](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWcSE07y7dwHIC80Gax%2F-MWcWyzloX6-koiK6bB9%2F%E7%B7%A8%E8%BC%AF%E5%AE%8C%E6%88%90.png?alt=media\&token=833383b5-d064-45da-a8de-bed81eb6e574)

{% hint style="info" %}
每一步驟編輯完成時，請確認上方的綠色勾勾有出現，才表示設定成功
{% endhint %}

## 受眾篩選

針對該行銷活動的受眾做篩選，可參考下方篩選器詳細操作說明：

{% content-ref url="customer-filter" %}
[customer-filter](https://docs.ezorderly.com/guide/campaigns/customer-filter)
{% endcontent-ref %}

![](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWXYR0w2eFTWSDSZ8tO%2F-MWXZZc3etuxDymO6nEN%2F%E7%AF%A9%E9%81%B8.png?alt=media\&token=02e63776-c1b6-4130-bcaa-cfcd8572064c)

{% hint style="info" %}
每一步驟編輯完成時，請確認上方的綠色勾勾有出現，才表示設定成功
{% endhint %}

## 立即發送/加入排程

完成第二步「受眾篩選」後，進入第三步「發送設定」。

在此設定活動名稱、內部備註與寄送時間，活動名稱主要是方便內部人員區分不同類型的行銷活動(郵件/簡訊/FB受眾/Line受眾)所設立的，顧客實際收到的信件不會顯示出來。

寄送時間可選擇「立即寄送」或「排程寄送」。點選「儲存設定」後，上方會出現相對應的寄發按鈕。

{% hint style="info" %}
提醒：為避免同一顧客短時間內收到過多郵件訊息，系統於寄送前會自動判斷該顧客是否符合條件再進行寄送，請參見 [常見問題 Q\&A為什麼有些顧客收不到信件？](https://docs.ezorderly.com/guide/resources/faq#wei-shen-me-you-xie-gu-ke-shou-bu-dao-xin-jian)
{% endhint %}

![選擇「立即寄送」畫面](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWX_Ia_jRv23XBjFNRi%2F-MWX_tzFFWDEvgvWyjFk%2F%E7%AB%8B%E5%8D%B3%E5%AF%84%E9%80%81.png?alt=media\&token=e394988b-da02-439e-9377-ebec6891db41)

![選擇「加入排程」畫面](https://3258264420-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LY0nVXuhNQwesGkjBmN%2F-MWX_Ia_jRv23XBjFNRi%2F-MWX_xBHep92uoWTuqQ5%2F%E6%8E%92%E7%A8%8B.png?alt=media\&token=64144d8a-0bba-45e1-801c-c846d756fca1)

點選「立即寄送」或「加入排程」的黃色按鈕，即可完成信件寄發的所有設定。

## 經營成效追蹤

{% content-ref url="hui-yuan-zai-hang-xiao-cheng-xiao" %}
[hui-yuan-zai-hang-xiao-cheng-xiao](https://docs.ezorderly.com/guide/campaigns/hui-yuan-zai-hang-xiao-cheng-xiao)
{% endcontent-ref %}

請至此瀏覽經營成效操作手冊。
