top of page
搜尋

精心設計的行銷電子郵件Outlook收件者竟然看不到！Zoho Marketing Automation提供以網頁開啟的最徍做法

已更新：4月5日

ree

當我們發送行銷郵件給客戶或訂閱者時，尤其是toB的收件者經常是使用Outlook桌機版來收電子郵件，Outlook可能會導致圖片被封鎖、出現嚴重的格式錯誤和出現一些渲染問題。


Outlook在解析HTML/CSS格式上的特殊情形，是造成上述問題的主要原因：


Outlook桌機版影響行銷郵件的 12種 HTML特殊情況

  1. Outlook 會忽略 <div> 和 <p> 標籤的邊距和寬度。

  2. Outlook 會忽略 <a> 標籤的邊距。

  3. 始終在 <td> 標籤內使用 <a> 標籤，以便它在 Outlook 中正確呈現。此外，避免在這些 <a> 標籤後面加上 <table> 標籤。

  4. Outlook 會忽略圖像使用的填滿和邊距。

  5. 避免使用class

  6. 若沒有指定行高，Outlook 會使用預設高度。

  7. 避免使用 HTML5 和 CSS3。

  8. Outlook 不會顯示背景圖像。

  9. GIF 無法在 Outlook 上運作。

  10. <button> 標籤在 Outlook 上無法正常運作。

  11. 圖像寬度必須以屬性和樣式給出。

  12. Outlook 不支援兩列結構。


若是要避開這些狀況，可能會大幅影響行銷電子郵件的美觀程度！是否要為了Outlook 收件者而犧牲電子報的視覺設計呢？Zoho MarketingAutomation提供了最佳做法。


在行銷電子郵件中提供以網頁開啟的URL


步驟1：產生短網址

智能短網址不但可以自動統計點擊率，同時解決FB分享連結貼文時，無法顯示縮圖的問題。

  1. 選單->網站分析->智能URL，按下”建立智能URL”

ree

  1. 由於我們尚未取得eDM產生的URL，因此先在”落地頁的URL”中輸入公司網站URL，並填寫其他資訊後按下”取得連結和二維碼”

ree

  1. 複製由Zoho MarketingAutomation產生的智能短網址

ree

步驟2：在行銷電子郵件中使用智能短網址

  1. 以文字元素呈現，例如：”以網頁開啟”並將連結設為剛剛取得的智能短網址。

    以文字元素呈現可讓Outlook 收件者在看不見電子郵件圖片時，點選”以網頁開啟” 的字樣。

ree

  1. 在行銷電子郵件中提供分享至社群

ree

就像是在部落格文章中提供分享至社群的小圖示一樣，讓受眾看到好的內容時也能分享至他們的社群上。

Facebook分享連結：(紅色字體須替換成您剛剛產生的智能短網址)

https://www.facebook.com/share.php?u=https://zcu.ge/5re


Line分享連結：(紅色字體須替換成您剛剛產生的智能短網址)

https://social-plugins.line.me/lineit/share?url=https://zcu.ge/5re


X分享連結：(紅色字體須替換成您剛剛產生的智能短網址)

https://twitter.com/share?ref_src=https:// zcu.ge/5re


貼心小提醒：社群圖示icon 圖示必須等於或小於80 x 80像素，過大的圖片像素容易在分享至社群時被顯示為貼文縮圖。


步驟3：將行銷電子郵件產生的URL正式替換”落地頁的URL”

  1. 在行銷電子郵件正式發送後，立即取得”Email Public URL”

    貼心小提醒：行銷郵件產生的Email Public URL為長而複雜的網址連結，用於社群分享時常常無法正常顯示縮圖。因此，使用智能URL轉換為最佳解決方案。

ree

  1. 智能URL->配置->生成智能URL->編輯

ree

  1. 將”落地頁的URL”的內容，置換成剛剛取得行銷電子郵件的Email Public URL，並按下”生成新的URL和二維碼” (請放心，短網址不會改變，變更的僅是短網址背後導向的網頁連結)

ree


總結

在您的行銷電子郵件中提供”以網頁開啟”，不但可以讓使用 Outlook 的收件者有機會以網頁的型式看到您為他們精心設計的電子郵件，同時將社群分享插入電子郵件中，提供更多機會來推廣您的品牌並與您的訂閱者互動。

bottom of page