Marketo Modules - 无效模块

时间:2016-09-29 17:49:17

标签: email-templates marketo

我正在尝试在Marketo编辑器(v.2)中设置新的电子邮件模板并制作模块。

然而,当我在编辑器中保存我的模板时,它告诉我我的模块无效且无法保存。即使我将模板缩小到基本没有,一旦我在container模块中添加任何内容,它就不起作用。

这是我的代码 - 任何人都可以告诉我如何正确设置container模块以及为什么当我尝试保存时它会抛出错误?我已经按照文档(即使它做得不好),一切似乎都应该没问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="width: 100%;">
  <head> 
    <!-- Marketo Variable Definitions --> 
    <meta class="mktoColor" id="spacerBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoNumber" id="spacerSpacer" mktoname="Height" default="40" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoNumber" id="freeTextSpacer" mktoname="Space Before Text" default="40" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="freeTextSpacer2" mktoname="Space After Text" default="40" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoColor" id="footerBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoNumber" id="footerSpacer" mktoname="Space Before Text" default="10" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="footerSpacer2" mktoname="Space After Text" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoColor" id="ctaBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoColor" id="ctaButtonBackgroundColor" mktoname="Button Background Color" default="#333333" /> 
    <meta class="mktoColor" id="ctaBorderColor" mktoname="Button Border Color" default="#333" /> 
    <meta class="mktoNumber" id="ctaBorderSize" mktoname="Button Border Size" default="1" min="0" max="20" units="px" step="1" /> 
    <meta class="mktoNumber" id="ctaSpacer" mktoname="Space Before Button" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="ctaSpacer2" mktoname="Space After Button" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoString" id="ctaLink" mktoname="Button Link" default="#" /> 
    <meta class="mktoString" id="ctaLinkText" mktoname="Button Label" default="CALL TO ACTION" /> 
    <meta class="mktoColor" id="hrBackgroundColor" mktoname="Background" default="#ffffff" /> 
    <meta class="mktoColor" id="hrBorderColor" mktoname="Border Color" default="" /> 
    <meta class="mktoNumber" id="hrBorderSize" mktoname="Border Size" default="1" min="0" max="20" units="px" step="1" /> 
    <meta class="mktoColor" id="twoArticlesBackgroundColor" mktoname="Background Color" default="#ffffff" /> 
    <meta class="mktoColor" id="twoArticlesButtonBackgroundColor" mktoname="Left Column Button Background Color" default="#333" /> 
    <meta class="mktoColor" id="twoArticlesButtonBackgroundColor2" mktoname="Right Column Button Background Color" default="#333" /> 
    <meta class="mktoColor" id="twoArticlesBorderColor" mktoname="Left Column Button Border Color" default="#333" /> 
    <meta class="mktoNumber" id="twoArticlesBorderSize" mktoname="Left Column Button Border Size" default="1" min="0" max="20" units="px" step="1" /> 
    <meta class="mktoColor" id="twoArticlesBorderColor2" mktoname="Right Column Button Border Color" default="#333" /> 
    <meta class="mktoNumber" id="twoArticlesBorderSize2" mktoname="Right Column Button Border Size" default="1" min="0" max="20" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer" mktoname="Space Over Columns" default="40" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer2" mktoname="Left Column Space Below Image" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer3" mktoname="Left Column Space Below Title" default="15" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer4" mktoname="Left Column Space Below Text" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer5" mktoname="Right Column Space Below Image" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer6" mktoname="Right Column Space Below Title" default="15" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer7" mktoname="Right Column Space Below Text" default="20" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoNumber" id="twoArticlesSpacer8" mktoname="Space Below Columns" default="40" min="1" max="300" units="px" step="1" /> 
    <meta class="mktoString" id="twoArticlesLink" mktoname="Left Button Link" default="#" /> 
    <meta class="mktoString" id="twoArticlesLinkText" mktoname="Left Button Label" default="CALL TO ACTION" /> 
    <meta class="mktoString" id="twoArticlesLink2" mktoname="Right Button Link" default="#" /> 
    <meta class="mktoString" id="twoArticlesLinkText2" mktoname="Right Button Label" default="CALL TO ACTION" /> 
    <!-- Other Meta Tags --> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> 
    <meta name="robots" content="noindex,nofollow" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,700" rel="stylesheet" type="text/css" /> 
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" /> 
    <!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]--> 
    <!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]--> 
    <style>
      /*startcommon*/
      @media only screen and (max-width: 800px) {
        table#boxing{
          width: 100% !important;
        }
      }
      /*endcommon*/
    </style> 
    <!--[if gte mso 9]>
        <style type="text/css">
          #hero .table3-3{
          width: 100% !important;
          }
        </style>
    <![endif]--> 
    <style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
  padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
  width: 100%;
}
.ExternalClass {
  width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
  line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
  color: #000;
  text-decoration: none;
}
.appleFooter a {
  color: #000;
  text-decoration: none;
}
@-ms-viewport { 
    width: device-width; 
}

</style> 
    <style media="all">
@media only screen and (max-width: 640px) {

/*starttablet*/

.m_video .mktoVideo tr:first-child img{
  width: 100% !important;
  height: auto!important;
  max-height:auto!important;
  min-height:auto!important;
}

body {
  width: auto !important;
}

table[class="table600"] {
  width: 450px !important;
}

table[class="table-inner"] {
  width: 86% !important;
}

table[class="table1-2"] {
  width: 47% !important;
  clear: both;
}

table[class="table1-3"] {
  width: 29.4% !important;
}

table[class="table1-4"] {
  width: 100% !important;
  text-align: left !important;
}

table[class="table2-3"] {
  width: 64% !important;
  text-align: center !important;
}

table[class="table3-3"] {
  width: 100% !important;
  text-align: center !important;
  clear: both;
}

table[class="footer-logo"] {
  width: 10% !important;
  text-align: right !important;
}

td[class="outer"] {
  min-width: 0 !important;
}

td[class="stack"] {
  padding-bottom: 40px !important;
}

.stack-tablet {
  padding-bottom: 20px !important;
  overflow: visible !important;
  float: none !important;
  mso-hide: none !important;
  display: block !important;
}

img[class="mobile-img"] {
  width: 100% !important;
  height: auto !important;
}

td[class="center-tablet"] {
  text-align: center !important;
}

td[class="hide-tablet"] {
  display: none !important;
}

table[class="footer-column"] {
  width: 47% !important;
  text-align: left !important;
}

.m_two-articles .table1-2 {
  width: 100% !important;
}

.m_two-articles .photo img {
  width: 100% !important;
}

.m_two-articles .stack-tablet td {
  height: 60px !important;
}

.m_free-image img {
  width: 450px !important;
}

/*endtablet*/

}

@media only screen and (max-width: 479px) {

/*startmobile*/

body {
  width: auto !important;
}

table[class="table600"] {
  width: 290px !important;
}

table[class="table-inner"] {
  width: 80% !important;
  float: none !important;
}

table[class="table1-2"] {
  width: 100% !important;
  clear: both;
}

table[class="table1-3"] {
  width: 100% !important;
  clear: both;
}

table[class="table1-4"] {
  width: 100% !important;
  text-align: center !important;
}

table[class="table2-3"] {
  width: 100% !important;
  text-align: center !important;
}

table[class="table3-3"] {
  width: 100% !important;
  text-align: center !important;
  clear: both;
}

table[class="footer-logo"] {
  width: 60% !important;
  text-align: center !important;
}

td[class="outer"] {
  min-width: 0 !important;
}

td[class="td3-1"] {
  width: 60% !important;
  text-align: center !important;
}

.stack-smartphone {
  padding-bottom: 20px !important;
  overflow: visible !important;
  float: none !important;
  display: block !important;
  mso-hide: none !important;
}

td[class="center-smartphone"] {
  text-align: center !important;
}

img[class="mobile-img"] {
  width: 100% !important;
}

td[class="center-tablet"] {
  text-align: center !important;
}

td[class="hide-smartphone"] {
  display: none !important;
}

table[class="footer-column"] {
  width: 100% !important;
  text-align: center !important;
}

.m_free-image img {
  width: 290px !important;
}

.m_hr .table-inner {
  width: 100% !important;
}

/*endmobile*/

}


</style> 
  </head> 
  <body style="margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;"> 
    <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    </div> 
    <!-- Outer table START --> 
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;"> 
      <tbody> 
        <tr> 
          <td class="outer" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; min-width: 600px; border-collapse: collapse; background-color: #eeeeee;"> 
            <table width="800" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;"> 
              <tbody> 
                <tr> 
                  <td class="mktoContainer" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
                    <table width="630" border="0" cellpadding="0" cellspacing="0" align="center" class="main-nav-breakpoints" style="margin:0 auto;">
                      <tr>
                        <td width="100%" bgcolor="#F2F8FB">
                          <!-- Nav -->
                          <table border="0" height="100" cellpadding="0" cellspacing="0" class="main-nav-breakpoints">
                            <tr>
                              <td style="margin:0; padding:0px 0px 0px 20px;">
                                <a href="#"><img src="images/logo@2x.png" width="164" height="54" alt="" border="0" align="left" class="logo" style="margin:0; padding:0;"/></a>
                              </td>
                              <td align="right" style="width: 75%; padding: 0; font-size: 13px; color: #ffffff; font-weight: normal; text-align: right; font-family: Georgia, Times, serif; line-height: 20px; vertical-align: bottom; font-style:normal;padding:0px 20px 24px 0px;">
                                <a href="#" align="right" class="nav-item-one" style="text-decoration: none; color: #003A63;">one</a>
                                  &nbsp;&nbsp;&nbsp;
                                <a href="#" align="right" class="nav-item-two" style="text-decoration: none; color: #003A63;">two</a>
                                  &nbsp;&nbsp;&nbsp;
                                <a href="#" align="right" class="nav-item-three" style="text-decoration: none; color: #003A63;">three</a>
                              </td>
                            </tr>
                          </table><!-- End Nav -->
                        </td>
                      </tr>
                    </table><!-- End Header -->
                  </td> 
                </tr> 
              </tbody> 
            </table> 
          </td> 
        </tr> 
      </tbody> 
    </table> 
    <!-- Outer Table END -->  
  </body>
</html>

3 个答案:

答案 0 :(得分:0)

我没有看到任何模块定义了您提供的代码。您希望哪些部分成为模块?

答案 1 :(得分:0)

如果您的容器是td,那么该TD中的所有表都应该是您的模块。并且通过添加class =&#34; mktoModule&#34;

,需要将该容器中的所有表(模块)标记为模块表

答案 2 :(得分:0)

根据Marketo's documentation,可以具有类“mktoContainer”的元素的类型是table,tbody,thead,tfoot或td,并且只有模块可以在这些元素内。如果还有其他内容,则容器将被视为无效。

在HTML中,您已将td元素定义为容器,但尚未在该容器中定义任何实际模块。对于容器内的表,您应该添加类“mktoModule”,一个唯一的id,以及带有值的mktoName属性。下面是更改示例,特别注意第2行的更改:

                  <td class="mktoContainer" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
                    <table id="module_navigation" mktoName="Navigation" width="630" border="0" cellpadding="0" cellspacing="0" align="center" class="main-nav-breakpoints mktoModule" style="margin:0 auto;">
                      <tr>
                        <td width="100%" bgcolor="#F2F8FB">
                          <!-- Nav -->
                          <table border="0" height="100" cellpadding="0" cellspacing="0" class="main-nav-breakpoints">
                            <tr>
                              <td style="margin:0; padding:0px 0px 0px 20px;">
                                <a href="#"><img src="images/logo@2x.png" width="164" height="54" alt="" border="0" align="left" class="logo" style="margin:0; padding:0;"/></a>
                              </td>
                              <td align="right" style="width: 75%; padding: 0; font-size: 13px; color: #ffffff; font-weight: normal; text-align: right; font-family: Georgia, Times, serif; line-height: 20px; vertical-align: bottom; font-style:normal;padding:0px 20px 24px 0px;">
                                <a href="#" align="right" class="nav-item-one" style="text-decoration: none; color: #003A63;">one</a>
                                  &nbsp;&nbsp;&nbsp;
                                <a href="#" align="right" class="nav-item-two" style="text-decoration: none; color: #003A63;">two</a>
                                  &nbsp;&nbsp;&nbsp;
                                <a href="#" align="right" class="nav-item-three" style="text-decoration: none; color: #003A63;">three</a>
                              </td>
                            </tr>
                          </table><!-- End Nav -->
                        </td>
                      </tr>
                    </table><!-- End Header -->
                  </td>

或者,您可以将mktoActive和mktoAddByDefault属性与布尔值包含在模块中。