如何将HTML块添加到MailChimp模板

时间:2017-08-21 18:13:08

标签: javascript php html mailchimp newsletter

我正在尝试将HTML代码添加到MailChimp上的自定义模板中。对于每个时事通讯,我使用联盟网络中的小部件代码。我认为在每个MailChimp新闻稿中添加HTML代码的最佳方法是在我的模板中添加一个HTML块。但是,我无法弄清楚如何做到这一点。有谁知道我怎么做,或者最好的解决方案是什么?

以下是我尝试过的一些代码,但它不能用于制作HTML元素。

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCodeBlock" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;" mc:repeatable mc:variant="HTML">
    <tbody class="mcnTextBlockOuter">
        <tr>
          <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule:exactly;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;">
            <div class="mcnTextContent" style="color:#656565;font-family:Helvetica;font-size:12px;line-height:150%;text-align:center;" mc:edit="html">
                Use your own custom HTML
            </div>
          </td>
        </tr>
    </tbody>
</table>

这是我想要添加到每个简报中的代码类型的示例。 (代码创建了一个产品小部件。)

<!-- COLLECTIVE WIDGET CODE START -->
<div class="shopsense-widget" style="text-align:center" data-options="%7B%22widgetId%22%3A%22599ae0a3dd4edb8d76b68fef%22%2C%22version%22%3A1%2C%22pid%22%3A%22uid8481-39636191-81%22%2C%22size%22%3A150%2C%22columns%22%3A3%2C%22rows%22%3A2%2C%22url%22%3A%22https%3A%2F%2Fapi.shopstyle.com%2Fapi%2Fv2%22%2C%22iframeHeight%22%3A390%2C%22iframeWidth%22%3A555%7D">
    <script>
        !function(doc,s,id){ var e, p, cb; if(!doc.getElementById(id)) { e = doc.createElement(s); e.id = id; cb = new Date().getTime().toString(); p = '//shopsensewidget.shopstyle.com/widget-script.js?cb=1503338936395?cb=' + cb; e.src = p; doc.body.appendChild(e); } if(typeof window.ss_shopsense === 'object'){ if(doc.readyState === 'complete'){ window.ss_shopsense.init(); } } }(document, 'script', 'shopsensewidget-script');
    </script>
    <iframe src="//shopsensewidget.shopstyle.com/#/?options=%7B%22widgetId%22%3A%22599ae0a3dd4edb8d76b68fef%22%2C%22version%22%3A1%2C%22pid%22%3A%22uid8481-39636191-81%22%2C%22size%22%3A150%2C%22columns%22%3A3%2C%22rows%22%3A2%2C%22url%22%3A%22https%3A%2F%2Fapi.shopstyle.com%2Fapi%2Fv2%22%2C%22iframeHeight%22%3A390%2C%22iframeWidth%22%3A555%7D"
         height="390px"
         width="555px"
         seamless style="border: 0;">
    </iframe>
</div>
<!-- COLLECTIVE WIDGET CODE END -->

1 个答案:

答案 0 :(得分:0)

不幸的是,您正在尝试将脚本添加到HTML电子邮件中,这是不可能也不推荐的。您可以伪造服务器端解决方案,但直接注入脚本是不行的。

阅读this article以了解该主题的一些明确性:)