免费模板

装箱单模板

为你的跨境电商业务打造的专业装箱单模板。 即时预览、一键打印成 PDF，或直接复制 HTML 代码。

装箱单最佳实践

添加勾选框

在每件商品旁添加勾选框，方便打包人员核对是否齐全。

SKU 编号

务必标注 SKU 或商品编码，便于快速识别和库存追踪。

保持简洁

零售/礼品订单请省略价格，仅在批发或 B2B 订单中显示。

打造品牌

使用你的 Logo 和品牌配色。装箱单是与客户接触的重要触点。

选择你的模板

标准装箱单

推荐

简洁专业的设计，涵盖所有必要信息。适用于绝大多数商家。

查看 HTML 代码（面向开发者）
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>装箱单 - 订单号 #[ORDER_NUMBER]</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; font-size: 12px; color: #333; padding: 20px; }
    .container { max-width: 800px; margin: 0 auto; }
    .header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
    .logo { font-size: 24px; font-weight: bold; }
    .company-info { font-size: 11px; color: #666; margin-top: 5px; }
    .order-info { text-align: right; }
    .order-number { font-size: 18px; font-weight: bold; }
    .addresses { display: flex; gap: 40px; margin-bottom: 20px; }
    .address-block { flex: 1; }
    .address-label { font-weight: bold; font-size: 11px; color: #666; margin-bottom: 5px; text-transform: uppercase; }
    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
    th { background: #f5f5f5; padding: 10px; text-align: left; font-size: 11px; text-transform: uppercase; border-bottom: 2px solid #333; }
    td { padding: 10px; border-bottom: 1px solid #ddd; }
    .checkbox { width: 20px; height: 20px; border: 1px solid #333; display: inline-block; }
    .totals { background: #f9f9f9; padding: 15px; margin-bottom: 20px; }
    .notes { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 20px; }
    .footer { text-align: center; margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; font-size: 11px; color: #666; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div>
        <div class="logo">[COMPANY_NAME]</div>
        <div class="company-info">
          [ADDRESS]<br>
          [CITY, STATE ZIP]<br>
          [PHONE] | [EMAIL]
        </div>
      </div>
      <div class="order-info">
        <div class="order-number">订单号 #[ORDER_NUMBER]</div>
        <div>下单日期: [ORDER_DATE]</div>
        <div>发货日期: [SHIP_DATE]</div>
      </div>
    </div>

    <div class="addresses">
      <div class="address-block">
        <div class="address-label">收货人</div>
        <div>
          [SHIP_NAME]<br>
          [SHIP_ADDRESS]<br>
          [SHIP_CITY_STATE_ZIP]<br>
          [SHIP_PHONE]
        </div>
      </div>
      <div class="address-block">
        <div class="address-label">账单地址</div>
        <div>
          [BILL_NAME]<br>
          [BILL_ADDRESS]<br>
          [BILL_CITY_STATE_ZIP]<br>
          [BILL_PHONE]
        </div>
      </div>
    </div>

    <table>
      <thead>
        <tr>
          <th>数量</th>
          <th>SKU</th>
          <th>商品描述</th>
          <th>已装箱</th>
        </tr>
      </thead>
      <tbody>
        <!-- 每件商品重复一行 -->
        <tr>
          <td>[QTY]</td>
          <td>[SKU]</td>
          <td>[DESCRIPTION]</td>
          <td><span class="checkbox"></span></td>
        </tr>
      </tbody>
    </table>

    <div class="totals">
      <strong>商品总数: [TOTAL_ITEMS]</strong>
    </div>

    <div class="notes">
      <strong>特别说明:</strong><br>
      [SPECIAL_INSTRUCTIONS]
    </div>

    <div class="footer">
      感谢您的订购！<br>
      有疑问？请联系 [EMAIL]
    </div>
  </div>
</body>
</html>

含价格的详细装箱单

包含商品单价和订单合计，适合批发或 B2B 订单。

查看 HTML 代码（面向开发者）
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>装箱单 - 订单号 #[ORDER_NUMBER]</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; font-size: 12px; color: #333; padding: 20px; }
    .container { max-width: 800px; margin: 0 auto; }
    .header { display: flex; justify-content: space-between; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
    .logo { font-size: 24px; font-weight: bold; }
    .order-info { text-align: right; }
    .addresses { display: flex; gap: 40px; margin-bottom: 20px; }
    .address-block { flex: 1; padding: 15px; background: #f9f9f9; }
    .address-label { font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }
    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
    th { background: #333; color: white; padding: 10px; text-align: left; }
    td { padding: 10px; border-bottom: 1px solid #ddd; }
    .text-right { text-align: right; }
    .totals { width: 300px; margin-left: auto; }
    .totals tr td { padding: 5px 10px; }
    .totals .grand-total { font-size: 16px; font-weight: bold; background: #f5f5f5; }
    .payment-status { margin-top: 20px; padding: 10px; background: #d4edda; color: #155724; text-align: center; }
    .footer { text-align: center; margin-top: 30px; font-size: 11px; color: #666; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div>
        <div class="logo">[COMPANY_NAME]</div>
        <div>[ADDRESS], [CITY_STATE_ZIP]</div>
        <div>[PHONE] | [EMAIL]</div>
      </div>
      <div class="order-info">
        <div style="font-size: 18px; font-weight: bold;">订单号 #[ORDER_NUMBER]</div>
        <div>下单日期: [ORDER_DATE]</div>
        <div>发货日期: [SHIP_DATE]</div>
      </div>
    </div>

    <div class="addresses">
      <div class="address-block">
        <div class="address-label">收货人</div>
        [SHIP_NAME]<br>[SHIP_ADDRESS]<br>[SHIP_CITY_STATE_ZIP]
      </div>
      <div class="address-block">
        <div class="address-label">账单地址</div>
        [BILL_NAME]<br>[BILL_ADDRESS]<br>[BILL_CITY_STATE_ZIP]
      </div>
    </div>

    <table>
      <thead>
        <tr>
          <th>数量</th>
          <th>SKU</th>
          <th>商品描述</th>
          <th class="text-right">单价</th>
          <th class="text-right">小计</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>[QTY]</td>
          <td>[SKU]</td>
          <td>[DESCRIPTION]</td>
          <td class="text-right">[PRICE]</td>
          <td class="text-right">[LINE_TOTAL]</td>
        </tr>
      </tbody>
    </table>

    <table class="totals">
      <tr><td>小计:</td><td class="text-right">[SUBTOTAL]</td></tr>
      <tr><td>运费:</td><td class="text-right">[SHIPPING]</td></tr>
      <tr><td>税费:</td><td class="text-right">[TAX]</td></tr>
      <tr class="grand-total"><td>合计:</td><td class="text-right">[TOTAL]</td></tr>
    </table>

    <div class="payment-status">
      付款状态: 已通过 [PAYMENT_METHOD] 付款
    </div>

    <div class="footer">
      感谢您的惠顾！ | [WEBSITE]
    </div>
  </div>
</body>
</html>

极简装箱单

简洁清爽、不含价格的设计，适合礼品或零售。

查看 HTML 代码（面向开发者）
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>装箱单</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; color: #333; padding: 40px; }
    .container { max-width: 600px; margin: 0 auto; }
    .header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
    .company-name { font-size: 28px; font-weight: 300; letter-spacing: 2px; margin-bottom: 10px; }
    .order-info { color: #888; }
    .shipping-address { margin-bottom: 30px; padding: 20px; background: #f9f9f9; }
    .label { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 8px; }
    .items { margin-bottom: 30px; }
    .items-title { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 15px; }
    .item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
    .checkbox { width: 18px; height: 18px; border: 1px solid #ddd; margin-right: 15px; flex-shrink: 0; }
    .footer { text-align: center; padding-top: 30px; border-top: 1px solid #eee; color: #888; font-size: 13px; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="company-name">[COMPANY_NAME]</div>
      <div class="order-info">
        订单号 #[ORDER_NUMBER]<br>
        [ORDER_DATE]
      </div>
    </div>

    <div class="shipping-address">
      <div class="label">收货人</div>
      <div>
        [SHIP_NAME]<br>
        [SHIP_ADDRESS]<br>
        [SHIP_CITY_STATE_ZIP]
      </div>
    </div>

    <div class="items">
      <div class="items-title">本次发货商品</div>
      <!-- 每件商品重复一行 -->
      <div class="item">
        <span class="checkbox"></span>
        <span>([QTY]) [DESCRIPTION]</span>
      </div>
    </div>

    <div class="footer">
      感谢您的选购！<br>
      [WEBSITE]
    </div>
  </div>
</body>
</html>

含营销内容的品牌化装箱单

包含促销内容和社交媒体信息，非常适合塑造品牌。

查看 HTML 代码（面向开发者）
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>感谢您的订购！</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; color: #333; }
    .container { max-width: 650px; margin: 0 auto; padding: 30px; }
    .header { text-align: center; padding: 30px; background: linear-gradient(135deg, [BRAND_COLOR] 0%, [BRAND_COLOR_2] 100%); color: white; border-radius: 10px; margin-bottom: 25px; }
    .logo { font-size: 32px; font-weight: bold; margin-bottom: 5px; }
    .tagline { font-size: 14px; opacity: 0.9; }
    .order-bar { display: flex; justify-content: space-between; padding: 15px 20px; background: #f8f8f8; border-radius: 8px; margin-bottom: 25px; }
    .greeting { font-size: 18px; margin-bottom: 20px; }
    .items-section { margin-bottom: 25px; }
    .items-title { font-weight: bold; margin-bottom: 15px; text-transform: uppercase; font-size: 12px; color: #666; }
    .item { display: flex; align-items: center; padding: 12px; background: #f9f9f9; margin-bottom: 8px; border-radius: 6px; }
    .item-check { color: [BRAND_COLOR]; margin-right: 12px; font-size: 18px; }
    .promo-box { background: linear-gradient(135deg, #fff6e5 0%, #ffe4cc 100%); padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 25px; }
    .promo-title { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
    .promo-code { font-size: 24px; font-weight: bold; color: [BRAND_COLOR]; background: white; display: inline-block; padding: 8px 20px; border-radius: 5px; margin-top: 10px; }
    .social-box { background: #333; color: white; padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 25px; }
    .footer { text-align: center; font-size: 12px; color: #888; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="logo">[COMPANY_NAME]</div>
      <div class="tagline">[TAGLINE]</div>
    </div>

    <div class="order-bar">
      <span><strong>订单号 #[ORDER_NUMBER]</strong></span>
      <span>发货日期: [SHIP_DATE]</span>
    </div>

    <div class="greeting">
      你好，[CUSTOMER_FIRST_NAME]！👋<br>
      <span style="color: #666; font-size: 14px;">感谢您的订购！希望您会喜欢。</span>
    </div>

    <div class="items-section">
      <div class="items-title">您的商品</div>
      <div class="item">
        <span class="item-check">✓</span>
        <span>[ITEM_DESCRIPTION]</span>
      </div>
    </div>

    <div class="social-box">
      <div style="font-size: 16px; margin-bottom: 8px;">⭐ 晒出你的穿搭！⭐</div>
      <div style="font-size: 13px; opacity: 0.8;">@[SOCIAL_HANDLE] 标记我们，就有机会被官方展示！</div>
    </div>

    <div class="promo-box">
      <div class="promo-title">🎁 您的专属优惠</div>
      <div style="font-size: 13px;">下单立享 8.5 折！</div>
      <div class="promo-code">[PROMO_CODE]</div>
    </div>

    <div class="footer">
      📧 [EMAIL] | 🌐 [WEBSITE]<br>
      📱 Instagram、TikTok、Twitter 上关注 @[SOCIAL_HANDLE]
    </div>
  </div>
</body>
</html>

如何使用这些模板

1

复制 HTML

在你选中的模板上点击"复制 HTML"，完整的 HTML 代码就会复制到剪贴板。

2

替换占位符

查找并替换 [COMPANY_NAME]、[ORDER_NUMBER]、[SHIP_NAME] 等方括号占位符。 如果你的电商平台支持合并标签，也可以直接使用。

3

自定义配色与品牌

修改 CSS 颜色以匹配你的品牌。将 [BRAND_COLOR] 替换为你的十六进制色值（例如 #6366f1）， 并加入你的 Logo 图片链接。

4

试打印

在浏览器中打开该 HTML 文件并打印一张测试页，根据需要调整页边距和尺寸。 大多数模板都是按标准 Letter/A4 纸张设计的。

5

接入你的平台

上传到 Shopify、WooCommerce 或你的物流软件。大多数平台的装箱单设置中 都有自定义模板板块。

平台接入指南

🛒

Shopify

前往 设置 → 配送 → 装箱单。点击"编辑"并粘贴你的 HTML 模板， 使用 Shopify 的 Liquid 变量填充动态数据。

{{ order.name }}, {{ shipping_address.name }}
🔌

WooCommerce

安装装箱单插件，例如"WooCommerce PDF Invoices"。前往 WooCommerce → PDF Invoices → Templates 上传你的自定义模板。

{{order_number}}, {{shipping_first_name}}
📦

atoship

atoship 会自动生成带有你品牌标识的装箱单。前往 设置 → 单据 → 装箱单 即可自定义模板。

免费开始使用 →

常见问题

什么是装箱单？

装箱单是随包裹一同寄出、用于列明包裹内容的单据。它帮助收件人核对是否收到正确的商品，也帮助仓库人员准确拣货和打包。与发票不同，装箱单通常不显示价格。

装箱单和发票有什么区别？

装箱单列明发货中的商品以供核对，通常不含价格；发票则是一份包含价格、合计、付款条款的付款单据，用于财务记账。许多商家会在包裹内附上装箱单，并通过邮件另行发送发票。

装箱单上要不要显示价格？

这取决于你的经营模式。对于 B2C 零售，尤其是礼品订单，最好省略价格；对于 B2B 批发订单，显示价格则有助于收货部门核对。有些平台支持同时创建两种版本。

装箱单上应该包含哪些信息？

必要信息包括：公司名称/Logo、订单号、下单日期、收货地址、含 SKU/描述/数量的商品清单，以及供咨询用的联系方式。可选内容包括账单地址、价格、特别说明和促销内容。

如何自动生成装箱单？

大多数电商平台（Shopify、WooCommerce、BigCommerce）都内置了装箱单生成器或可用的应用。像 atoship 这样的物流软件可以在打印运输标签的同时自动生成并打印装箱单。

应该用纸质还是电子装箱单？

包裹内的纸质装箱单仍是主流做法，因为客户打开包裹时能第一时间看到；而通过邮件发送的电子装箱单更加环保，还能加入互动元素。许多商家两者兼用。

可以在装箱单上加入营销内容吗？

当然可以！装箱单一定会被看到，是绝佳的营销机会。你可以加入折扣码、社交媒体账号、评价邀请或推荐计划信息。但别让营销内容喧宾夺主，核对包裹内容才是它的首要目的。

如何高效打印装箱单？

对于大批量发货，可以投资一台热敏打印机来打印装箱单，它比喷墨/激光打印机更快、运行成本更低。使用能将装箱单与标签批量打印的物流软件，可以节省大量时间。

标签与装箱单一并打印

atoship 会自动生成配套的运输标签和装箱单。 借助批量打印和专业品牌设计，为你节省大量时间。

立即免费开始了解打印功能