Шаблоны электронной почты Marketo v2, закругленная кнопка в Outlook 2010/2013

Question

Я знаю, что есть ручка для Outlook 2010/2013 для закругленной кнопки, но на самом деле она не работает с новыми шаблонами Marketo. Если вы знакомы, эти новые шаблоны электронной почты работают с модулями, которые вы перетаскиваете. Для кнопок есть текстовое поле ввода, в котором вы пишете текст кнопки. Взлом Outlook - это комментарий с дублирующейся информацией, что делает его ручным. Таким образом, человек, заполняющий электронную почту, должен получить доступ к бэкэнду (разбить шаблон из модулей) и ввести текст кнопки вручную. Это не является жизнеспособным решением для нас.

Я знаю, что мой вопрос немного запутан, поэтому дайте мне знать, какую другую информацию я могу предоставить.

Вот фрагмент кода с помощью кнопки (при условии, в исходном шаблоне):

<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) не может отображать такие округленные границы в электронных письмах (или простые div со стилем «border-radius»).

Из того, что я могу сказать большинству редакторов электронной почты от других компаний, которые DO имеют закругленные кнопки, делают то, что, я думаю, вы говорите о том, где код кнопки удваивается ... но в их случае они просто это на бэкэнд и разрешить авторам WYSIWYG просто редактировать кнопку в одном месте. В случае с Marketo, похоже, у них нет этой фантастической логики бэкэнда, так что A) вам нужно добавить код кнопки причудливого удвоения самостоятельно. И вы или ваш адрес электронной почты люди должны редактировать код в двух местах (что в основном слишком утомительный/сложный, чтобы быть возможным рабочим процессом).

Так что теперь похоже, что закругленные кнопки просто не являются опцией при использовании Marketo. Мы вскоре попросим Marketo об этой конкретной проблеме в случае, если мы каким-то образом упустим что-то ... но я полагаю, что если ваш рабочий процесс не включает в себя второй инструмент для генерации HTML-кода электронной почты (например, CampaignMonitor и т. Д.) ... мы просто не можем иметь закругленные кнопки с рабочим процессом Marketo.

Я нашел это «HTML генератор кнопка» в последнее время которого интересно, но по-прежнему не является жизнеспособным вариантом рабочего процесса (ИМХО) для маркетологов (против разработчиков) - но другие могут оказаться полезным для этой ситуации: https://buttons.cm/

Я отчитаю, если/когда я найду что-нибудь еще - сделайте то же самое.