是否可以为 mailchimp 编写拖放模板？

Question

好像 mailchimp 有两种类型的模板：经典和 "drag and drop."

经典模板（他们称之为 "themes"）具有使用 mc: 属性定义的内容区域。其中一些可以重复但不能移动。

"drag and drop" 模板有 "container" 个区域，这些区域接受菜单中的内容块，只有当模板属于 "drag and drop" 类型时才会出现。

似乎无法编码和导入 "drag and drop" 模板。我尝试将其中一个导出到 HTML，但收到警告，重新导入模板将消除其拖放功能。

我的理解是否正确，即只能使用 mailchimp 模板标签编码和导入 "classic" 模板，还是我遗漏了什么？

Answer 1

您可以使用拖放操作，但在我能找到的任何地方都没有记录。我能够获得他们用来使 "content" 和 "design" 面板出现在右侧的源代码。

代码：

为了让 "content" 面板出现，您需要在此 gist 中使用代码！它只是单列基本模板的源代码。将代码粘贴到 "Edit Code" 面板中。您只需要在文件中遵循正确的格式。 我还没有解析它来告诉你它到底是做什么的。

你已经知道的事情。

可以在此处找到有关如何修改模板 (mc:edit="body") 和设计面板的文档 MailChimp's Knowledge Base: Code Your Own

Answer 2

我发现 edesilets 的回答很有帮助。我将 gist 文件作为 mailchimp 模板上传并开始删除元素，直到我找到破坏拖放编辑器的原因。

如果您将以下代码添加到您的主要内容 div 或 td 中，它将启用拖放块编辑器：

mc:container="body_container" mccontainer="body_container"

示例：

<div  mc:container="body_container" mccontainer="body_container"></div>

此代码会将块编辑器区域添加到前 header 部分：

  mc:container="preheader_container" mccontainer="preheader_container"

对于header：

  mc:container="header_container" mccontainer="header_container"

对于页脚：

 mc:container="footer_container" mccontainer="footer_container"

注意： mc:container 似乎并不重要。创建一个具有不同名称的新容器有效。虽然仅使用 mc:container 标签似乎一开始就可以正常工作，但需要 mccontainer（无冒号）标签才能正确保存。

Answer 3

好像，他们不喜欢人们用这个... 当您使用他们的后端保存代码时，他们现在将删除 mccontainer="footer_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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <body>
    <h1>I'm super simple</h1>
    <div mc:container="footer_container" mccontainer="footer_container"></div>
    <div></div>
  </body>
</html>

保存代码后会得到这个：

<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <body>
    <h1>I'm super simple</h1>
    <div mc:container="footer_container"></div>
    <div></div>
  </body>
</html>

因此您可以使用拖放功能编辑模板，但您不会在呈现的电子邮件中看到任何结果...

是否可以为 mailchimp 编写拖放模板？

Is it possible to code drag&drop templates for mailchimp?

email

templates

drag-and-drop

mailchimp

代码：

你已经知道的事情。