如何编写html电子邮件打印两个单独的页面?

时间:2015-08-28 00:45:59

标签: html html-email business-catalyst

Business Catalyst电子商务广告投放订单会发送给供应商。我想添加第二个表,这是供应商在将产品运送给我的客户时将使用的装箱单。

自定义包含两个表的html电子邮件。 1.供应商下降运输订单 2.供应商装箱单

试图弄清楚如何将两个表分开,以便当收件人收到电子邮件时,它们将打印为两个单独的页面。

2 个答案:

答案 0 :(得分:2)

这可能不起作用的两个原因:

  1. 大多数电子邮件客户端在显示之前都会清理HTML和CSS。这个过程因客户而异(这就是为什么大多数新闻通讯都充满了图片)。

  2. 告诉浏览器破解页面的CSS属性对某些浏览器(例如Google Chrome)不起作用。有关详细信息,请参阅webkit中的this bug

  3. 无论如何,这是您应该在第一页中添加到您想要的最后一个HTML标记的内容:

    style="page-break-after: always;"
    

    但是,我强烈建议您尝试生成PDF文件或类似的内容作为附件发送。

答案 1 :(得分:1)

我知道BC以及它的系统电子邮件是如何工作的。在这种情况下,您将无法生成附加的PDF。 (除非您使用可以接收电子邮件的第三方服务,将其转换为PDF,然后通过电子邮件发送PDF。我不知道任何此类服务。)以下是您可以做。

首先自定义Drop Shipping Email。您默认会看到发票表单。创建另一个包含装箱单信息的表。 (有关电子邮件的标记列表,请参阅this documentation。)

然后,您可以添加样式,当此人打印页面时,它会将电子邮件分成两页。例如:

CSS

<style type="text/css">
    /* NOTE: This style tag can go anywhere in the email. */
    @media print {
        .page-break {page-break-after: always;}
    }
</style>

<强> HTML

<!-- Code of Invoice -->

<div class="page-break">&nbsp;</div>

<!-- Code of Packing Slip -->

打印时,它应该将电子邮件的顶部(<div class="page-break">&nbsp;</div>之前的任何内容)分成一个页面,其余部分分成一个页面。 但是,对@media print的支持在电子邮件客户端中并不是很好,所以不幸的是,这在许多电子邮件客户端中都不起作用。您可以在电子邮件中的@media print上阅读this article

如果您知道您的drop shipper是您在电子邮件中支持@media print的电子邮件客户端之一,请尝试一下,否则您还有其他两个选项:

  1. 获取信息并手动将其发送给托运人。
  2. 让托运人打印一页,然后将页面切成两半。
  3. (我知道两者都不理想。)