Topol.io使用攻略—如何制作HTML邮件

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

一直想写但是没有找到合适的时间，这里我参照相关软文，分享我的实操经验步骤给大家

1,使用最新版的谷歌浏览器进入https://topol.io/页面，点击红框位置：Stat designing for free .

然后我们会看到很多模板，选择一个合适的关键词选择我们需要的模板。

我这里以“Furniture”测试，然后我们可以看到系统推荐的两个基础模板

2. 我选择第一个黄色沙发的模板，将鼠标滑动到模板上，显示小手指后，点击“Use this template”,然后就会跳转的编辑页面。

3. 接下来我们依次修改，文本，图片，链接和社媒。

修改文字：点击修改的部位，它为自动跳转可修改页面，然后我们就可以修改相关的文字。

修改照片，与修改文字同样，在最左边红框位置上传对应的照片，

这里我们上传一款柜子，然后双击图片会自动上传。这里需要注意，照片尺寸不要太大，最好控制在200k以内，否则就会响制作的速度。

如果照片需要连接，我们可以再左边的操作栏添加相关链接。

接下来我们留下联系信息并且设置好社媒上进入的链接。

做好后，就可以进行临时保存或者预览PC和MOBILE效果。

预览界面后，在右侧可以发邮件给自己的邮箱测试客户实际收到的效果，右边可以回到修改界面

预览效果OK，就可以点击右上角“save”进行存储,界面会跳转到下载页面，如下图：

点击下载按钮，HTML文件会自动下载到电脑，并显示在电脑左下方，鼠标右键选择“在文件夹显示”，找到我们下载的源代码文件。

 双击源代码，在360浏览器中打开，然后右键，点击“查看网页源代码“”，然后将这个源代码复制黏贴在邮件里，就可以发送了，如下图测试

一封HTML邮件就生成了。

Topol工具真的非常方便制作HTML图文并茂邮件,且操作方法也非常简单,功能也非常繁多,建议大家可以好好去研究下，暂时研究的并不透彻，这篇文章写比较简单,主要是讲一些重要的步骤,如何设计非常有吸引力的HTML欢迎感兴趣的小伙伴一同研究。