知识库首页 aero-right

HTML 邮件在不同邮件客户端显示的问题

AOL、Yahoo、Gmail 等 ISP 业者会影响邮件在收件匣呈现的样貌,更别说不同的浏览器也会有影响。 Benchmark 致力协助我们的客户建立精美的邮件。使用拖曳式编辑器,编辑适合各种移动设备的响应式邮件。此外,我们也提供收件匣测试功能,让您在邮件进到收件人的信箱前,提前浏览邮件呈现的样貌。 建立电子报的最佳作法 有些邮件客户端设有一些限制,任何一间 ESP 也无法避免。下列几个重点指出,不论邮件客户端或是浏览邮件的设备为何,邮件都能显示相同样貌的方法。 使用拖曳式编辑器 - 所有拖曳式编辑器里的邮件模版都是响应式邮件。 开启邮件的网页版本选项 - 将网页版本链接加入邮件。有些邮件客户端没有遵守网络规定,可能会让您的邮件看起来不整齐。 (在建立邮件的步骤1开启此选项) 背景图片 - 当收件端无法显示图片时,邮件会显示背景图片的颜色。编辑背景颜色,选择可以突出文字的颜色,否则邮件可能会呈现空白。 加入图片的替代文字 - 替代文字是用来描述电子报里面的图片。大部分收件端不会自动显示图片,所以替代文字可以提供文字说明。使用替代文字,邮件比较不容易被挡信。 对齐图片 - 大部分情况下,图片尺寸可能会太大,覆盖住文字,或是画质被压缩。对齐图片并缩小尺寸来清除格式。如果您使用我们的拖曳式编辑器,这些问题都不用烦恼,因为我们已经为您处理好了。 当您完成上述设定后,您可能需要发送一封测试信给自己或是给您信任的人。试着在多个设备上开启您的测试信,浏览邮件设计的样貌。您也可以在拖曳式编辑器里使用「收件匣测试」,浏览您的邮件在不同设备上呈现的样貌。 不同邮件服务商读取 HTML 邮件已知问题一览表 邮件客户端 支援  HTML 已知问题 AOL 4.0 and 5.0 否 仅支援文字 不支援表单 AOL 6.0, 7.0, and 8.0 是 标准 HTML 不支援表单 拒收链接到外部样式表的邮件 AOL 9.0 部份 无法读取 HTML 图片及热链接 不支援表单 内容过长的邮件会转为压缩档 AOL Webmail 部份 不完全支援 XHTML 语法 不支援 <br /> 标签 不支援锚点标签 - 在邮件内点击锚点标签不会跳到锚点,而是弹出新的收件匣视窗 Apple Mail 是 标准 HTML 不允许字型标签 - 使用  <span> 标签取代 必须点击两次锚点链接才能正常运作 在 El Capitan OSX 作业系统下,锚点链接无法运作 Compuserve 否 仅支援文字 Comcast Smartzone 是 标准 HTML 背景图片被封锁 不支援锚点标签 - 在邮件内点击锚点标签不会跳到设定的锚点,而是弹出新的收件匣视窗 Comcast XFinity 缩短内容过长的电子报 - 使用网页版本链接或缩短邮件内容 点击锚点或目录表不会跳到设定的锚点,而是弹出新的收件匣视窗。 Entourage (Mac) 是 标准 HTML Entourage 2008 (Mac) 部份 背景图片可能被封锁 支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画 项目符号由图片条列取代 Earthlink 部份 有时候文字会加上底线 Eudora 3.1 否 仅支援文字 Eudora 4.0, 4.2, 4.3, and 5.0 否 使用 Internet Explorer 时支援标准 HTML 使用预设 Eudora HTML 浏览邮件时,HTML 支援度不佳 Gmail 部份 不支援书签锚点 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容 邮件内的电话号码转成超链接 Hotmail 部份 预设不会载入图片 不支援<head>、<title>、<meta> 以及 < body> 标签 - 必须使用行内样式 4分钟后热链接将失效并移除背景图片 - 需要开启验证 CSS 问题 文字可能显示底线 连续使用 <p> 标签会产生空白断行的间距 - 请使用 <div>  标签,或建立新的文字,不要复制贴上原本的样式。 Juno 4.0, and 5.0 是 接近标准 HTML CSS 问题 Lotus Notes 4.6 否 不支援字型或链接颜色 Lotus Notes 5.0 是 接近标准 HTML CSS 问题 Novell GroupWise 5.5 是 标准 HTML Office 365 部份 标准 HTML 预设不会载入图片 CSS 问题 锚点链接以及目录表无法运作 图片常常以储存在图库的原始图档大小显示,造成扭曲或延展-请在图库重新调整图片尺寸,然后再插入邮件。 Outlook 97 部份 不支援字型或链接颜色 会有对齐的问题 Outlook 98 and 2000 是 标准 HTML 不完全支援 CSS Outlook 98 and 2001 (Mac) 否 仅支援富文字格式(或称多文字格式) Outlook 2003 部份 预设不会载入 HTML 图片。 Outlook 2007 and 2010 部份 不支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画 项目符号由图片条列取代 针对内容冗长且会断行的邮件插入分页符号 不支援图片边框 超过 1920 x 1080 像素的高解析度图片会缩小文字,但不会缩小图片 图片说明文字样式会被  Outlook 样式覆写 高度超过 1728 像素的图片会被剪裁 在段落间或 2 倍行高的文字会插入额外一行间距 图片可能因为电脑显示设定而变形、扭曲 注意:微软建立一套工具,协助您检验您的邮件在 Outlook 2007 呈现的样貌。 Outlook 2007 and 2010 (Mac) 部份 不支援锚点链接以及目录表 不支援 GIF 动画 Outlook 2013 and 2016 部份 针对内容冗长且会断行的邮件插入分页符号 如果区块最后一个文字是项目符号,邮件会多出一个空的项目符号-不要把项目符号放在区块文字的结果,或是在区块的结尾标签 </ul> 前新增 <div style="display:none;">&nbsp;< /div> 超过 1920 x 1080 像素的高解析度图片会缩小文字,但不会缩小图片 图片可能因为电脑显示设定而变形、扭曲 不支援 GIF 动画图档 Outlook 2016 (Mac) 部份 不支援锚点链接以及目录表 Outlook 365 部份 链接颜色预设为蓝色,除非前面的文字设定为其他颜色-链接需要放在 <span> 以及  <td> 标签内,<div> 内的文字必须使用不同颜色 点击锚点或目录表不会跳到设定的锚点,而是弹出空白视窗。 即使邮件设定靠左对齐,文字仍然会以预设形式出现 图片没有间距 Outlook Web Access 部份 标准 HTML 预设不载入图片 不支援锚点链接以及目录表 图片常常以储存在图库的原始图档大小显示,造成扭曲或延展-请在图库重新调整图片尺寸,然后再插入邮件。 Outlook Express- PC or Mac 是 标准 HTML Pegasus Mail 3.1- Windows 是 标准 HTML 不支援链接颜色 Smartphones Android, iPhone, etc. 是 电话号码可能会以链接方式呈现(可点击的按钮) 附加在邮件页尾实体地址旁的电话号码可能会被手机认定为日期格式 Verizon 是 标准 HTML 不支援锚点链接或目录表链接 Yahoo! 是 标准 HTML 所有浏览器都不支援锚点或目录表-点击后,邮件会关闭,回到收件匣。 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容 资料来源:StudioCloud 如果您有任何关于邮件显示的问题,请随时透过电子邮件、线上客服或电话与我们的支援团队联络。

传送 六月 25, 2019

如何创建订阅表格?

使用订阅表格是收集网站或者社交媒体订阅者名单的极佳工具。通过 Benchmark Email 订阅表格功能,创建不同类型的订阅表格,在此篇文章中,我们会详细介绍建立订阅表格的步骤。 点击下方选择想要建立的订阅表格。 内嵌式订阅表格(进阶) 内嵌式订阅表格 弹出式订阅表格 已经成功订阅的用户还会看到弹出式订阅表格吗? 一般式订阅表格 符合 GDPR 规定的订阅表格 开始建立订阅表格之前,请浏览以下事项: 免费试用账户每天最多可收集 75 位联络人。 付费账户没有收集限制。 使用旧介面的客户无法使用嵌入式订阅表格(进阶)。 新介面嵌入式订阅表格取代原本的一般式订阅表格,功能保持相同。 嵌入式订阅表格,如其名称,搭配其他设计并嵌入于网页特定区域中。 如果您需要删除订阅表格的某一部分,打开订阅表格编辑器,并移动鼠标到特定的区域,可以看到垃圾桶图标。点击后,可以删除此部分。 截止 2018 年 9 月,谷歌服务在中国大陆仍然被封锁。由于这些限制,在中国地区访客可能无法正常使用 reCaptcha 验证码功能。点击此处了解更多详细资讯。     内嵌式订阅表格(进阶) 以下是建立这款订阅表格的步骤: 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择内嵌式订阅表格(进阶),点击「下一步」。 命名订阅表格名称,并选择联络人名单。然后点击「保存及下一步」。 创建并编辑订阅表格 点击左上方的「订阅设置」,可以编辑「订阅设置」讯息。 将鼠标移动至订阅表格上方,点击省略号图标(3个点),可以更改订阅表格外观,或新增其他的栏位。 完成后,点击「保存及发布」。 接着系统会弹出订阅表格代码,选择代码类型,Javascript 或 HTML 代码,然后复制到网站上。 重要事项 如果您没有设定宽度像素,订阅表格宽度会填满整个宽度区域。 桌面上浏览订阅表格的最大宽度为 999 像素。但如果在移动设备上浏览,订阅表格会自动调整与屏幕大小一致。 可以自定义的设定 根据需求设定自定义宽度。但是,我们不建议更改宽度,系统将订阅表格的宽度默认设定为 100% 填满整个宽度区域。 您可以更改订阅表格的背景颜色,添加框线以及设定圆角大小。 点击订阅表格,新增图片,文字,分隔线,自定义标题,栏位和订阅表格按钮。 内嵌式订阅表格(进阶)可以根据自己需求增加栏位,但我们建议尽量保持简短。 需要设计灵感?以下是 Benchmark 提供的设计参考。 返回页首   内嵌式订阅表格 开始建立订阅表格之前,请浏览以下事项: 内嵌式订阅表格宽度取决于您放置订阅表格的网站。 内嵌式订阅表格仅能收集电子信箱,名字,姓氏。 以下是建立这款订阅表格的步骤: 登入您的 Benchmark 账户。 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择内嵌式订阅表格,点击「下一步」。 命名订阅表格名称,并选择联络人名单。 点击「保存及下一步」。 创建并编辑订阅表格。 完成后,点击「保存及发布」。接着系统会弹出订阅表格代码,选择 Javascript 或 HTML代码,然后复制并贴到网站上。 可以自定义的设定 由于内嵌式订阅表格是简易版的订阅表格,仅提供名字,姓氏,电子信箱栏位,也不支援图片。 根据需求设定自定义宽度。但是,我们不建议更改宽度,系统将订阅表格的宽度默认设定为 100% 填满整个宽度区域。 您可以更改订阅表格的背景颜色,标题以及按钮样式。 需要设计灵感?以下是 Benchmark 提供的设计参考。   返回页首   弹出式订阅表格 访客访问网站时,此类订阅表格会跳出,并覆盖在页面最上方,使页面颜色变暗。 以下是建立这款订阅表格的步骤: 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择弹出式订阅表格,点击「下一步」。 命名订阅表格名称,并选择联络人名单。 点击「保存及下一步」。 创建并编辑订阅表格 点击左上方的「订阅设置」,可以编辑「订阅设置」讯息。 点击「全局设置」,可以编辑设定弹出式订阅表格。 完成后,点击「保存及发布」。 请注意: 系统默认弹出式订阅表格宽度是 400 像素,左右间距是 40 像素。图片最大尺寸为 320 像素。如果图片填满整个页面宽度,您可以根据需求更改图片。 可以自定义的设定 针对弹出式订阅表格,您还可以自定义其他内容。您可以编辑「订阅成功」的讯息。记得,弹出式订阅表格是访客浏览网站时才弹出来,虽然您可以添加多组栏位,但我们建议您保持栏位简洁才能快速收集更多订阅用户。 您可以选择弹窗位置,也就是表格在页面出现的地方:「居中」为常用选项。 您可以设定新的宽度。 您可以新增「动画」!您的订阅表格可以选择从左侧,上方,右侧,下方滑入,展开或淡入。 「延迟」表示是订阅表格出现的时间,可以选择 0 到 60 秒。 与其他类型的订阅表格相似,可以自定义颜色,框线,圆角,还可以增加阴影,选择不透明度以及阴影大小。 如果访客不想要订阅,可以关闭订阅表格。可以自定义关闭图标位置,颜色,图标类型,背景,边框以及其他。 系统默认「覆盖」设定为不透明度 70% 的黑色。「覆盖」是指订阅表格显示时的背景。您可以自定义颜色,不透明度,甚至不需要此背景,直接移除。我们建议您保留背景,让订阅表格有更加的视觉效果。 点击订阅表格,来新增图片,文字,分隔线,自定义标题,栏位和订阅表格按钮。 点击「订阅成功」选项,可以自定义成功订阅讯息。可以更改字体,颜色,文字以及背景。 需要设计灵感?以下是 Benchmark 提供的设计参考。 返回页首   已经成功订阅的用户还会看到弹出式订阅表格吗? 系统默认设定弹出式订阅表格只针对未订阅的访客才会显示。访客订阅后,弹出式订阅表格便不再出现。但是,如果访客清理浏览器缓存,或开启无痕模式,以及更换浏览器,弹出式订阅表格会再次出现。 如何设定弹出式订阅表格仅显示一次? 在「设计」步骤,点击「全局设置」。 然后,点击「关闭」选项。 现在,勾选「用户只会看到一次弹出窗口」 完成后,点击「保存及发布」。 如果订阅表格放置在多个页面,订阅表格一样只会弹出一次。   返回页首   一般式订阅表格。 请注意: 「一般式订阅表格」是与「内嵌式订阅表格」相似的订阅表格,且它的样式风格比较老旧。 目前「一般式订阅表格」已经换成「内嵌式订阅表格」。 您可以复制现有的「一般式订阅表格」,不能建立新的「一般式订阅表格」。 使用旧介面的用户才可以使用「一般式订阅表格」。 返回页首   如何设计符合 GDPR 规定的订阅表格 新增符合 GDPR 规定的勾选方框仅需要两个步骤,请浏览下方内容。 在联络人名单里面编辑自定义栏位。 在订阅表格增加勾选方框。 在联络人名单编辑自定义栏位 建立一组订阅表格使用的联络人名单。 开启名单后点击  「编辑」选项。 您可以看到名单所有栏位。拖动滑竿至自定义栏位,选择一组栏位来进行编辑。您可以重命名,比如,隐私权政策。 更改栏位类型为是/否。目的是记录访客填写订阅表格的答案。   编辑好栏位之后,开始建立符合 GDPR 规定的订阅表格。 建立内嵌式订阅表格(进阶)或弹出式订阅表格,可以在订阅表格新增勾选方框。 建立订阅表格(您也可以使用现有的)  然后,选择先前编辑过栏位的那组联络人名单。 在建立订阅表格的步骤 2,新增先前编辑过的栏位。 将鼠标放置于名字和邮箱地址之间,点击三个点(省略号)新增栏位。 然后点击「选择栏位」,选择您建立的自定义栏位。 现在,点击返回箭头,您会看到所选择的栏位。 点击此栏位。 命名栏位,例如,隐私权政策(由于在联络人名单中已更改了名称,在此可自行选择)。 更改类型为「勾选方框」。 勾选为必填栏位。 在「回答」的栏位输入以下代码段。<a target="blank" href="https://www.yourdomain.com"><u>隐私权政策</u></a>注意:使用您的隐私权网页替换网址 https://www.yourdomain.com 继续编辑订阅表格或完成点击「保存及发布」 重要 上面第 10 点中提及的超链接,必须链接到您的网站隐私权政策。 使用内嵌式订阅表格不支援勾选方框,所以无法建立勾选方框。 您也可以参考以下视频,了解更多资讯: 内嵌式订阅表格(进阶):仅限新介面才能使用。   返回页首 重要 如果您熟悉 CSS,可以新增自己的代码,给您的订阅表格添加其他的设计风格。 如果您有其他问题,请随时透过电子邮件,线上客服或致电联络我们。

订阅表格 六月 11, 2020

使用订阅表格进行网站追踪

网站追踪代码嵌入在我们的部份订阅表格,访客透过订阅表格注册时起,您就可以追踪他们。一旦将追踪代码添加至您的网站,营销规划流程图可以协助您完成后续追踪。 谁可以使用订阅表格追踪功能? 网站追踪是付费用户可以使用的其中一项功能,付费用户可以善加利用此功能。 订阅表格追踪功能如何运作? 运作原理简单易懂,您只需要复制订阅表格的追踪码,贴到您的网页。了解如何如何新增您的追踪代码到您的网站。 获取订阅表格步骤如下: 在总览列表中找到「联络人」。 然后选择「订阅表格」,选择(或建立)您想要启动追踪的订阅表格。了解如何建立订阅表格,点击此处。 系统进入订阅表格「设计」页面,选择「保存并发布」。 完成更改后,然后点击「确认」。 页面会显示订阅表格代码,从下拉选单中选择使用 Javascript 代码段进行网站追踪,或者使用 HTML 代码进行网站追踪,然后点击「复制」。 前往您的网站,新增订阅表格代码至您想要追踪的网页 。 前往您的网站,新增订阅表格代码至您想要追踪的网页 。 如果您没有权限更新,您可能需要联络您的网站管理员或服务供应商,协助您新增代码到您的网站。 现在,只要任一网站访客透过订阅表格来注册,营销规划流程图都可以进行后续追踪。 重要提示: 选择带有追踪功能的订阅表格,您无需再次新增您的个人追踪代码至您的网页。注意,订阅表格会出现在已经安装追踪代码的任一页面。 但是,如果您想要追踪其他页面但不想要显示订阅表格,选择安装您的个人追踪代码即可。 追踪代码应该放在<head>标签中间。 了解如何设计符合 GDPR 规定的订阅表格。 关于使用订阅表格追踪,如果您有任何问题,请随时通过电子邮件,线上客服或致电联络我们支援团队。

整合 营销规划流程图 九月 3, 2020

1 2 3