Shopify：通知电子邮件的样式来自哪里？

Question

我asked this in Shopify论坛，但没有人回答。

在Shopify的管理页面中，我们可以编辑“订单确认”电子邮件的HTML，当我收到实际的电子邮件时，HTML与我们在管理员页面中编辑的HTML非常不同，尽管我可以告诉它来自我在管理页面上编辑的HTML。只是添加了许多样式，并且一些HTML元素的顺序似乎发生了变化。我想知道如何添加这些样式？我们能控制它吗？

这是我在gmail中看到的订单确认电子邮件：

正如您所看到的，<p>标记有很多样式。但是，在管理员页面上，相关代码为：

{% capture email_body %}
  {% if requires_shipping %}
    Hi {{ customer.first_name }}, we're getting your order ready to be shipped. We will notify you when it has been sent.
  {% endif %}
{% endcapture %}

.....

<p>{{ email_body }}</p>

根本没有样式，并且没有关于此P标记的CSS。

Answer 1

Shopify在所有电子邮件模板中加载默认的styles.css文件。

<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">

在发送电子邮件之前，Shopify会解析所有外部CSS，并将它们添加为内联样式，以更好地支持不同的电子邮件客户端。

有关Shopify Website的更多信息