編輯郵件時可以加入新的區段，並重新排列區塊位置。區段用來新增郵件內的欄位，區塊則是新增內容，像是圖片、文字，或按鈕。我們的客戶非常喜歡拖曳式編輯器，因為它能輕鬆又快速設計郵件。
本篇討論的主題：
區段是編輯器內用來設置郵件版型的功能。區段可以分隔郵件內容，作為區塊內容的一個容器。您可以新增或刪除區段，設置郵件版型，並且針對每封郵件設定不同的區段。
區段的設定如下：
在全局設定裡，您可以管理郵件的佈景顏色；您也可以新增背景顏色，新增邊界到您的郵件。
總共有 27 種佈景顏色可以選擇，選擇一款符合您需求的顏色。選定佈景顏色後仍然可以自訂區段及區塊的顏色。
此選項可以選擇您的郵件背景顏色，選擇可用的顏色或新增您的色碼。此外，區段及區塊也可以指定自己的背景顏色。
您可以在「郵件邊界」選項選擇全螢幕背景或邊界背景。全螢幕背景沒有額外的樣式選項。
在邊界背景選項，您可以新增或更改下列選項：
「顯示區段」選項可以瀏覽郵件內所有區段，選擇「隱藏區段」則會移除區段名稱。顯示區段畫面時，您也可以點擊任何區塊進行編輯
和區段不同的是，區塊是用來保留和顯示郵件內容。 區塊是設計元素，具有功能性。使用區塊新增圖片、文字或按鈕。每一個內容區塊都有自己的樣式選項。
要新增區塊到您的郵件，點擊您要的區塊，拖曳到郵件的區段。
下列是郵件編輯器內可用的區塊：
您可以透過這些區塊上傳圖片，或從您的圖庫選擇圖片。要使用這些區塊，將他們拖曳到您的郵件，您有兩種新增圖片的選項：
單圖區塊可以新增圖片到您的版型，而圖卡區塊可以同時新增圖片和文字，放到您的版型。
下面左邊是單圖區塊，右邊是圖卡區塊。
使用單圖區塊可以新增一張簡單的圖片。
使用圖卡區塊可以新增圖片的文字敘述。移除這個區塊，文字敘述也會跟著移除。
想了解更多關於如何使用單一圖片區塊以及新增圖片，點擊此處。
您可能感興趣的主題：
編輯器提供三種圖文區塊：
想了解如何新增圖文區塊，點擊此處。
圖文區塊可以在區塊內同時新增圖片以及文字。圖文區塊和圖卡區塊最主要的差別在於圖文區塊沒有框架，所以您可以調整區塊內的間距，如下圖所示（左圖為圖文區塊，右圖為圖卡區塊）。
您可以使用文字區塊新增文字到您的郵件。要使用此區塊，將區塊拖曳到您想要放置的位置。接著點擊區塊，將預設文字改成您的內容。
文字區塊。新增文字方框到您的郵件排版。
框線文字區塊。在文字方框外新增框線。
帶有文字的圖片。如果您需要新增帶有文字的圖片，使用圖卡區塊或圖文區塊。
要編輯文字，使用郵件上方的工具列。您會看到常見的文字編輯選項，也有其他選項，像是建立錨點、新增連結、圖片，甚至連結文件。
使用「輕鬆貼」功能從其他來源複製並貼上您的內容。「輕鬆貼」功能讓您複製貼上其他來源複變得快速又簡單，像是您的網站、Google 以及微軟文件。您可以移除原本格式或保留格式以符合您的其他頁面。
要使用「輕鬆貼」功能，依照下列步驟。
重要
要新增原始碼，點擊原始碼圖示，貼上您的代碼。
如果您沒有看到上述的符號，點擊工具列右邊的「更多」圖示。
點擊文字區塊，您會看到左邊自訂選項。
在「設置」標籤，您會看到背景顏色、間距以及文字區塊的框線。
使用「內容」調整行距，如果有需要可以更改欄數的數量。
就像文字區塊一樣，您也有基本的格式工具可使用。在上方工具欄，找到您要自訂文字的選項。（粗體、斜體、底限、刪除線、文字顏色、字型以及字型大小）
這裡您也可以使用對齊以及新增編號或項目符號選項。
此外，您還可以插入連結、錨點、圖片、影片、檔案以及使用合併標籤選項。
您可以在郵件內的文字區塊新增個人化資訊。了解如何設定。
點擊此處，找出電子報可用的字型。至於著陸頁，您可以使用 Google 的字型。點擊此處。了解更多。
此外，您可以在文字區塊加入新增連結。點擊此處，了解更多。
如果您需要更多文字區塊在著陸頁的資訊，點擊此處。
注意：某些情況下您會看到 TinyMCE 標誌，像是編輯文字區塊時。TinyMCE 是我們用來改善拖曳式編輯器穩定及速度的第三方軟體。這個標誌只有編輯文字區塊才會看到，它不會出現在郵件內。
影片是非常有效的視覺工具。透過影片，您可以呈現產品的品質，或是為什麼顧客應該跳過您的競爭對手，選擇您的產品。千萬別錯失在您的郵件使用影片的機會。
想了解如何新增影片到您的郵件，點擊此處。
使用分段區塊將郵件內的區塊或區段建立間隔。間隔不一定要設定為空白。要新增分段區塊，將區塊拖曳到您想要的位置。
行為召喚 (CTA) 按鈕是郵件最有趣的一部份。它可以用來吸引訂閱用戶瀏覽著陸頁。
要新增按鍵，將區塊拖曳到您想要的位置。在左側面板，您會看到自訂按鍵的選項。要了解更多關於按鍵編輯選項，請瀏覽詞彙表。繼續閱讀，了解如何設定按鍵內容。
社群媒體區塊很重要。我們的編輯器提供兩種區塊，增加您的社群曝光管道。要使用任何一個區塊，拖曳到您選擇的位置即可。
社群追蹤區塊可以讓您新增社群媒體圖示，或是圖示加上文字。區塊可以新增多達 20 種不同的服務，包括 Facebook、Twitter、Whatsapp、Linkedin、YouTube、Pinterest、RSS、Vimeo、TripAdvisor 等。
社群分享區塊可以新增：Facebook、Twitter、Linkedin、Myspace 以及 instapaper。此區塊可以讓您直接分享郵件到社群媒體。
使用哪一種區塊？
果您要引導收件人到您的社群媒體，使用社群追蹤媒體按鈕。他們可以點擊想要瀏覽的社群媒體，按讚或新增到他們的偏好。
如果您想要用戶分享您的內容，使用社群分享區塊。
想了解如何使用「設置」，瀏覽詞彙表。
依照下列指示在兩個區塊內新增社群媒體：
此外，移動滑鼠到社群媒體圖示會看到移動或刪除的選項。
導覽列可以搭配錨點，用來引導您的收件人跳到郵件的其他地方，或是用來連到外部連結。
如何自訂導覽列區塊
想了解「設置」標籤，請瀏覽詞彙表。
您可以在電子郵件裡使用電子商務區塊，推廣和銷售您的產品
電子商務區塊包含以下內容：
要使用產品區塊，拖曳區塊到您的郵件區段裡面。
要自訂您的電子商務區塊，請依照下列步驟操作。
如果您不想使用任何區塊元素，只要在「內容」標籤內關閉即可。
底下是使用電子商務區塊及設定樣式的範例。
開始前，點擊並拖曳區塊到郵件中想要放置的位置。
要使用 Shopify 產品區塊，您需要有付費的 Shopify 帳戶。第一次使用時，您需要整合 Shopify 到您的 Benchmark 帳戶。想了解如何整合 Shopify 商店到 Benchmark，點擊此處。
一旦成功整合您的 Shopify 帳戶到 Benchmark，您會看到可用的 Shopify 產品列表。
選擇其中一項產品。區塊會使用 Shopify 的詳細資訊，自動填入產品資訊。
Shopify 產品區塊包含下列：
重要
下面提供幾個 Shopify 產品區塊如何使用及設定樣式的範例。
使用儲存的區塊，省下寶貴的設計時間。您可以儲存設計好的區塊，之後設計時再次使用。儲存區塊時，區塊的樣式、文字以及圖片會保留下來。新增儲存區塊到您的設計後，您就可以修改內容，原始的儲存區塊則不會改變。
要儲存區塊，移動滑鼠到區塊上方，點擊「儲存區塊」選項。替區塊命名，點擊「儲存並關閉」。
要使用儲存的區塊
刪除已儲存的區塊
如果沒有儲存的區塊，您可以在設計版面刪除「已儲存的區塊」。
這裡提供一些如何使用區段優化郵件設計的案例。
下方郵件範例列出郵件中使用的區段及區塊。
首先在頁首的地方新增導覽列。範例的標題使用左側邊欄位的區段。下一個欄位使用圖卡區塊，新增圖片和文字。最後，在底部左側邊欄，我們新增社群媒體圖示，請訂閱用戶提供回饋。
這裡我們使用一欄和兩欄區段建立郵件。我們也在「全局設定」裡面使用邊界背景以及圓角設定，突顯郵件主文內容。
最後一個範例，我們使用多組欄位建立郵件。我們使用分隔線分開區段。如您所見，整封郵件我們使用了單圖區塊、文字區塊、按鍵區塊、社群媒體區塊以及影片區塊。
詞彙表
「設置」底下的選項會根據您編輯的區塊有所不同。
背景顏色
您可以使用這個選項設定某個區塊的背景顏色。點擊圓形圖示，從色條中選擇顏色。如果您有色碼，直接貼入方框中。完成後點擊「儲存」。「重新編輯」選項會恢復原始設定。
框線和線條樣式
有些區塊裡有框線選項。要設定框線顏色，點擊圓形圖示，然後從色條中選擇顏色。使用色碼也可以。框線樣式有 9 種選擇，線條粗細可以設定 0 到 99。您可以更改顏色為透明，或將線條粗細設定為 0。「重新編輯」選項會恢復原始原始設定。
圓角半徑
有些區塊有圓角半徑選項。此選項決定物件的圓角半徑，設定 0 到 20。完成後，您可以勾選「套用所有區塊按鍵」選項，所有按鍵就會使用同樣的半徑。
間距寬度
部份區塊可以設定間距寬度，像是導覽列、社群追蹤以及社群分享區塊。此選項決定物件跟物件之間的寬度。要設定「間距寬度」，移動綠色滑桿，設定 0 到 20。
間距和邊界
「內容」標籤底下可以看到間距和邊界選項。兩者指的都是物件周遭的空間。移動滑桿就可以設定間距和邊界。
對齊
對齊選項跟物件的位置相關。要設定對齊方式，點擊下列選項：置中、靠左、靠右、底部或頂部。
行距
只有文字區塊才有行距選項，用來定義兩個行內物件的高度，選項有單行間距、1.25、1.5 以及2倍間距。
色碼
色碼是代表顏色的值。色碼開頭是井字號 (#)，後面接了六個字元。舉例，#CFCFDA 裡面的字元可能是數字或字母。色碼可用來加上品牌顏色。如果不確定要使用的色碼字元，您可以使用設計軟體或線上顏色挑選器。
如果您還有其他問題，請隨時聯絡我們的支援團隊。
