【主管Q:304724】沐鸣代理在你的电子邮件图片中添加一个互动热点是个好主意。如果你的订阅者可以点击你在副本中引用的条目,它可以显著地改善点击转换。此外,这些互动热点可以是一个创新和有趣的方式,以一种创造性的方式加强你的电子邮件营销。

让我们来看看使用明信片添加交互式热点的两种不同方法。

互动热点有多复杂?

我想正面地解决这个问题。有各种各样的方法来创建交互热点。一个是通过HTML,另一个是通过CSS。我们将在本教程中复习这两种方法。两者都很容易在您的明信片电子邮件中重新创建和重用。

邮件的设计

在我们开始编码之前,我想先介绍一下整个电子邮件的设计。为了让设计少一些,教程多一些,我只会编辑标题5部分。在明信片中,您可以向文本区域添加自定义代码,因此这个标题对我们来说很好。

通过HTML创建交互式热点

首先,我们需要一个图像。我只是重新使用了明信片模板中默认使用的那个,使事情更简单。

当然,我们将使用标记定义源。您可以直接将图像上传到您的提供者(如MailChimp),并从那里输入它的URL,或者自行托管它并将该URL复制为您的源。接下来,不要忘记添加一个可用性的alt描述。定义宽度和高度是可选的。

现在是有趣的部分。我们需要向图像添加usemap属性。这对于我们稍后将使用的标签很重要。为了配合这个示例,我将我的表命名为“watches”,是的,您需要在其前面包括#,以便使其与标记一起工作。这是因为图像将链接到标签’ watches ‘。

使用标签

在标签下面,我们开始标签。

让我们来分析一下。

shape属性定义了该区域是矩形还是圆形,而线标识了该区域的大小。标题和alt属性对于使用网站阅读器的用户来说非常重要,他们需要知道互动热点链接指向什么。剩下的两个属性,href和target是标准的链接属性,用于说明链接在浏览器中的位置和方式。

首先,让我们把绿色苹果手表的区域添加到左边,银色的在中间,白色的在右边。我已经为它定义了所有的属性如下:

我怎么得到坐标?

对于矩形区域,坐标是相对于图像左上角的像素位置。它是矩形的任何对角——左上角和右下角,或者右上角和左下角。

如果你不想浪费时间手动计算像素。你可以使用一个方便的免费网站,比如图像地图生成器,它可以让你在图像上标记无限的区域,然后为你生成代码。

沐鸣网址开户_Blending On-Page and Off-Page SEO Efforts

Successful search engine optimization utilizes a blend of both on-page and off-page SEO efforts. It is the marriage of these two techniques...

沐鸣2注册,沐鸣平台注册地址_What Are Your Top Marketing Questions?

  For the last nine months I’ve been offering free webinars for the iThemes community. Many of these have been SEO related and have taken p...

沐鸣代理工资_The Founders Origin Stories of ZenFounder

I recently had the honor of joining Sherry Walling on the ZenFounder podcast. Sherry and her husband, Rob Walling, have been running a seven par...

沐鸣代理_Best Option for Website SEO: WordPress, Squarespace, Wix, Weebly, or HubSpot COS?

Until recently, I hadn’t thought much about website SEO and which website builder was best for supporting search engine optimization efforts and ...

沐鸣是什么平台SEO基础为初学者与新的更新在2020年

【主管Q:304724】沐鸣代理SEO基础为初学者与新的更新在2020年 SEO对于一个刚刚起步的企业或打算在2020年扩张的企业来说似乎很难理解。在这一点上,互...

沐鸣官网注册最好的电子商务机构与优秀的项目-得到灵感的行业领袖

【主管Q:304724】沐鸣注册登录地址沐鸣总代,沐鸣报价多少,加入沐鸣 我们已经聚集了最好的电子商务机构,使您的选择过程更容易。你也可以查看他们的作...