在HTML電子郵件中使用CSS語法
一般來說，CSS編碼是放置在個別的CSS檔案中或是在電子報頁首的格式定義(Style Tag)裡，然而這在電子郵件中卻是無效的，大部分的電子郵件客戶端(如YahooMail、Gmail、Hotmail等等)都會自動地移除起始敘述(Head Tag)以及程式主體(Body Tag)，這些電子郵件客戶端不會引用外部的CSS檔案，因為它可能會干擾這些系統本身自己的CSS編碼。我們建議把您的CSS編碼和內容放在一起，而不要使用起始敘述(Head Tag)以及程式主體(Body Tag)，例如，使用寬100%的DIV而不是使用Body CSS或Head CSS ，下列為參考的例子： <div style=" font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #BBBBBB; background-color:#EEEEEE;">Your content here....</div> 我們建議您在發送電子郵件前，徹底地檢測您的CSS編碼。一般而言，比較簡單的東西，比如說字體、大小及顏色都是沒問題的；但有一些東西，如DIV及X、Y、Z三軸定位就不全然保證能夠使用，建議您使用簡單的CSS編碼即可，萬一收件人無法下載，至少還可以瀏覽您的訊息。 可惜，您無法像依賴瀏覽器上的網頁一樣，來期待html電子郵件的CSS編碼。
範本與編輯器 八月 6, 2018
如何檢視 HTML 代碼？
為了避免郵件預覽於收件匣或行動裝置顯示錯誤， Benchmark 系統可以讓用戶檢視文字區塊或其他區塊的代碼，只是有一點需要特別注意，並非所有區塊都能檢視代碼，若你要檢視代碼，只要點選區塊工具列中的來源碼按鍵即可看到代碼。
拖曳式編輯器 九月 5, 2019
Can I copy and paste text in the new editor?
Yes! It is easy to copy and paste text into the new Drag and Drop Editor. By clicking on the clipboard icon , a window will appear to let you paste text from either Microsoft Word, or from Text Document. This will remove any special code or formatting that may be carried over into the editor and that is not compatible with email clients.
拖曳式編輯器 九月 5, 2019
Most frequently asked Editor questions
How do I remove an underline from a hyperlink? How do I change my font color? How do I align my images in a row? What do I need to know about using my own, custom HTML email? How do I personalize my email to display my contact's first name using HTML? How do I add custom fields in the body of my email using HTML? How do I make a custom field a hyperlink using its URL that's also a custom field? How do I send the same email with unique content for each recipient? How do I change the color of my bulletpoints? Why am I experiencing formatting issues? How do I remove an underline from a hyperlink? Click the Pencil icon for the section you'd like to insert your hyperlink Insert the text or URL Highlight the text Select the Link icon Enter in the URL (be sure to copy over the pre-populated http:// if you've already copied that portion Click Update Select the blue HTML button at the bottom right of the floating toolbar Locate the URL associated to the text. In the example below, http://www.benchmarkemail.com/ExtPricing. <a href="http://www.benchmarkemail.com/ExtPricing">Benchmark Email Pricing Plans</a> Immediately following the closing quote, enter in the following code style="text-decoration:none;" like so: <a href="http://www.benchmarkemail.com/ExtPricing" style="text-decoration:none!important;">Benchmark Email Pricing Plans</a> Click Save & Close Top How do I change my font color? Click the Pencil icon in the section containing the text you'd like to change the color of Click on the blue HTML button located at the bottom right of the floating toolbar Locate the first word of the respective line and edit the color number prior to it In the below example, I would replace #fc6462 with my desired color number or name to change the text color to "What extra features does Benchmark Email offer?" <span style="color:#fc6462;">What extra features does Benchmark Email offer?</span> Top How do I align my images in a row? Click on the Pencil icon of the section you'd like to place your images Click on the blue HTML button located on the bottom right of the floating toolbar Copy the code below and paste it over the existing code in the HTML window (Please note that this action will replace all existing content within the section): <table width="100%"> <tr> <td> image 1 </td> <td> image 2 </td> <td> image 3 </td> </tr> </table> You should have as many rows of <td> image # </td> as you do images. Since there are 3 lines of this code above, what has been provided is preparing you to insert 3 images. Add and remove accordingly. Click Save & Close You should see, the text Image 1, Image 2 and Image 3 in the section Highlight Image 1 Click on the Image icon under Insert Additional Elements Select your desired image within the Image Gallery window Click Insert Resize the image as needed (Important note: Template width maximum is 600 pixels) Repeat steps 7 through 11 for Image 2 and Image 3 Select each image and select the Align center button from the floating toolbar Click Save Top What do I need to know about using my own, custom HTML email? If you'd like to insert content in a tabular format, this should be done in tables rather than spacing in between 2 columns. Many email clients will ignore CSS unless it's used Inline. Because of this, we recommend that you code your emails using in-line CSS only. Avoid copying text and/or images from an external source such as MS Word and pasting it directly into Benchmark Email's Editor. Instead, paste it into Notepad first, and then transfer it from Notepad into Editor. Your email content should consist of 60% text and 40% images (best practices). Avoid nesting unwanted duplicate tags to the content. Avoid using scripting in the code. Avoid the use of <p> tags. Instead, use <br> tags as <p> tags may result in spacing issues when viewing from various email clients. Avoid using background images in your email as most email clients block them for security purposes. Design your emails to meet the 600 x 800 standard. Top How do I personalize my email to display my contact's first name using HTML? If you're experiencing difficulties personalizing your email using our Tools (http://www.benchmarkemail.com/blogs/detail/benchmark-email-new-feature-add-personal-greetings), an alternative solution would be via HTML: Click the Pencil icon in the section you'd like to start your greeting Highlight and delete the placeholder text Insert your greeting: "Hi," "Dear," "Greetings," etc. Click on the blue HTML button located at the bottom right of the floating toolbar Locate your greeting Copy and paste the following code one space after your greeting: [contact_attribute:firstname] Click Save & Close The code will be visible within the section but will display accordingly (s
範本與編輯器 九月 5, 2019
Are QR / Bar Code Related Merge Tags available in Benchmark Email?
You can add QR Codes or Barcodes in your email including personalization tags. To add a Barcode in your email you would have to use the following construct: [QRCode: url="URL" size="size"] Print the QR Code based on the URL given. The size parameter determines the size of the image. URL = The URL the QR Code should be referring to. e.g. [QRCode: url="http://www.google.com" size="2"] You can also have personalization in the URL e.g. [QRCode:url="http://www.google.com?s=[contact_attribute:firstname]" size="3"] size (optional) = The size of the image. The valid range is from 1 to 20. The default used is 10. To add a Barcode in your email you would have to use the following construct: [BarCode: url="URL" height="60" width="1"] URL = The data that you want to encode in the Barcode. e.g. [BarCode: url="http://www.google.com" height="60" width="1"] To personalize the data you could also use [BarCode: url="[contact_attribute:Extra 3]" height="60" width="1"] Height (optional) = This is the height of the barcode image. The valid range for the height is 20 to 60. The default used is 30 Width (optional) = This is the width of the barcode image. The valid range for the width is 1 to 2. The default used is 1 To see all the merge tags available in Benchmark Email, click here
觸發郵件 八月 7, 2018
Benchmark Email能追蹤到智慧型手機的開信嗎？
當然！在你的HTML電子郵件的下方有一個隱形的小圖示。這個追蹤器，又稱「開啟追蹤器」或「網頁晶片」，在每封寄出的電子郵件中都獨一無二。 只要收件人開啟電子郵件，他們就會同時下載追蹤器的小圖示。我們會追蹤被成功下載的網頁晶片，這也是分析報告中開信率的來源。 不管電子郵件是在桌面裝置、瀏覽視窗、行動裝置或智慧型手機中被開啟，當圖示被成功下載，我們就能追蹤到它，並將它放進你的分析報告中。 請注意：在某些情況下我們可能無法成功追蹤開信。
分析報告 八月 7, 2018
我要如何用[瀏覽代碼]為圖片建立邊框？
當你將圖片插入電子郵件區塊中，你可以透過[瀏覽代碼]在區塊中為圖片加上邊框。 請注意：這需要HTML的相關進階知識，若操作錯誤可能會造成電子報不必要而永久的改變。 如何為圖片加上邊框： 在圖片所在的區塊中點選[編輯] 在左邊選單中點選。你也可以點選工具列中的[HTML]。 找到圖片連結的html代碼。 在圖片連結後面找到：border="0" 例： <a href="http://www.benchmarkemail.com"><img src="http://images.benchmarkemail.com" border="0"></a> 以別的數值代換”0”以製造邊框。數值越高邊框就越粗。 例： <a href="http://www.benchmarkemail.com"><img src="http://images.benchmarkemail.com" border="4"></a> 完成以後，點選[儲存後關閉]。 請記得也要儲存整個區塊。
拖曳式編輯器 九月 6, 2019
How do I copy a block of an email to another email?
You can copy a block of information from one email to another one by simply transferring over the HTML code. Note: Following these instructions incorrectly could result in permanent undesirable changes in your template(s). This is recommended only for those with a working knowledge of HTML. To copy a block of an email to another email... Click the Edit icon on the block. On the left panel, click on or in the toolbar of the block, click on the HTML button. Highlight all of the code in the Code View window and copy it to your clipboard. Click Canel. Now click on the Email tab and select the email that you want to insert the block of information into. On Step 4 of the editor, click the Edit icon and then click the button from the left panel. Alternatively, go to the toolbar of the block and click on the HTML icon on the block where you want to insert the code. Delete the existing code that is displayed in the Code View window. Paste the code that you copied from the first email. Click Save & Close.
範本與編輯器 九月 6, 2019
為什麼預覽視窗會影響收件人的開啟紀錄？
為什麼某位收件人有數筆開啟紀錄，原因如下： 若聯絡人使用預覽窗格瀏覽郵件，這時分析報告就會直接將收件人歸類在”開啟”名單內，舉例來說，我使用預覽窗格檢視郵件2次，那麼分析報告就會顯示我有2次開啟紀錄。 某些聯絡人習慣先使用預覽窗格快速瀏覽郵件內容，再決定是否開啟。 若聯絡人的客戶端沒有預覽窗格，那麼他們一定要點選開啟才會被追蹤為開啟名單，這也降低此種聯絡人有數筆開啟紀錄的可能。 我確定聯絡人開啟郵件，但是分析報告卻沒有紀錄？ Benchmark Email 無法將所有利用預覽窗格瀏覽郵件的收件人追蹤為開啟名單，收件人必須採取特定動作才會被追蹤為開啟名單。 必須採取的動作如下: 點選"顯示郵件中的圖片" － 換句話說，聯絡人只是檢視純文字版本的郵件，將不會被追蹤為開啟名單。 點選 HTML 郵件的連結 － 就算收件人沒有點選顯示圖片，只要點選連結即會被歸類為開啟。 點選”無法正常預覽郵件？”－ 點選此按鍵後，收件人即可以瀏覽完整的郵件內容。 只要收件人使用預覽窗格採取其中一個動作，此收件人就會被追蹤為開啟名單。
分析報告 八月 7, 2018