> For the complete documentation index, see [llms.txt](https://docs.ezorderly.com/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ezorderly.com/guide/campaigns/email.md).

# 郵件再行銷

## 進入郵件訊息編輯

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

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

![](/files/WhRSCymCzbP2jgV9EhsU)

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

![](/files/-MWT9G89SP_fEkXmxj4J)

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

![](/files/-MWT9UWwszdoqPmOAg4e)

## 內容編輯功能說明

### 01. 基本郵件資訊

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

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

關於 A/B 測試的參數，請至 [訊息內容自動化](/guide/app-1/media.md)設定。

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

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

{% hint style="info" %}
若欲設定個人化信件主旨，請至  [訊息內容自動化](/guide/app-1/media.md) 處設定，才會正常顯示喔！
{% endhint %}

![](/files/-MWTAwKbYzBQhU_9VP4o)

### 02. 模板選擇

{% hint style="info" %}
郵件訊息在 <img src="/files/-LwXiZuu_w86sl04McIp" alt="" data-size="original"> 編輯完成之後，即會自動儲存成模板供團隊使用。
{% endhint %}

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

![選擇模板先前儲存過的模板](/files/X44QChWW3x2DOVmbFUVC)

![將跳出確認視窗](/files/-MWTCcHKhggewISBgmEb)

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

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

![](/files/-MWTHOIxlC26wbWQ9YD2)

### 03. 個人化變數

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

![個人化變數欄位](/files/-MWcW0IdwkFD0QIMg9IL)

![個人化變數編輯範例](/files/-MWYJhqYn8tfvZ12Lmnm)

### 04. 郵件編輯器

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

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

![](/files/-MWTKwqF_XdBPyqsRgos)

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

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

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

![](/files/-MWTMFuZqIVpoOwHmsK-)

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

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

![](/files/-MWTNIscQGiZVzJPNoNR)

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

<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>

![](/files/-MFdnuT-TY-l7zzlQ1w2)

### 05. 圖片上傳

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

![](/files/-MWTTLlhnFm1tu-xV-p7)

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

![](/files/-MWTTws4DjhCkoorBfBh)

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

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

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

![](/files/-MWTVELO7NNm6Zp380mf)

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

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

![](/files/-LaPBR5vWBzfVD4svE8y)

####

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

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

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

![](/files/-MWY15aXTUGt41qgQcfq)

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

![](/files/-MWThc4WAJ3S4cS2SXXX)

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

![](/files/-MWXHoPY4tndkv7-lItf)

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

![](/files/-MWXI2BA692DDk4VG2xZ)

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

![](/files/-MWXJZfx2l00G8KMiQ2v)

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

![](/files/-MWXJoWBvmvchFG-cT5o)

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

![](/files/-MWXKxlnm8qVDg1lVG83)

**欄位操作：** 右側 <img src="/files/-L_u_mCvTj7eY3QRTx5p" alt="" data-size="original"> 刪除該欄位，以及 <img src="/files/-L_u_oPOPaiMtsJc0xNZ" alt="" data-size="original"> 複製欄位，而最左側<img src="/files/-L_v0VrK8eNX35zktZIJ" alt="" data-size="original">可進行欄位垂直排序調整。

![](/files/-MWXLPDA-lPnMrTZOy0D)

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

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

![](/files/-MFoVfCCW7gR-VtJ2AFb)

![](/files/-MWXN5_roprrldqCr06I)

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

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

![](/files/-MWXMa7ctDZcleJ1LCey)

![](/files/-MWXMyY9hQEkPiylGKn1)

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

![](/files/-MWXNpmPdg4zWdIJLzuZ)

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

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

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

![](/files/-MWXQLQ3FvpAOKfR4HbZ)

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

![](/files/-MGMP2YyjujUvxXJZigI)

**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欄位四邊的距離

![](/files/-MWXVYygDDI7soJiZ-UJ)

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

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

![](/files/-MWXWIGuyt3Qfog7VIKG)

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

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

![](/files/-MFoX3Ks68uZ8G5UIKaD)

###

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

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

![](/files/-L_u_wRLUgzv_Z8pIdpO)

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

![](/files/-L_uadKDmkdsSKNOR15m)

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

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

{% content-ref url="/pages/-MFU850IxsldVeJ8g4BL" %}
[預覽與寄件人](/guide/app-1/sender.md)
{% endcontent-ref %}

#### 儲存編輯內容

郵件內容完成確認無誤後，先將郵件內容點「儲存」，點選右上角 <img src="/files/-LwXiUbIdCgifOQWCRBe" alt="" data-size="original"> 按鈕，\
切換成為 <img src="/files/-LwXiZuu_w86sl04McIp" alt="" data-size="original"> （開啟排程後，郵件將自動儲存為模板供團隊使用）

![Step01.先將郵件內容點「儲存」](/files/-MWXWs2QcfcriwWEURQV)

![Step02.至「編輯中」狀態切換](/files/-MWXXPsvv4I7KoK-gPHp)

![Step03.「編輯已完成」狀態切換成功](/files/-MWcWyzloX6-koiK6bB9)

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

## 受眾篩選

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

{% content-ref url="/pages/-LY1D3cKInqrT6roz0RX" %}
[智能條件篩選器](/guide/campaigns/customer-filter.md)
{% endcontent-ref %}

![](/files/-MWXZZc3etuxDymO6nEN)

{% 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 %}

![選擇「立即寄送」畫面](/files/-MWX_tzFFWDEvgvWyjFk)

![選擇「加入排程」畫面](/files/-MWX_xBHep92uoWTuqQ5)

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

## 經營成效追蹤

{% content-ref url="/pages/-MX0-1cYM-0nzuy0Zai8" %}
[會員再行銷成效](/guide/campaigns/hui-yuan-zai-hang-xiao-cheng-xiao.md)
{% endcontent-ref %}

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