Modern iO Postcard Retargeting
p
margin:10px 0;
padding:0;
table
border-collapse:collapse;
h1,h2,h3,h4,h5,h6
display:block;
margin:0;
padding:0;
img,a img
border:0;
height:auto;
outline:none;
text-decoration:none;
body,#bodyTable,#bodyCell
height:100%;
margin:0;
padding:0;
width:100%;
.mcnPreviewText
display:none !important;
#outlook a
padding:0;
img
-ms-interpolation-mode:bicubic;
table
mso-table-lspace:0pt;
mso-table-rspace:0pt;
.ReadMsgBody
width:100%;
.ExternalClass
width:100%;
p,a,li,td,blockquote
mso-line-height-rule:exactly;
ahref^=3Dtel,ahref^=3Dsms
color:inherit;
cursor:default;
text-decoration:none;
p,a,li,td,body,table,blockquote
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.Exter=
nalClass span,.ExternalClass font
line-height:100%;
ax-apple-data-detectors
color:inherit !important;
text-decoration:none !important;
font-size:inherit !important;
font-family:inherit !important;
font-weight:inherit !important;
line-height:inherit !important;
#bodyCell
padding:10px;
.templateContainer
max-width:600px !important;
a.mcnButton
display:block;
.mcnImage,.mcnRetinaImage
vertical-align:bottom;
.mcnTextContent
word-break:break-word;
.mcnTextContent img
height:auto !important;
.mcnDividerBlock
table-layout:fixed !important;
/*
@tab Page
@section Background Style
@tip Set the background color and top border for your email. You may want t=
o choose colors that match your company's branding.
*/
body,#bodyTable
/*@editable*/background-color:#ffffff;
/*
@tab Page
@section Background Style
@tip Set the background color and top border for your email. You may want t=
o choose colors that match your company's branding.
*/
#bodyCell
/*@editable*/border-top:0;
/*
@tab Page
@section Email Border
@tip Set the border for your email.
*/
.templateContainer
/*@editable*/border:0;
/*
@tab Page
@section Heading 1
@tip Set the styling for all first-level headings in your emails. These sho=
uld be the largest of your headings.
@style heading 1
*/
h1
/*@editable*/color:#202020;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:26px;
/*@editable*/font-style:normal;
/*@editable*/font-weight:bold;
/*@editable*/line-height:125%;
/*@editable*/letter-spacing:normal;
/*@editable*/text-align:left;
/*
@tab Page
@section Heading 2
@tip Set the styling for all second-level headings in your emails.
@style heading 2
*/
h2
/*@editable*/color:#202020;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:22px;
/*@editable*/font-style:normal;
/*@editable*/font-weight:bold;
/*@editable*/line-height:125%;
/*@editable*/letter-spacing:normal;
/*@editable*/text-align:left;
/*
@tab Page
@section Heading 3
@tip Set the styling for all third-level headings in your emails.
@style heading 3
*/
h3
/*@editable*/color:#202020;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:20px;
/*@editable*/font-style:normal;
/*@editable*/font-weight:bold;
/*@editable*/line-height:125%;
/*@editable*/letter-spacing:normal;
/*@editable*/text-align:left;
/*
@tab Page
@section Heading 4
@tip Set the styling for all fourth-level headings in your emails. These sh=
ould be the smallest of your headings.
@style heading 4
*/
h4
/*@editable*/color:#202020;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:18px;
/*@editable*/font-style:normal;
/*@editable*/font-weight:bold;
/*@editable*/line-height:125%;
/*@editable*/letter-spacing:normal;
/*@editable*/text-align:left;
/*
@tab Preheader
@section Preheader Style
@tip Set the background color and borders for your email's preheader a=
rea.
*/
#templatePreheader
/*@editable*/background-color:#FAFAFA;
/*@editable*/background-image:none;
/*@editable*/background-repeat:no-repeat;
/*@editable*/background-position:center;
/*@editable*/background-size:cover;
/*@editable*/border-top:0;
/*@editable*/border-bottom:0;
/*@editable*/padding-top:9px;
/*@editable*/padding-bottom:9px;
/*
@tab Preheader
@section Preheader Text
@tip Set the styling for your email's preheader text. Choose a size an=
d color that is easy to read.
*/
#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p
/*@editable*/color:#656565;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:12px;
/*@editable*/line-height:150%;
/*@editable*/text-align:left;
/*
@tab Preheader
@section Preheader Link
@tip Set the styling for your email's preheader links. Choose a color =
that helps them stand out from your text.
*/
#templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a
/*@editable*/color:#656565;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
/*
@tab Header
@section Header Style
@tip Set the background color and borders for your email's header area=
.
*/
#templateHeader
/*@editable*/background-color:#FFFFFF;
/*@editable*/background-image:none;
/*@editable*/background-repeat:no-repeat;
/*@editable*/background-position:center;
/*@editable*/background-size:cover;
/*@editable*/border-top:0;
/*@editable*/border-bottom:0;
/*@editable*/padding-top:9px;
/*@editable*/padding-bottom:0;
/*
@tab Header
@section Header Text
@tip Set the styling for your email's header text. Choose a size and c=
olor that is easy to read.
*/
#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p
/*@editable*/color:#202020;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:16px;
/*@editable*/line-height:150%;
/*@editable*/text-align:left;
/*
@tab Header
@section Header Link
@tip Set the styling for your email's header links. Choose a color tha=
t helps them stand out from your text.
*/
#templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a
/*@editable*/color:#007C89;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
/*
@tab Body
@section Body Style
@tip Set the background color and borders for your email's body area.
*/
#templateBody
/*@editable*/background-color:#ffffff;
/*@editable*/background-image:none;
/*@editable*/background-repeat:no-repeat;
/*@editable*/background-position:center;
/*@editable*/background-size:cover;
/*@editable*/border-top:0;
/*@editable*/border-bottom:2px solid #EAEAEA;
/*@editable*/padding-top:0;
/*@editable*/padding-bottom:9px;
/*
@tab Body
@section Body Text
@tip Set the styling for your email's body text. Choose a size and col=
or that is easy to read.
*/
#templateBody .mcnTextContent,#templateBody .mcnTextContent p
/*@editable*/color:#202020;
/*@editable*/font-family:'Helvetica Neue', Helvetica, Arial, Verd=
ana, sans-serif;
/*@editable*/font-size:12px;
/*@editable*/line-height:150%;
/*@editable*/text-align:left;
/*
@tab Body
@section Body Link
@tip Set the styling for your email's body links. Choose a color that =
helps them stand out from your text.
*/
#templateBody .mcnTextContent a,#templateBody .mcnTextContent p a
/*@editable*/color:#007C89;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
/*
@tab Footer
@section Footer Style
@tip Set the background color and borders for your email's footer area=
.
*/
#templateFooter
/*@editable*/background-color:#FAFAFA;
/*@editable*/background-image:none;
/*@editable*/background-repeat:no-repeat;
/*@editable*/background-position:center;
/*@editable*/background-size:cover;
/*@editable*/border-top:0;
/*@editable*/border-bottom:0;
/*@editable*/padding-top:9px;
/*@editable*/padding-bottom:9px;
/*
@tab Footer
@section Footer Text
@tip Set the styling for your email's footer text. Choose a size and c=
olor that is easy to read.
*/
#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p
/*@editable*/color:#656565;
/*@editable*/font-family:Helvetica;
/*@editable*/font-size:12px;
/*@editable*/line-height:150%;
/*@editable*/text-align:center;
/*
@tab Footer
@section Footer Link
@tip Set the styling for your email's footer links. Choose a color tha=
t helps them stand out from your text.
*/
#templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a
/*@editable*/color:#656565;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
@media only screen and (min-width:768px)
.templateContainer
width:600px !important;
@media only screen and (max-width: 480px)
body,table,td,p,a,li,blockquote
-webkit-text-size-adjust:none !important;
@media only screen and (max-width: 480px)
body
width:100% !important;
min-width:100% !important;
@media only screen and (max-width: 480px)
#bodyCell
padding-top:10px !important;
@media only screen and (max-width: 480px)
.mcnRetinaImage
max-width:100% !important;
@media only screen and (max-width: 480px)
.mcnImage
width:100% !important;
@media only screen and (max-width: 480px)
.mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaption=
BottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnIm=
ageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRig=
htTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRigh=
tImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardR=
ightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCa=
rdRightImageContentContainer
max-width:100% !important;
width:100% !important;
@media only screen and (max-width: 480px)
.mcnBoxedTextContentContainer
min-width:100% !important;
@media only screen and (max-width: 480px)
.mcnImageGroupContent
padding:9px !important;
@media only screen and (max-width: 480px)
.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .m=
cnTextContent
padding-top:9px !important;
@media only screen and (max-width: 480px)
.mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptio=
nBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child =
.mcnTextContent
padding-top:18px !important;
@media only screen and (max-width: 480px)
.mcnImageCardBottomImageContent
padding-bottom:9px !important;
@media only screen and (max-width: 480px)
.mcnImageGroupBlockInner
padding-top:0 !important;
padding-bottom:0 !important;
@media only screen and (max-width: 480px)
.mcnImageGroupBlockOuter
padding-top:9px !important;
padding-bottom:9px !important;
@media only screen and (max-width: 480px)
.mcnTextContent,.mcnBoxedTextContentColumn
padding-right:18px !important;
padding-left:18px !important;
@media only screen and (max-width: 480px)
.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent
padding-right:18px !important;
padding-bottom:0 !important;
padding-left:18px !important;
@media only screen and (max-width: 480px)
.mcpreview-image-uploader
display:none !important;
width:100% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Heading 1
@tip Make the first-level headings larger in size for better readability on=
small screens.
*/
h1
/*@editable*/font-size:22px !important;
/*@editable*/line-height:125% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Heading 2
@tip Make the second-level headings larger in size for better readability o=
n small screens.
*/
h2
/*@editable*/font-size:20px !important;
/*@editable*/line-height:125% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Heading 3
@tip Make the third-level headings larger in size for better readability on=
small screens.
*/
h3
/*@editable*/font-size:18px !important;
/*@editable*/line-height:125% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Heading 4
@tip Make the fourth-level headings larger in size for better readability o=
n small screens.
*/
h4
/*@editable*/font-size:16px !important;
/*@editable*/line-height:150% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Boxed Text
@tip Make the boxed text larger in size for better readability on small scr=
eens. We recommend a font size of at least 16px.
*/
.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer=
.mcnTextContent p
/*@editable*/font-size:14px !important;
/*@editable*/line-height:150% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Preheader Visibility
@tip Set the visibility of the email's preheader on small screens. You=
can hide it to save space.
*/
#templatePreheader
/*@editable*/display:block !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Preheader Text
@tip Make the preheader text larger in size for better readability on small=
screens.
*/
#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p
/*@editable*/font-size:14px !important;
/*@editable*/line-height:150% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Header Text
@tip Make the header text larger in size for better readability on small sc=
reens.
*/
#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p
/*@editable*/font-size:16px !important;
/*@editable*/line-height:150% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Body Text
@tip Make the body text larger in size for better readability on small scre=
ens. We recommend a font size of at least 16px.
*/
#templateBody .mcnTextContent,#templateBody .mcnTextContent p
/*@editable*/font-size:16px !important;
/*@editable*/line-height:150% !important;
@media only screen and (max-width: 480px)
/*
@tab Mobile Styles
@section Footer Text
@tip Make the footer content text larger in size for better readability on =
small screens.
*/
#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p
/*@editable*/font-size:14px !important;
/*@editable*/line-height:150% !important;
This is a RetailMarketi=
ngPro Update
97% of websit=
e traffic leaves without buying, and Retailers know that digital retargetin=
g alone is not enough to bring them back.
While it’s impor=
tant to retarget with Facebook and Display Ads, those tactics won’t reach t=
he ad-blind, ad-blocked, and ad-annoyed.
In fact, 99% of retar=
geting ads aren’t clicked, and in a survey last year by Nanigans, 8=
3% of marketers questioned the effectiveness of digital retargeting ads.
Retailers cited not only the challenges with sales att=
ribution and “murky measurement,” but that traditional digital =
retargeting ads can too often miss the mark in delivering a better customer=
experience.
Marketers looking for a proven way to convert we=
b visitors have found Postcard Retargeting to be more meas=
urable…and effective.
Really. Postcard Retargeting. Sending=
real, physical direct mail postcards to unconverted website traffic is showing return-to-site rates 20X versus traditional digital retargetin=
g.
See Case Study
Read a case study of =
how a boutique ecommerce Retailer has succeeded in one of the fiercest comp=
etitive landscapes: women’s apparel.
Tough space, right?
And yet, Blue Canoe has broken through the digital clutter with retarge=
ting postcards and is seeing an 8X Return on Ad Spend. And when they factor in Lifetime Value, it’s 19X ROAS.
Post=
card Retargeting has become one of their strongest acquisition channels.
Learn about their story in=
our Case Study. Retailers are jumping on board this wildly effect=
ive new channel, and it’s time to discover more.
Copyright © 2019 Modern iO and Modern P=
ostcard, All rights reserved.
Our mailing address is:
Modern Postcard – 1675 Faraday Avenue, Carlsbad CA 92008
&n=
bsp;
–This email is a service of RetailMarketingPro–
iEntry, Inc. PO Bo=
x 55071 Lexington, KY 40555
©2019 All Rights Reserved.
To Be Taken Off This Mailing, Go here
