Marketo 电子邮件模板 v2，Outlook 2010/2013 中的圆形按钮

Question

我知道 Outlook 2010/2013 有一个用于圆边按钮的 hack，但它不适用于新的 Marketo 模板。如果您熟悉，这些新的电子邮件模板适用于您拖放的模块。对于按钮，有一个输入文本字段，您可以在其中编写按钮文本。 Outlook hack 是带有重复信息的评论，使其成为手动操作。因此，填写电子邮件的人需要访问后端（从模块中破坏模板）并手动输入按钮文本。这对我们来说不是一个可行的解决方案。

我知道我的问题有点令人困惑，所以请告诉我我可以提供哪些其他信息。

这是带有按钮的sn-p（在原始模板中提供）：

 <tr> 
   <td class="cta" 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;"> 
     <center> 
       <table 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;" align="center" border="0" cellpadding="0" cellspacing="0"> 
         <tbody> 
           <tr> 
             <td style="hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-text-size-adjust: 100%; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-collapse: collapse;" align="center" bgcolor="${heroButtonBackgroundColor}"> <a href="${heroLink}" target="_blank" class="secondary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-bottom-color:${heroBorderColor2};font-size: 21px;font-weight: bold;font-family:'Open Sans', Arial, sans-serif;color: #ffffff;padding-top: 5px;padding-right: 70px;padding-bottom: 5px;padding-left: 70px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border-left-color:${heroBorderColor2};-webkit-background-clip: padding-box;background-clip: padding-box;border-top-width:${heroBorderSize2};border-right-width:${heroBorderSize2};border-bottom-width:${heroBorderSize2};border-left-width:${heroBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${heroBorderColor2};border-right-color:${heroBorderColor2};-moz-background-clip: padding;text-decoration: none;background-color:${heroButtonBackgroundColor};">${heroLinkText}</a> </td> 
           </tr> 
         </tbody> 
       </table> 
     </center> 
   </td> 
 </tr> 

这是模块输入的截图：

这些模板仅在几个月前发布，但仍希望有人能看到。

提前非常感谢！

Answer 1

我最近也在与电子邮件中的“圆形按钮”作斗争。首先，据我所知，Outlook（甚至到 Office 2016）无法在电子邮件中呈现那种圆形边框（或样式为“border-radius”的简单 div）。

据我所知，其他公司的大多数电子邮件编辑器 确实 有圆形按钮，我认为你所说的按钮代码是双倍的......但在他们的情况下，他们只是在后端，并允许所见即所得的作者在一个地方简单地编辑按钮。在 Marketo 的情况下，他们似乎没有这种花哨的后端逻辑，所以 A）您必须自己添加花哨的双按钮代码。并且您或您的电子邮件内容的人必须将代码分成两部分地方（这基本上太乏味/太复杂而无法成为可行的工作流程）。

所以现在看起来圆形按钮在单独使用 Marketo 时根本不是一个选项。如果我们以某种方式遗漏了某些东西，我们将很快向 Marketo 询问这个特定问题......但我的假设是，除非您的工作流程包含第二个工具来生成您的电子邮件 HTML 代码（如 CampaignMonitor 等）......我们不能在仅限 Marketo 的工作流程中使用圆形按钮。

我最近发现了这个“按钮 html 生成器”，它很有趣，但对于营销人员（与开发人员）来说仍然不是一个可行的工作流程选项 (IMHO) - 但其他人可能会发现它对这种情况很有用：https://buttons.cm/

如果/当我发现其他任何东西时，我会报告 - 请也这样做。