Mailchimp中的可编辑背景图像

时间:2014-08-19 09:31:49

标签: css html-email mailchimp

尝试为Mailchimp编写电子邮件模板代码,我正在尝试编辑via Mailchimp本身的背景图片标记,所以每次我想发送它时都不需要更改代码

有没有办法将后台代码声明为/ @ 可编辑的 /区域,以便我可以更改mailchimp中的网址?如果是这样,我将如何去做呢?

当前代码:

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrap banner3" style="border-collapse: collapse; -webkit-background-size: cover; background-image: url(https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg); background-color: #24272c; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" background="https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg">

我希望做什么:

/**
* @tab Background Images
* @section Event Image
*/

/*@editable*/ Var event-bg-img = "https://gallery.mailchimp.com/78524444e0a13e2b163d98bed/images/135974c9-84e6-4f03-9fde-891a893c58a8.jpg"

[...]

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="wrap banner3" style="border-collapse: collapse; -webkit-background-size: cover; background-image: url(event-bg-img); background-color: #24272c; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;" background="event-bg-img">

显然正在寻找一个在荒谬的电子邮件客户端中支持的解决方案。

1 个答案:

答案 0 :(得分:3)

当前版本的MailChimp编辑器(截至2015年2月26日)确实允许制作可编辑的background-image属性(sorta)。 HTML模板中的以下代码:

/*@editable*/background-image:url();

将生成一个可编辑的字段,如下所示:

enter image description here

通过在背景图片中添加网址,图片会显示在模板中。

例如:

url(http://placehold.it/350x150)

enter image description here

这需要您将背景图像上传到MailChimp,然后抓取网址并将其粘贴到url(),这样做并不理想。对于中级到高级用户,此解决方案可能会运行良好。