HTML 电子邮件营销活动 - 在图片上叠加文字？

Question

我有一个客户想要构建附件（我屏蔽了一些信息所以看起来不太好）。

基本上，他们希望两个圆圈区域的 "New for 2016" 和 "From £11.59*" 是文本。我知道 HTML 电子邮件中的文本不能成一定角度，但其他人是否可以看到关于为什么这不适用于 HTML 电子邮件构建的任何其他问题？

Email

Answer 1

它有许多图形元素，难以在电子邮件中表示。

正如您正确指出的那样，圆圈和倾斜的文字是其中的两个。

此外，如果您包含图片，大多数客户通常不会立即加载它们，而是需要用户确认，这使得它一开始看起来很难看（这是市场营销中经常出现的论点）。

第三，被设计为文本媒体，大多数 HTML 经常被包含（警告，意见跟随）只是因为人们懒得考虑通常更好的选择的好的文本电子邮件。

Answer 2

您可以在背景图片上叠加文本或前景图片。 backgrounds.cm 是执行此操作的最佳工具。这是一个例子：

<td background="https://i.imgur.com/YJOX1PC.png" bgcolor="#7bceeb" width="120" height="92" valign="top">
    <!--[if gte mso 9]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:120px;height:92px;">
    <v:fill type="tile" src="https://i.imgur.com/YJOX1PC.png" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
    <![endif]-->
        <div>
        <!-- Your content goes here -->
            <img src="">
            <br>
            Text Text Text
            <table> more layouts </table>
        </div>
    <!--[if gte mso 9]>
    </v:textbox>
    </v:rect>
    <![endif]-->
</td>

您必须发挥创意才能实现上面链接的设计，但原则上您应该能够在大多数电子邮件客户端中实现这一点（或接近这一点）。

HTML 电子邮件营销活动 - 在图片上叠加文字？

HTML Email Campaigns - Layering text over image?

html

email

html-email