Tùy chỉnh hóa đơn

Trang này được in vào Apr 24, 2024. Để lấy phiên bản hiện tại, vui lòng truy cập https://help.shopify.com/vi/manual/online-sales-channels/wholesale/channel/orders/invoice-template.

Gửi hóa đơn khách hàng bán buôn khác với hóa đơn gửi cho khách hàng bán lẻ.

Khi bạn gửi hóa đơn qua email cho khách hàng, email sẽ được tạo bằng mẫu hóa đơn. Theo mặc định, mẫu này cung cấp cho khách hàng liên kết đến trang thanh toán, nơi họ có thể nhập thông tin thanh toán, chọn phương thức vận chuyển và gửi tiền thanh toán. Khách hàng có thể thanh toán bằng bất cứ nhà cung cấp dịch vụ thanh toán nào được kích hoạt trên trang quản trị Shopify.

Bạn có thể chỉnh sửa mẫu này để cung cấp cho khách hàng bán buôn các tùy chọn hoặc điều khoản thanh toán khác. Ví dụ: Bạn có thể thêm mã để gửi hóa đơn cho khách hàng của cửa hàng bán lẻ và hóa đơn khác cho khách hàng của cửa hàng bán buôn.

Trên trang này

Chỉnh sửa mẫu hóa đơn

  1. Trên trang quản trị Shopify, vào Cài đặt > Thông báo.
  2. Trong mục Orders (Đơn hàng), nhấp vào Draft order invoice (Hóa đơn cho đơn hàng nháp).
  3. Nhấp vào Chỉnh sửa mã.
  4. Thay thế mã trong mục Email body (HTML) (Nội dung email (HTML)) bằng mẫu tùy chỉnh của bạn. Tìm hiểu thêm về chỉnh sửa mẫu email.
  5. Nhấp vào Save (Lưu).

Ví dụ

Mã sau đây sẽ kiểm tra xem email hóa đơn có phải dành cho đơn hàng bán buôn hay không. Nếu đó là hóa đơn cho đơn hàng bán buôn, email sẽ hướng dẫn khách hàng cách liên hệ với bạn để thanh toán đơn hàng. Nếu không, hóa đơn mặc định sẽ được gửi đi.

 {% capture email_title %} {% if tags contains "wholesale" %} Hoàn thành đơn hàng bán buôn

```
<p>To complete your wholesale order, contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a>.<br/>
    Your order can't be processed until we hear from you.</p><br/>
{% else %}
    Complete your purchase
{% endif %}
```

{% endcapture %}

{% capture email_body %} {% if item_count > 1 %}Những mặt hàng này{% else %}{% endif %} sẽ được giữ lại cho bạn đến: **{{ reserve_inventory_until | date: "%B %d, %Y at %I:%M %p %Z" }}** {% endcapture %}

```
<!DOCTYPE html>
<html lang="en">
<head>
  <title>{{ email_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  <style>
    .button__cell { background: {{ shop.email_accent_color }}; }
    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
  </style>
</head>

  <body>
    <table class="body">
      <tr>
        <td>

<table class="header row">
  <tr>
    <td class="header__cell">
      <center>

        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  <td class="shop-name__cell">
                    {% if shop.email_logo_url %}
                      <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                    {% else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {% endif %}
                  </td>

                    <td class="order-number__cell">
                      <span class="order-number__text">
                        Invoice {{ name }}
                      </span>
                    </td>
                </tr>
              </table>

            </td>
          </tr>
        </table>

      </center>
    </td>
  </tr>
</table>

          <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>

            <h2>{{ email_title }}</h2>
            {% if custom_message != blank %}
              <p>{{ custom_message }}</p>
            {% elsif reserve_inventory_until %}
              <p>{{ email_body }}</p>
            {% endif %}
            <table class="row actions">

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

          <table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3>Order summary</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>

<table class="row">
  {% for line in line_items %}

  {% if item_count == 1 %}
    {% assign columnWrapperClass = 'order-list__item--single' %}
  {% elsif forloop.first == true %}
    {% assign columnWrapperClass = 'order-list__item--first' %}
  {% elsif forloop.last == true %}
    {% assign columnWrapperClass = 'order-list__item--last' %}
  {% else %}
    {% assign columnWrapperClass = '' %}
  {% endif %}
  <tr class="order-list__item {{columnWrapperClass}}">
    <td class="order-list__item__cell">
      <table>
        <td>
          {% if line.image %}
            <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
          {% endif %}
        </td>
        <td class="order-list__product-description-cell">
          {% if line.product.title %}
            {% assign line_title = line.product.title %}
          {% else %}
            {% assign line_title = line.title %}
          {% endif %}
          <span class="order-list__item-title">{{ line_title }} × {{ line.quantity }}</span><br/>
          {% if line.variant.title != 'Default Title' %}
            <span class="order-list__item-variant">{{ line.variant.title }}</span>
          {% endif %}
        </td>
          <td class="order-list__price-cell">
            {% if line.original_line_price != line.line_price %}
              <del class="order-list__item-original-price">{{ line.original_line_price | money }}</del>
            {% endif %}
            <p class="order-list__item-price">{{ line.line_price | money }}</p>
          </td>
      </table>
    </td>
  </tr>{% endfor %}
</table>

            <table class="row subtotal-lines">
  <tr>
    <td class="subtotal-spacer"></td>
    <td>
      <table class="row subtotal-table">
        {% if discounts %}
          {% capture discount_title %}Discount {% if discounts.first.code %}({{ discounts.first.code }}){% endif %}{% endcapture %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>{{ discount_title }}</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ discounts_savings | money }}</strong>
  </td>
</tr>

        {% endif %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Subtotal</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ subtotal_price | money }}</strong>
  </td>
</tr>

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Shipping</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ shipping_price | money }}</strong>
  </td>
</tr>

        {% for line in tax_lines %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>{{ line.title }}</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ line.price | money }}</strong>
  </td>
</tr>

        {% endfor %}
      </table>
      <table class="row subtotal-table subtotal-table--total">

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Total</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ total_price | money_with_currency }}</strong>
  </td>
</tr>

      </table>

      {% assign transaction_size = 0 %}
      {% for transaction in transactions %}
        {% unless transaction.kind == "capture" or transaction.kind == "void" %}
          {% assign transaction_size = transaction_size | plus: 1 %}
        {% endunless %}
      {% endfor %}

      {% if transaction_size > 1 %}
        <table class="row subtotal-table">
          <tr><td colspan="2" class="subtotal-table__line"></td></tr>
          <tr><td colspan="2" class="subtotal-table__small-space"></td></tr>

          {% for transaction in transactions %}
            {% if transaction.status == "success" and transaction.kind == "authorization" or transaction.kind == "sale" %}
              {% if transaction.payment_details.credit_card_company %}
                {% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ending in {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
              {% else %}
                {% capture transaction_name %}{{ transaction.gateway | replace: "_", " " | capitalize }}{% endcapture %}
              {% endif %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>{{transaction_name}}</span>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>{{ transaction.amount | money }}</strong>
  </td>
</tr>

            {% endif %}
            {% if transaction.kind == 'refund' %}
              {% if transaction.payment_details.credit_card_company %}
                {% assign refund_method_title = transaction.payment_details.credit_card_company %}
              {% else %}
                {% assign refund_method_title = transaction.gateway %}
              {% endif %}

<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Refund</span>
        <br>
        <small>{{ refund_method_title | capitalize }}</small>
    </p>
  </td>
  <td class="subtotal-line__value">
    <strong>- {{ transaction.amount | money }}</strong>
  </td>
</tr>

            {% endif %}
          {% endfor %}
        </table>
      {% endif %}
    </td>
  </tr>
</table>

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

          {% if shipping_address or billing_address or shipping_method %}
            <table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3>Customer information</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  {% if shipping_address %}
                    <td class="customer-info__item">
                      <h4>Shipping address</h4>
                      <p>
  {{ shipping_address.name }}<br/>
  {{ shipping_address.address1 }}
  {% if shipping_address.address2 %}
  <br/>{{ shipping_address.address2 }}
  {% endif %}
  <br/>{{ shipping_address.city }}, {{ shipping_address.province }} {{ shipping_address.zip }}
  <br/>{{ shipping_address.country }}
</p>

                    </td>
                  {% endif %}

                  {% if billing_address %}
                    <td class="customer-info__item">
                      <h4>Billing address</h4>
                      <p>
  {{ billing_address.name }}<br/>
  {{ billing_address.address1 }}
  {% if billing_address.address2 %}
  <br/>{{ billing_address.address2 }}
  {% endif %}
  <br/>{{ billing_address.city }}, {{ billing_address.province }} {{ billing_address.zip }}
  <br/>{{ billing_address.country }}
</p>

                    </td>
                  {% endif %}
                </tr>
              </table>
              {% if shipping_method %}
                <table class="row">
                  <tr>
                    <td class="customer-info__item customer-info__item--last">
                      <h4>Shipping method</h4>
                      <p>{{ shipping_method.title }}<br/>{{ shipping_method.price | money }}</p>
                    </td>
                  </tr>
                </table>
              {% endif %}

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
          {% endif %}

          <table class="row footer">
  <tr>
    <td class="footer__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

        </td>
      </tr>
    </table>
  </body>
</html>
```

Xem trước hóa đơn

  1. Mở đơn hàng nháp đã gửi trong cửa hàng bán buôn của bạn.
  2. Trong trang thông tin của đơn hàng, nhấp vào Send invoice (Gửi hóa đơn).
  3. Trên hộp thoại Send invoice (Gửi hóa đơn), đảm bảo rằng thông báo tùy chỉnh trống, sau đó nhấp vào Review invoice (Xem lại hóa đơn).
  4. Đảm bảo hóa đơn chính xác, sau đó nhấp vào Send invoice (Gửi hóa đơn).

Liên kết có liên quan

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí