如何使时事通讯模板与 mailchimp 和活动监视器兼容？

Question

我想为 mailchimp 和活动监视器制作一个时事通讯模板 ..

我知道在时事通讯中我们必须使用表格布局和内联样式，并且我已经在我的模板中这样做了，但我想知道是否必须遵循任何特定规则才能使我的模板对 mailchimp 和活动监视器有效？或者只使用下面的html ??

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <table width="100%" align="center" bgcolor="#ebebeb">
            <tbody>
                <tr>
                    <td>
                        <table width="600px" align="center" bgcolor="#FFFFFF">
                            <tbody>
                                <tr align="center">
                                    <td style="padding:9px 18px;color:#696969;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;text-align:left;line-height:150%">                                               
                                        <p><span style="font-weight: bold;">Hello friend,</span><br /><br />
                                            Why you make everything from scratch?! Now you can find thousands of full source code on the internet and save your time. Here you can find some awesome of them for your upcoming apps! </p>                                                
                                        <p align="left" style="font-weight: bold;">Don't re-invent the wheel!</p>
                                        <p align="right" style="font-weight: bold;"><span align="left">- NileWorx</span></p>
                                    </td>                    
                                </tr>

                            </tbody>
                        </table>
                        <br />

                        <table  width="600px" align="center" bgcolor="#FFFFFF">
                            <tbody>
                                <tr align="center">
                                    <td style="padding:9px 14px;color:#696969;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;text-align:left;line-height:150%">

                                        <a style="text-decoration:none;" href="" target="_blank"><img src="" /></a>
                                        <div align="left">
                                            <a style="text-decoration:none;" href="" target="_blank"><h3 style="color:#49ADBD;font-size:12pt">Football Logo Quiz - Android</h3></a>
                                            <p style="text-align: justify;">Football Logo Quiz is a worldwide game. +10,000,000 are playing logo quiz games and we filled it with many good features. It has an admin panel and use AdMob to monetize it. It is easy to customize!</p> 
                                            <div style="font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight: bold;display:inline-block;width: auto; background-color: green;padding: 8px;color: #FFFFFF"><a style="color:#FFFFFF;text-decoration:none;" href="" target="_blank">VIEW FULL</a></div>
                                        </div>
                                    </td>                    
                                </tr>
                                <tr><td><hr /></td></tr>
                                <tr align="center">
                                    <td align="center">
                                        <table align="left" width="280" >
                                            <tbody>
                                                <tr>
                                                    <td style="padding-top:9px;padding-left:10px;padding-bottom:9px;padding-right:0;color:#696969;font-family:Helvetica;font-size:13px;line-height:150%;text-align:left">
                                                        <a style="text-decoration:none;" href="" target="_blank"><img src="" /></a>
                                                        <a style="text-decoration:none;" href="" target="_blank"><h3 style="color:#49ADBD;font-size:12pt">Success Quotes - Android & iOS</h3></a>
                                                        <p style="text-align: justify;">SuccessQuotes is an android motivational application. It has SQLiteDatabase with 1000 success quotes for more than 180 authors and sharing features.</p>
                                                    </td>                    
                                                </tr>                                
                                            </tbody>
                                        </table>
                                        <table align="right" width="280">
                                            <tbody>
                                                <tr>
                                                    <td style="padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:0;color:#696969;font-family:Helvetica;font-size:13px;line-height:150%;text-align:left">
                                                        <a style="text-decoration:none;" href="" target="_blank"><img src="" /></a>
                                                        <a style="text-decoration:none;" href="" target="_blank"><h3 style="color:#49ADBD;font-size:12pt">Facebook Feeds Notifier - Android</h3></a>
                                                        <p style="text-align: justify;">Never miss an important post!! .. keep in touch with your favorite facebook pages without opening the facebook application..</p>                     
                                                    </td>                    
                                                </tr>                                
                                            </tbody>
                                        </table>
                                    </td>                             
                                </tr>
                            </tbody>
                        </table>

                        <br />
                        <table width="600px" align="center" bgcolor="#FFFFFF">
                            <tbody>
                                <tr>
                                    <td style="padding-top:9px;padding-right:10px;padding-bottom:9px;padding-left:0;color:#696969;font-family:Helvetica;font-size:13px;line-height:150%;">                                        
                                        <p style="text-align: right;" align="right">
                                            Codecanyon: <a style="text-decoration: none;color:#49ADBD" target="_blank" href="http://codecanyon.net/user/NileWorx/portfolio?ref=NileWorx">Our portfolio</a>
                                            <br />
                                            Skype: <span style="text-decoration: none;color:#49ADBD">nileworx.support</span>
                                            <br />
                                            E-mail: <a style="text-decoration: none;color:#49ADBD" href="mailto:nileworx.contact@gmail.com">nileworx.contact@gmail.com</a>
                                        </p>                                             
                                    </td>                    
                                </tr>                                
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>

    </body>
</html>

Answer 1

ahmed，我是来自 Campaign Monitor 的 Ros。一件事是编写 HTML 代码，但是如果您想使用我们的电子邮件编辑器，则需要使用我们的 template language 在模板中创建可编辑区域。请注意，我们的模板语言与 MailChimp 的不同，因此您需要制作两个版本的模板。

如果您对代码感到困惑，我强烈建议您从我们的email builder 创建和导出模板。

谢谢，eng.ahmed - 如果您有任何其他问题，请告诉我们！