CODEWITHSUNDEEP
htmlemailhtml-email
A.Webb
A.Webb

Reputation: 15

HTML Email Campaigns - Layering text over image?

I have a client that would like the attached to be built (I've blocked some information out so it doesn't look great).

Basically, they would like the two circles area's "New for 2016" and "From £11.59*" to be text. I know with HTML emails the text can't be on an angle but can anyone else see any other problems as to why this won't work for HTML email build?

Email

Upvotes: 0

Views: 257

Answers (2)

Ted Goas
Ted Goas

Reputation: 7577

You can layer text or foreground images over a background image. backgrounds.cm is the best tool to do this. Here is an example:

<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>

You'll have to be creative to achieve the design linked above, but in principle you should be able to achieve this (or something close to this) in most email clients.

Upvotes: 0

morre
morre

Reputation: 151

It has a number of elements that are graphical and difficult to represent in an email.

The circles and the angled text, as you correctly pointed out are two of them.

Also, if you'd include images most clients normally don't immediately load them but require user confirmation, making it look very ugly at first (this is the argument that always catches with marketing).

Thirdly, was designed as a text medium and most HTML is often included (warning, opinion following) just due to people being to lazy to think about a good text email which is usually the better choice.

Upvotes: 1

Related Questions