HTML电子邮件广告系列 - 在图像上分层文字?

时间:2016-08-25 14:14:10

标签: html email html-email

我有一个客户端,希望建立附件(我已经阻止了一些信息,因此看起来不太好。)

基本上,他们希望两个圈子区域的“2016年新品”和“从11.59英镑*”成为文字。我知道使用HTML电子邮件,文本不能在某个角度,但是其他任何人都可以看到任何其他问题,为什么这对HTML电子邮件构建不起作用?

Email

2 个答案:

答案 0 :(得分:1)

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

正确指出的圆圈和有角度的文字是其中两个。

此外,如果您包含图像,大多数客户通常不会立即加载它们,但需要用户确认,一开始看起来非常难看(这就是总是与市场营销相关的论点)。

第三,被设计为文本媒体,并且大多数HTML经常被包括在内(警告,意见跟随)仅仅是因为人们懒得考虑好的文本电子邮件,这通常是更好的选择。

答案 1 :(得分:0)

您可以在背景图像上叠加文本或前景图像。 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>

您必须具有创造性才能实现上面链接的设计,但原则上您应该能够在大多数电子邮件客户端中实现此目标(或接近此功能)。