首页 独立站运营 如何制作图文并茂的HTML邮件,做好EDM营销

如何制作图文并茂的HTML邮件,做好EDM营销

分享HTML邮件制作与图文排版经验,为邮件营销内容呈现、格式设计与日常制作提供参考。

HTML邮件配图 1

有时在我们的收件箱里面,经常会收到很多精美的HTML邮件,上面有文字,图片,图文并茂,点击图片按钮可以直接跳转到所要导流的页面,有的邮件下面还有Social的Logo,比如Facebook,twitter,点击按钮就会跳转所对应的页面。

HTML邮件配图 2

比如上面截取了一些HTML的邮箱格式,这种HTML的EDM营销感觉非常的酷,比纯文本的邮件更有丰富多彩,也更能传达出更多的内容跟素材,也更吸引抓住用户的眼球。图片下面直接可以设置链接,也方便用户直接点击进入,避免二次流失。

今天就给大家介绍一款在线制作HTML邮件的工具,其实操作也是非常的简单,可以直接在网站内的系统模板修改,替换成自己的素材和链接,也可以自己去设置图文排版。

这款工具就是Topol,一款专门在线制作HTML邮件的工具,非常容易操作跟上手


网址为https://app.topol.io




刚开始制作时建议直接使用网址内的模板去替换自己产品的素材,文案跟链接,因为网址里面提供了几十套制作非常精美的HTML邮件,我们先来看看。

HTML邮件配图 3

HTML邮件配图 4



HTML邮件配图 5

大家可以根据自己的喜爱,去选择喜欢的模板直接点击进去去后台编辑,替换自己的元素,接下来来看看如何替换跟编辑:

比如就以下面这个手环的HTML邮件为模板,因为上面的图文信息真的非常非常丰富,有产品图片,购买按钮,产品Slogan,产品功能介绍以及社媒链接等,展示元素非常充足。

HTML邮件配图 6

HTML邮件配图 7

HTML邮件配图 8

打开后台页面是这样的,首先先熟悉下下方左侧红色方框内的意思,其实也都是非常好理解的, 就是我们想要在右侧HTML邮件模板中需要什么元素,直接把红色方框内的按钮拖过去,比如需要放置文案,就把TEXT按钮,拖过去,如果是放置图片,GIF或者视频,就把对应的按钮拖到需要放置的展示位置就可以。

HTML邮件配图 9

Sturecture按钮就是你想要图片或者文案的格式,直接拖过去就可以,知道这些意思之后,接下来我们看看如何操作。

HTML邮件配图 10

第一,先选择你想要排列的Structure,比如选择2个横排并列,直接拖2个并列的结构过去,如下所示:

HTML邮件配图 11

第二,就是要思考你想要展示的元素是什么,是文案还是图片,把想要展示的形式直接拖到上图2个方框里面,比如我们选择图片

HTML邮件配图 12

HTML邮件配图 13

然后选择2个我们自己产品的图片放上去,如下图所示,为了节省时间,文案部分就不做修改,修改方式跟图片是一样的,只需要把图片的文案替换成我们自己的就可以。

HTML邮件配图 14

然后图片下面有个Check whole collection按钮,可以删去这个按钮,也可以点击保留按钮,可以在按钮下面放上自己的产品链接以及显示在按钮上的文案, 还可以调整按钮显示的验收,尺寸大小,字体验收等等非常详细的信息,建议大家可以都去尝试下。

HTML邮件配图 15

下面就是产品功能的一些展示,可以把下面的主要展示功能替换为自己产品的功能以及图片,文案等,操作方法跟上面那个一样。

HTML邮件配图 16

接下来就是产品橱窗展示以及购物按钮添加,以及一些物流等相关信息,可以把下面的产品展示图片替换成自己的以及链接。

HTML邮件配图 17

在接下来就是一些社交媒体的展示,直接点击下面的按钮然后在对应的社交媒体输入对应的链接,当用户点击的时候就会跳转到对应的页面。

HTML邮件配图 18

加好这些之后,就可以预览下效果怎么样,可以Preview在PC跟移动端,哪里有不合适的可以直接调整下,如果觉得一切都ok的可以发送到自己的邮箱预览,尤其是导流的链接,点击下是否能跳转到所要导流的页面。

HTML邮件配图 19

然后你的邮箱就会收到你自己亲手做的HTML精美的邮件,因为我这个主要做演示作用,有很多没有调整所以做的比较难看,大家可以好好设计一下,做出非常精美的HTML邮件,从而做好EDM营销,吸引用户点击邮箱,从而提高转化。

如果你的邮箱收到自己做的HTML邮件,检查之后没有问题,就可以转发给用户,可以是做B2C的用户,也可以是外贸B端用来发开发信的用户。

还有一个方法发送HTML邮件,就是比较复杂一些,做好HTML邮件之后点击保存按钮,然后获取HTML源代码,然后复制源代码去转换。

HTML邮件配图 20

比如常见的QQ邮箱,网易邮箱都可以转化,以QQ邮箱为例,点击格式–然后复制粘贴HTML源代码–点击可视化编辑按钮就可以啦,如下图所示

HTML邮件配图 21

HTML邮件配图 22

HTML邮件配图 23

Topol工具真的非常方便制作HTML图文并茂邮件,且操作方法也非常简单,功能也非常繁多,建议大家可以好好去研究下,做好EDM营销,不仅仅对B端,C端用户,对开发红人,联系海外科技媒体编辑同样适用。

这篇文章写的也比较简单,主要是讲一些重要的步骤,如何设计非常有吸引力的HTML需要小伙伴在下面好好去尝试下。

感谢一直以来的鼓励跟支持,欢迎大家继续关注微信公众号(下班后8小时)

HTML邮件配图 24

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

作者: 出海指南

微信公众号:下班后8小时, 操盘孵化宠物,储能,3C等多个品牌从0-1,花过1亿+预算,百万美金众筹项目经验。擅长Google, Facebook 广告投放,联盟分销渠道以及网红/Deal等低成本获客

为您推荐

3D打印卖到海外用户在担心什么?聊聊「信任」这件事

围绕3D打印产品出海的用户信任问题,探讨用户顾虑、内容表达与售后体验如何影响购买决策,梳理品牌提升信任与转化的思路。

从 623 亿到 1500 亿:出海操盘手不能错过的 2026 TikTok深度解读(附达人名单)

Affiliate Wayne 解读2026年 TikTok 发展与出海运营机会,结合平台增长、内容创作者与商业化路径,讨论品牌如何规划达人合作与营销布局。

出海指南 AI 时代品牌到底怎么继续增长?从 AI 工具,到真正的增长结果

Affiliate Wayne 整理出海指南杭州活动的12场分享,涵盖DTC品牌、广告投放、支付、网红、联盟营销与AI自动化,梳理从工具应用到实际增长的思路与方法。

把亚马逊博主经验,蒸馏成AI广告诊断工具

Affiliate Wayne 整理火箭叔在 AMZ123 深圳大会的分享,拆解采集、转写、结构化、数据接入与校准流程,探讨如何将亚马逊实战经验转化为可用的 AI 广告诊断工具。

如何创建和安装Facebook Pixel像素代码以及追踪

保存早期Facebook Pixel像素创建与网站安装教程,介绍基础追踪与广告数据连接思路。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

返回顶部