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

Question

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

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

这是带按钮的片段（在原始模板中提供）：

 <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

我最近也在努力处理电子邮件中的 "rounded buttons"。首先，据我所知，Outlook（甚至是 Office 2016）无法在电子邮件中呈现那种圆形边框（或具有样式 "border-radius" 的简单 div）。

据我所知，大多数 DO 拥有圆形按钮的其他公司的电子邮件编辑会按照我认为您所说的按钮代码加倍的位置进行操作...但是在他们的情况下，他们只是在后端进行操作，并允许 WYSIWYG 作者在一个地方简单地编辑按钮。在 Marketo 的情况下，他们似乎没有这种花哨的后端逻辑，所以 A) 你必须自己添加花哨的双按钮代码.. AND 你或你的电子邮件内容的人必须编辑在两个地方编写代码（这基本上 tedious/complicated 无法成为可行的工作流程）。

所以目前看来，当单独使用 Marketo 时，圆形按钮根本不是一个选项。如果我们遗漏了一些东西，我们很快就会向 Marketo 询问这个特定问题......但我的假设是，除非你的工作流程包括第二个工具来生成你的电子邮件 HTML 代码（比如 CampaignMonitor 等) ...我们不能在仅限 Marketo 的工作流程中使用圆形按钮。

我最近发现这个 "button html generator" 这很有趣，但对于营销人员（相对于开发人员）来说仍然不是一个可行的工作流选项 (恕我直言) - 但其他人可能会发现它对这种情况很有用：https://buttons.cm/

我会报告回来的if/when我发现其他任何东西 - 请做同样的事情。

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

Marketo Email Templates v2, Rounded Button in Outlook 2010/2013

email

outlook

outlook-2010

rounded-corners

marketo