知識庫首頁 aero-right 拖曳式編輯器

使用分段區塊

「分段」區塊對於整理郵件以及著陸頁的排版非常實用,替他們打造一種乾淨整齊的樣貌。在每個區段加入間距,方便收件人瀏覽資訊,這是比較好的作法。 下方您可以找到在拖曳式編輯器裡如何新增「分段」區塊,以及在圖片及文字設定間距的方法。 分段 要使用此區塊,拖曳到您要編輯的區域。完成後,分段區塊的設定會顯示在左邊。 分段設定 背景顏色 點擊圓圈,選擇您要的顏色,或是輸入您的色碼到空白方框內。 邊界 設定上下邊界範圍 0 到 99px。 間距 間距指的是分段線的左右長度。滑動綠色圓點設定 0 到 20 px。Benchmark 允許用戶使用滿版分隔線或內凹分隔線。 分隔線樣式 挑選系統預設的顏色,或輸入您的色碼。 只要點擊分段區塊就可以再次進入分段設定。 使用分段區塊建議 分段區塊是一種空白區塊,適合用來區分不同區域。您可以將顏色設定為白色,寬度設定為 0px,建立乾淨又美觀的設計。 自訂分段區塊 如果您要使用自訂的圖片分段區塊取代系統的分段區塊,將圖片區塊拖曳到郵件內然後插入圖片。 拖曳到郵件內的每個區塊都可以新增「間距」。如果您想了解更多關於圖片間距資訊,建議您瀏覽這篇 FAQ:如何新增圖片。 如果使用三個欄位,您可以在旁邊欄位加入分段區塊,中間欄位加入小張圖片,讓郵件看起來有一種精心設計的感覺。 另一個使用分段區塊的好時機是放在標題跟副標題中間。分段區塊可以將郵件內的不同區塊區分出來。另外,您也可以把它用來結束一個段落或是將訊息做結尾。 不要刻意使用太粗或深色系的分段區塊。分段應該要醒目,但不能喧賓奪主,畢竟郵件內容才是最重要的。 創意設計並非易事。為了協助您,我們提供許多免費郵件範本。 Benchmark 帶給您創意無極限的設計。如果您需要更多關於拖曳式編輯器的資訊,請隨時透過電子郵件、線上客服或電話與我們聯絡。

常見問題 拖曳式編輯器 六月 12, 2020

如何新增連結到郵件?

您可以新增不同類型的連結到郵件,引導訂閱用戶進到您的網站、問卷調查、或分享影片連結!我們將介紹 Benchmark 支援的連結類型,以及如何新增這些連結到您的郵件。 注意:每個步驟都是從建立郵件的「設計」步驟開始。 您可以新增下列連結到您的郵件: 網址 (URL) 電子信箱 Phone Number 電話號碼 問卷 影片   插入網址連結 點擊您要新增網址連結的區塊。注意:如果您要使用文字,圈選區塊內的文字,點擊「插入連結」圖示。接續下列步驟。 點擊「插入連結」圖示 系統會彈出一個視窗,在「連結類型」下拉式選單中選擇「網址」 在「網站 URL」輸入您要引導訂閱用戶前往瀏覽的連結。 完成後,點擊「插入」。 返回頁首   插入電子信箱連結 點擊您要新增電子信箱連結的區塊。注意:您可以圈選文字或點擊區塊,加入電子信箱連結。 點擊「插入連結」圖示 統會彈出一個視窗,在「連結類型」下拉式選單中選擇「電子信箱」。 在空白方框內輸入電子信箱。 然後,點擊「插入」。 返回頁首   插入電話號碼: 點擊您要新增電話號碼的區塊。 點擊「插入連結」圖示 系統會彈出「插入連結」窗口。在連結類型下拉選單中,選擇電話號碼。 輸入方框內電話號碼。 點擊「插入」。 返回頁首   插入錨點連結 使用錨點標籤功能可以連結到郵件內的特定區域。收件人可以透過錨點功能跳讀郵件的內容。添加錨點連結之前,您需要先建立好錨點。以下是操作步驟。 點擊郵件內的文字區塊,點擊錨點會出現的地方。 然後,點擊錨點圖 建立錨點名稱。 點擊「儲存」選項。現在,開始準備連結到錨點標籤!以下是連結步驟。 選擇並點擊您想要插入錨點連結的區塊。 現在點擊「插入連結」圖示 在連結類型下拉選單中,選擇「錨點」。 然後,選擇錨點,點擊「插入」。 返回頁首   Benchmark 問卷調查連結 所有在 Benchmark 帳戶建立且啟動的問卷調查都可以在拖曳式編輯器使用。 點擊並打開您想要新增問卷調查的區塊。 注意:如果您想要新增到文字,選定區塊內的文字,點擊「插入」圖示繼續。 現在,點擊合併化標籤,選擇「問卷」。如果您沒有找到合併標籤,點擊「更多」選項,從下拉選單中可以找到。 在「連結名稱」下方,命名問卷調查名稱。問卷名稱會覆蓋先前您選定的區塊文字並顯示在此。 在「問卷調查名稱」的下拉選單中選擇已啟動的問卷調查。 點擊「插入」按鈕。 返回頁首   新增影片: 前往「區塊」畫面。 拖曳「影片區塊」到想要顯示影片的地方。(一個帶有文字的綠色區塊會顯示:拖曳到這裏) 點擊「連接至影片」。 系統會開啟影音走廊,滑鼠移到影片上,點擊「插入」 注意:如果您的影音走廊沒有任何影片,點擊「插入影片URL」下拉選單,貼上影片 URL,然後點擊「插入」。影片會新增到影音走廊並自動加入到郵件。 自定義影片區塊,可以選擇背景顏色,框線,顏色以及間距。您可以點擊「替換」來更換其他的影片。 最後,完成後點擊「儲存及關閉」。 重要:影片不是嵌入在電子郵件中。如果郵件裏面包含代碼和嵌入標籤,收件端會將郵件標示為垃圾郵件。Benchmark 透過影片的截圖以及新增連結來解決這個問題。當收件人點擊圖片想要播放影片,畫面會跳轉到網頁版本郵件。影片會在瀏覽器上的郵件內播放。 返回頁首 如果您有其他問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

拖曳式編輯器 範本與編輯器 六月 6, 2020

編輯及調整圖片尺寸

如果您要在電子報使用圖片,但想要修改圖片,您可以使用我們的圖片編輯器進行裁剪、編輯、新增文字或調整圖片尺寸。 要在拖曳式編輯器裡調整圖片大小,首先要拖曳圖片區塊到郵件,或是點擊圖片區塊的「匯入檔案」。 進入圖片編輯器有兩種方法,一個是從「圖庫」,一個是從「拖曳式編輯器」。 從「圖庫」 在「圖庫」裡,點擊您要編輯的圖片右邊的刪節號圖示,在下拉式選單中選擇「編輯圖片」。 從「拖曳式編輯器」 點擊電子報裡的圖片,您會在左邊看到圖片區塊設定,點擊「編輯」。 如果您的郵件沒有圖片,拖曳圖片區塊到您的郵件,點擊「匯入檔案」。找到您的圖片,點擊圖片右邊的刪節號圖示,選擇「編輯圖片」。 點擊「編輯圖片」,系統會彈出「圖片編輯器」,提供您各種編輯圖片的工具。 繼續閱讀或點擊下方選項,了解您可以用圖片編輯器做什麼。 裁剪 & 調整尺寸 濾鏡 調整 聚焦 文字 文字設計 貼紙 筆刷 相框 疊加 其他功能   裁剪 & 調整尺寸 裁剪圖片 拖曳圖片四個角,裁剪您要的大小或選擇預設的圖片比例。 調整尺寸 首先鎖定比例,然後調整您的寬度跟高度,最後儲存設定。系統會建立新的圖片,新增到您的圖庫。 返回頁首 濾鏡 利用濾鏡製作生動的圖片。您可以更改圖片顏色、色調、鮮豔度以及飽和度等等。使用任何一款濾鏡可以讓圖片看起來更好看。記住,套用太多濾鏡會讓您的圖片看起來不自然。 下面是如何使用濾鏡的一些建議。 在圖片編輯器可以看到下列可用的濾鏡: 直接點擊您要的濾鏡套用到圖片上。每組濾鏡都有滑桿可以調整濾鏡的強度。 要恢復圖片原始狀態,捲到濾鏡上方選項,選擇「無」。 下面例子我們套用了不同的濾鏡到同一張圖片。如您所見,沒有所謂正確的濾鏡,但如果您要使用濾鏡,試著挑選一個符合您郵件設計的樣式。 濾鏡建議: 套用同樣的濾鏡到郵件內所有圖片,或是套用同樣的濾鏡到全部郵件裡的每張圖片,保持一致性。 食物圖片請用暖色系或紅色系的濾鏡,不要使用冷色系或藍色系的樣式。 如果要保持一致性,您可以選擇 Lomo 濾鏡,它會在每張圖片加入深色模糊的邊。 記住,不是每張圖片都需要濾鏡。相反的,圖片應該給收件人沒有太多修改且接近真實的感覺。 返回頁首 調整 所有設定的預設值都是 0。要修改圖片,移動滑桿到您要的數字。點擊「重置預設值」按鈕可以還原圖片。系統提供「基本」以及「進階」設定。 基本 亮度調整圖片的亮度。 對比調整圖片的陰影效果。 飽和度調整圖片色彩的純度。 伽瑪值校正圖片的輝度。 進階 清晰度增加對比,條到中間調可以增加更多紋理,顯示圖片細節。 曝光調整圖片捕捉到的光線多寡。 陰影調整圖片的深色色調。 高光調整圖片的淡色調。 白色調整圖片的白色的亮度。 黑色調整圖片的黑色的亮度。 色溫會增加圖片的冷(藍色)暖(紅色)色調。 銳利度會模糊或增加圖片細節。 下圖顯示調整過後的圖片可以將圖片變得更明亮。任意調整各項設定值,找出最佳效果。 返回頁首 聚焦 即使透過智慧型手機拍照,您也可以聚焦在圖片的某個物體。萬一忘了聚焦在主要物體,或是發現圖片後面的東西模糊了,您都可以使用圖片編輯器的「聚焦」功能做調整。可以套用的選項有「放射狀」、「鏡像」、「線性」以及「高斯」。套用方式如下: 放射狀聚焦適合用在照片的主體聚焦在圓圈內的情況。您可以移動聚焦的圓圈,放大或縮小。圓圈內的畫質銳利,圓圈外的則是模糊,移動左邊的滑桿調整模糊程度。 鏡像聚焦會加入兩條平行線到您的圖片,您可以隨意旋轉或是拉大或縮小兩條線的間距。線外的部份畫質模糊,線內的則是銳利。 線性聚焦像是一條透視的線。它是一條單純的直線,兩端各有一個點。移動線的角度並調整線的長度,取得聚焦的點。記住,您可以移動滑桿調整圖片模糊的程度。 高斯聚焦會將整張圖片模糊處理,您可以移動滑桿調整圖片模糊的程度。 返回頁首 文字 新增文字到您的圖片。選擇字型、尺寸、對齊方式、文字顏色、背景顏色以及行距。要新增文字,點擊文字框兩下。使用文字框上方的懸浮視窗可以選擇向上對齊、複製或刪除三種選項。 返回頁首 文字設計 與其直接新增文字,您可以加入系統設計的文字。點擊「文字設計」圖示,系統會彈出視窗要求您輸入文字,輸入完畢後選擇文字樣式及顏色。使用文字框上方的懸浮視窗可以選擇向上對齊、反轉、複製或刪除四種選項。 返回頁首 貼紙 新增表情符號及形狀貼紙,為圖片增添一點變化。要新增貼紙,點擊貼紙選項,然後選擇「表情符號」或「形狀貼紙」就可以加到您的圖片。您可以點擊貼紙四個角落的圓點調整貼紙尺寸。使用貼紙上方的懸浮視窗可以選擇向上對齊、反轉圖片、複製或刪除四種選項。您也可以移動滑桿調整 「不透明度」,數值可以設定 0 到 100。點擊「替換」選項會返回貼紙選單,您可以選擇新的表情符號或圖形。 返回頁首 筆刷 使用筆刷選項可以微幅調整您的圖片。筆刷顏色、寬度以及硬度都可以做調整。要使用筆刷,請設定相關選項。選擇圖片,點擊後就可以開始設定。 返回首頁 相框 要套用相框,點擊「相框」,系統會在左側列出可用的選項。您可以更改不透明度以及寬度。點擊「替換」選項會返回相框選單,您可以選擇新的相框。 返回頁首 疊加 疊加指的是增添在圖片上的圖層。疊加效果沒有所謂的正確與否,所以我們建議您套用每一個選項測試結果。要新增疊加效果,只要點擊其中一個選項,然後移動滑桿調整疊加效果的強度。 返回頁首   其他功能 在「文字」、「文字設計」以及「筆刷」選項裡可以新增 HEX 色碼或 RBG。點擊任何顏色兩下,在下方欄位輸入顏色代碼,或移動下方滑桿選擇您要的顏色。 在編輯器上方可以找到「復原動作」、「重複動作」以及「縮放」選項。 返回頁首 重要 完成變更後,點擊「儲存」,返回郵件編輯器您需要重新匯入圖檔,剛才編輯過的圖片則會另存為新的檔案放在圖庫。如果您在圖庫內編輯圖片,編輯完成後會返回圖庫。 所有透過圖片編輯器修改的圖片也會儲存在您的圖庫。  系統允許的圖檔檔案最大為 5MB。要取得最佳效果,請將圖檔維持在 200 kb 或以下的大小。 GIF 動畫和圖片編輯器不相容。要編輯 GIF 動畫,請使用您建立 GIF 動畫的軟體。如果您在圖片編輯器編輯 GIF,動畫的效果會消失。 更改圖片會另存新檔,原始圖檔不會受影響。 如果您想了解更多關於圖片區塊以及如何使用,點擊此處。 如果您有關於圖片或圖庫的任何問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

圖庫 常見問題 拖曳式編輯器 五月 16, 2020

我可以在電子郵件加入免責聲明嗎?

可以,您可以在郵件裡加入免責聲明。我們理解貴公司可能因為安全或隱私的理由,需要在郵件裡加入免責聲明。您可以使用我們提供的下面兩種方法來新增免責聲明:「許可提示區塊」或「文字區塊」。 請依照下列步驟操作: 許可提示區塊 首先,「建立新電子郵件」。 選擇您要編輯的郵件編輯器,點擊「儲存及下一步」。 填寫「步驟 1 詳細資訊」裡的必填欄位。 在「許可提示區塊」貼上您的免責聲明。建議您不要移除原本區塊裡的內容。 完成後,點擊「儲存及下一步」。   選擇您要發送的聯絡人名單,然後點擊「儲存及下一步」。 現在,選擇您要使用的範本。 看到範本後,您的免責聲明會出現在郵件上方或底部。   您可以把許可提示區塊拖曳到郵件其他地方,或是放在原來的位置。 上面就是透過許可提示區塊新增免責聲明的步驟。您無法修改區塊內的文字樣式。 文字區塊 進到編輯郵件的「步驟 3」才能新增「文字區塊」。 您可以根據自己的喜好,將「文字區塊」拖曳到郵件的任何一個位置。免責聲明一般會放在郵件上方或底部。 新增「免責聲明」後,點擊「儲存及關閉」。 您就可以繼續編輯郵件剩下的內容。 上面就是透過文字區塊新增免責聲明的步驟。您可以修改區塊內的文字樣式。 任何一封您建立並儲存的郵件將存成「已發送郵件」,方便日後重新使用。進到編輯郵件的步驟 3,您可以「版型」區塊底下找到「已發送郵件」。 若您有任何問題,請隨時透過電子郵件、線上客服或電話與我們的支援團隊聯絡。

傳送 拖曳式編輯器 九月 9, 2019

如何使用 Benchmark Email 範本建立郵件?

您可以套用符合需求的 Benchmark 範本或是上傳您的 HTML 代碼建立郵件。 要使用郵件範本建立郵件,請依照下列步驟操作: 登入您的 Benchmark 帳戶。 點擊首頁左側導覽列的「電子郵件」,選擇「電子郵件」。 點擊右上方的「建立新電子郵件」。 選擇「一般電子報」,然後點擊「下一步」。 選擇「拖曳式編輯器」,然後點擊「下一步」。 命名郵件名稱,用來辨識您的郵件,收件人不會看到此名稱。 點擊「下一步」。 下一頁,點擊每個區塊進行編輯並儲存內容,完成郵件檢查列表。以下為您解說不同區塊功能。 發送對象:: 在下拉式選單選擇您要發送的名單。您也可以排除名單,將特定聯絡人從選定的名單中排除,避免他們收到郵件。  寄件人:收件人在郵件會看到寄件人名稱。我們建議您使用公司或企業域名取代個人信箱。                                                    郵件主旨:建立您想要收件人看到的郵件主旨。點擊此處,了解如何撰寫出色的郵件主旨。您可以點擊 Emoji 支援連結,了解如何在主旨欄使用表情符號。點擊燈泡符號可以開啟主旨建議功能! A/B 測試主旨:將橫桿從灰色切換到藍色,開啟此功能。設定測試時間及抽樣群組比例。 內文預覽:內文預覽會出現在收件匣主旨欄後方。 郵件設計:您可以在這裡客製化您的郵件內容。以下是操作步驟:                       點擊「範本」,選擇符合需求的版本。您也可以選擇「排版」、「範本」或「已發送郵件」。                                                    進入編輯頁面:郵件內容由獨立、可編輯的區塊組成。您可以拖曳區塊到想要放置的位置。背景顏色可以在「全局設定」修改。您可以修改區塊內容、文字樣式,從「圖庫」插入圖片。 準備設定傳送時間後,點擊「儲存」或「儲存及下一步」,儲存變更的內容。 連結追蹤 & 分享:要啟動追蹤或內容選項,點擊「編輯」,開啟以下選項。 Google Analytics 網址追蹤:這是用來追蹤網站的訪客。您必須在您的網站設定 Google Analytics 才能使用此功能。  自動發佈郵件到 Twitter:如果您想要在郵件發送出去時,自動將郵件發佈到您的 Twitter 帳號,開啟此選項。 Benchmark 社群:您可以將郵件加入 Benchmark 社群,讓其他 Benchmark 客戶瀏覽。 Benchmark 檔案保管處:將您的郵件加到檔案保管處。檔案保管處可以儲存所有您選擇的郵件並提供 URL,讓其他人瀏覽您先前發送的郵件。                                             準備發送或設定傳送時間時,點擊頁面右上角的「立即傳送」或「設定傳送時間」。所有區塊設定完成後才能選擇「立即傳送」或「設定傳送時間」。 立即傳送:郵件會在大約十分鐘內發送。在彈出視窗點擊「立即傳送」確認發送郵件。  設定傳送時間:此選項可以設定郵件之後發送時間。選擇日期、時間以及時區,完成後,點擊「設定傳送時間」。 提示:您可以發送測試郵件到自己的信箱,確認郵件在收件人信箱呈現的樣貌。如果您想知道郵件在不同收件端呈現的樣貌,瀏覽我們的收件匣測試功能。  郵件檢查列表 在郵件檢查列表頁面,每個區塊需要儲存後才能編輯其他區塊。 郵件文字版本 從其他地方複製郵件內容到拖曳式編輯器時可能會添加不必要的字元。在某些情況下,此舉會造成 HTML 內容無法同步到純文字版本。如果 HTML 內容和純文字版本沒有同步,您會看到郵件檢查列表看到以下這段文字:您的 HTML 郵件版本沒有和純文字同步。 以下是更新郵件純文字版本的步驟。我們建議您編輯完郵件後再來同步郵件。 從「郵件檢查列表」頁面進到郵件「編輯」頁面。 然後,點擊「瀏覽文字版本」選項。 現在,點擊「從 HTML 電子報複製文字」選項。 點擊「繼續」,完成確認。 如果您有問題,請隨時透過電子信箱、線上客服或電話與我們的支援團隊聯絡。

Create 拖曳式編輯器 範本與編輯器 一月 8, 2020

拖曳編輯器超越一般編輯器的 12 項功能

拖曳編輯器比起一般編輯器更加好用!除了能設計出響應式郵件,還提供許多舊編輯器沒有的強大功能。 請看以下的介紹,看看拖曳編輯器是如何從旁協助你設計圖文並茂的電子報。 1. 新增區塊 選取左欄區塊並拖曳至郵件編輯區,簡單又方便。   2. 複製現有區塊 將滑鼠移動至區塊,區塊右上方會浮出四個按鍵,點擊「複製」,複製的區塊即會出現在底下。   3. 調整區塊位置 將滑鼠移動至區塊,點擊右上方「移動」按鍵,移動區塊至特定位置。   4. 插入圖片
 將圖片區塊拖曳至編輯區,接著點擊「匯入圖片」,可以從圖庫中選擇圖片,或者從電腦匯入檔案,當然,也可以直接將圖片拖曳至區塊內。   5. 插入連結 若想針對文字插入超連結,可以利用工具列中的「插入連結」輕鬆辦到。 也可以在按鍵中插入連結、PDF、電子信箱。   6. 插入影音
 從左邊拖曳影音區塊至編輯區,點擊「插入影音」,輸入影片網址,或者從多媒體中心選擇現有影片嵌入。     7. 插入附件 點擊工具列中的「插入附件」,選擇已匯入的檔案或者從電腦中上傳不同的附件,將附件連結插入至文字中或任一位置。若在工具列中沒看到,可以點擊「更多」找到此選項。   8. 修改格式 點擊區塊即可利用上方的工具列修改格式,不同的區塊能夠使用的工具也不盡相同。   9. 合併標籤 個人化不僅能讓收件人倍感尊重,也能夠提升收件人的活躍度。拖曳編輯器也能讓你在郵件中插入個人化標籤。   10. 社群媒體整合 不同以往,若要在拖曳編輯器中插入社群媒體按鍵,只要從左側拖曳社群分享與社群追蹤區塊至編輯區,自動在區塊中增添需要的社群圖示即可。   11. 垃圾郵件檢查 我們提供垃圾郵件檢查工具,這款第三方工具已完美整合到我們的拖曳式編輯器,讓您在發送郵件前,輕鬆檢查郵件內容被判定為垃圾郵件的機率。     12. 更新純文字版本 點擊左上方的「純文字版本」,更新郵件純文字內容。純文字被修改後後並不會同步更新至 HTML 中,必須自己手動更新。   不藏私的小祕訣 行動裝置設定 正如前面所說,拖曳編輯器最大的優點就是設計出響應式郵件,不論是使用何種行動裝置瀏覽,都不會有跑版的問題。為了提升用戶更佳的使用者體驗,我們更加入了行動裝置設定,讓你能隨心所欲調整郵件於行動裝置所呈現的樣子。 若有任何問題,請透過電子郵件、線上客服或電話與我們支援團隊聯絡。

拖曳式編輯器 範本與編輯器 九月 4, 2019

1 2 3 4