首页 > 编程知识 正文

html5邮件模板静态(用html怎么制作电商网页)

时间:2023-05-05 21:26:34 阅读:91642 作者:2911

我们的收件箱里有时会收到很多图文并茂的精美的HTML邮件。 点击图像按钮,可以直接跳转到想要引导的页面。 此外,还有脸书、推特等社交网站的标志。 单击按钮可跳转到相应的页面。

例如,上面剪切了几个HTML邮箱格式。 这个HTML的EDM营销非常酷,比纯文本的邮件更加丰富多彩,可以传达更多的内容和素材,更能吸引用户的目光。 可以在图片下方直接设置链接,用户直接点击访问也很容易,避免二次流失。

今天我们将向大家介绍在线制作HTML邮件的工具。 其实操作也很简单,可以直接修改网站内的系统模板,用自己的素材和链接代替。 另外,也可以自己设定文字间距。

这个工具是Topol。 在线创建HTML邮件的工具,操作简单

URL是https://苹果.谷歌. IO

最初,建议直接使用网站中的模板来替换自己产品的素材、副本和链接。 网站上备有数十套非常美丽的HTML邮件,让我们先来看看。

大家根据自己的喜好,选择自己喜欢的模板,直接点击进入后台编辑,替换自己的要素,看看接下来怎么替换编辑:

例如,以下手环的HTML邮件为模板。 上面的文字信息真的很丰富,所以展示要素很充足,包括产品图片、购买按钮、产品Slogan、产品功能介绍、社交媒体的链接等。

打开背景页面是这样的。 首先仔细了解下面左侧红色方框的意思,其实很容易理解。 也就是说,直接拖动红色框中的按钮,了解右侧的HTML邮件模板需要什么。 例如,如果需要放置副本,请拖动TEXT按钮。 如果要放置图像、GIF或视频,请将相应的按钮拖动到要放置的展示位置。

“结构”按钮是您想要照片或副本的格式。 就这样拖动就行了。 明白这些意思后,接下来看看操作方法。

首先,选择要排列的结构。 例如,如果选择两个并排的,然后拖动两个并排的结构,则结果如下:

第二,考虑你想展示的要素是什么,是拷贝还是图像,把想展示的形状直接拖到上图的两个框里。 例如,选择图像

然后,选择上传两个我们产品的图片。 如下图所示,为了节约时间,不修改复印部分。 修改方法与图像相同。 只需要用我们的东西替换图像的复印件。

而且,照片下面有“Check whole collection”按钮。 可以删除这个按钮,也可以点击保留按钮,也可以在按钮下面放置自己的产品链接和按钮上显示的复印件,还可以调整按钮上显示的验收、尺寸、字体验收等非常详细的信息,建议尝试一下

以下是产品功能的展示。 可以将以下主要展示功能替换为自己产品的功能和照片、复印件等。 操作方法与上述相同。

其次,有橱窗展示、购物按钮的追加、物流等相关信息。 可以用自己的东西或链接替换以下产品展示图片。

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

添加这些之后,可以预览效果。 可以在PC和移动端进行预览。 如果有什么不合适的东西可以直接调整。 觉得一切都ok的东西发送到自己邮箱的预览,特别是气流的链接,点击是否可以跳转到想要的页面。

然后,你的邮箱里会收到你自己做的HTML的美丽邮件。 因为我主要起着示威的作用,所以经常没有调整,所以很难看。 大家可以好好设计,做非常美的HTML邮件,做EDM营销,让用户点击邮箱,提高转化。

例如

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

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

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

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

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

以上内容属作者个人观点,不代表雨果网立场!本文经原作者授权转载,转载需经原作者授权同意。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。