Trên vận đơn khi in từ Haravan sẽ có đầy đủ các thông tin cần thiết cho việc đóng gói và Shipper nhận hàng như: mã đơn hàng, mã vận đơn, Barcode để shipper quét khi nhận hàng, sản phẩm và số lượng cần đóng gói.

Tuy nhiên, hiện tại mã vận đơn của Giao hàng tiết kiệm rất dài và với mẫu phát sinh vấn đề Shipper của Giao hàng tiết kiệm không thể quét mã Barcode trên vận đơn được in từ Haravan. Điều này làm bạn phải truy cập trang quản lý của Giao hàng tiết kiệm để in vận đơn, làm mất thời gian và trải nghiệm xử lý đơn hàng không xuyên suốt trên Haravan.

Bài viết sau đây sẽ hướng dẫn bạn điều chỉnh mẫu in trên Haravan để Shipper của Giao hàng nhanh có thể quét mã Barcode in trên vận đơn in từ Haravan. 

Đây là 2 bản in trước và sau khi điểu chỉnh mẫu in vận đơn:

Mẫu in trước khi chỉnh sửaMẫu in sau khi chỉnh sửa


Bài viết chia ra 02 trường hợp:

1. Trường hợp đã có điều chỉnh mẫu in vận đơn.

2. Trường hợp chưa từng điều chỉnh mẫu in và đang xài mẫu mặc định của Haravan.


Bài viết gồm:


Làm sao để biết shop bạn có từng điều chỉnh mẫu in hay chưa?

Bước 1: Vào trang admin.

Bước 2: Truy cập Cấu hình/Thông báo

Bước 3: Xem ở mục nội dung in vận đơn. Nếu có nút "Chuyển về mặc định" tức là Shop bạn đã có điều chỉnh mẫu in vận đơn.

Shop bạn đã có điều chỉnh mẫu in vận đơnShop bạn chưa từng điều chỉnh mẫu in

Hướng dẫn cho trường hợp bạn đã có điều chỉnh mẫu in vận đơn

Bước 1: Vào trang admin.

Bước 2: Truy cập Cấu hình/Thông báo

Bước 3: Click vào điều chỉnh mẫu in vận đơn.

Bước 4: Mở rộng màn hình điều chỉnh mẫu in vận đơn và thay 01 phần đoạn code cũ này bằng 1 đoạn code mới.

Chọn 01 đoạn code cũ như trong hình và xoá đi

Copy đoạn code mới dưới đây và paste vào khu vực vừa xoá.
     {%- if tracking_company == 'Giaohangtietkiem.vn' -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
       <p>Ngày đặt hàng:   {{ order_date | date: "%d/%m/%Y" }}</p>
       <img style="margin-right:-20px;height: 100px;" class="print_barcode order" val="{{tracking_number  | slice: -9, 9}}"></img>
     </div>
     <script>
      $(".print_barcode").each(function(){
        var barcode = $(this).attr("val");
        $(this).JsBarcode(barcode ,{ 
                        width:  1,
                        height: 40,
                        quite: 10,
                        format: "CODE128",
                        displayValue: true,
                        font:"monospace",
                        textAlign:"center",
                        fontSize: 12,
                        backgroundColor:"",
                        lineColor:"#000"
                    }
                )
        });
     </script>
{%- else -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
       <p>Ngày đặt hàng:   {{ order_date | date: "%d/%m/%Y" }}</p>
       <img style="margin-right:-20px;" class="print_barcode order" val="{{tracking_number }}"></img>
     </div>
     <script>
      $(".print_barcode").each(function(){
        var barcode = $(this).attr("val");
        $(this).JsBarcode(barcode ,{ 
                        width:  1,
                        height: 40,
                        quite: 10,
                        format: "CODE128",
                        displayValue: true,
                        font:"monospace",
                        textAlign:"center",
                        fontSize: 12,
                        backgroundColor:"",
                        lineColor:"#000"
                    }
                )
        });
     </script>
     {%- endif -%}


Bước 5: Lưu lại và in vận đơn của Giao hàng tiết kiệm để xem kết quả



Hướng dẫn cho trường hợp chưa từng điều chỉnh mẫu in.


Bước 1: Vào trang admin.

Bước 2: Truy cập Cấu hình/Thông báo

Bước 3: Click vào điều chỉnh mẫu in vận đơn.

Bước 4: Chọn vào nội dung đoạn code và bấm tổ hợp phím Ctrl + A, sau đó bấm delete.
Copy đoạn code mới dưới đây và paste vào khu vực vừa xoá.
<meta charset="UTF-8">
 <div style="margin:0;font-family: Helvetica;font-size:12px;page-break-after:always;">
 	<div>
 	{%- if tracking_company == 'Giaohangtietkiem.vn' -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
       <p>Ngày đặt hàng:   {{ order_date | date: "%d/%m/%Y" }}</p>
       <img style="margin-right:-20px;height: 100px;" class="print_barcode order" val="{{tracking_number  | slice: -9, 9}}"></img>
     </div>
     <script>
      $(".print_barcode").each(function(){
        var barcode = $(this).attr("val");
        $(this).JsBarcode(barcode ,{ 
                        width:  1,
                        height: 40,
                        quite: 10,
                        format: "CODE128",
                        displayValue: true,
                        font:"monospace",
                        textAlign:"center",
                        fontSize: 12,
                        backgroundColor:"",
                        lineColor:"#000"
                    }
                )
        });
     </script>
{%- else -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
       <p>Ngày đặt hàng:   {{ order_date | date: "%d/%m/%Y" }}</p>
       <img style="margin-right:-20px;" class="print_barcode order" val="{{tracking_number }}"></img>
     </div>
     <script>
      $(".print_barcode").each(function(){
        var barcode = $(this).attr("val");
        $(this).JsBarcode(barcode ,{ 
                        width:  1,
                        height: 40,
                        quite: 10,
                        format: "CODE128",
                        displayValue: true,
                        font:"monospace",
                        textAlign:"center",
                        fontSize: 12,
                        backgroundColor:"",
                        lineColor:"#000"
                    }
                )
        });
     </script>
     {%- endif -%}
 		<div style="margin: 10px 0 1.5em 0;">
 			<p><strong style="font-size: 18px;">{{ shop_name }}</strong></p>		
 			{% if shop.address %}
			<p><strong>Địa chỉ: </strong>{{ shop.address }}{% if shop.ward %}, {{ shop.ward }}{% endif %}{% if shop.district %}, {{ shop.district }}{% endif %}{% if shop.province %}, {{ shop.province }}{% endif %}{% if shop.country %}, {{ shop.country }}{% endif %}</p>
 			{% endif %}
 			{% if shop.phone %}
 			<p><strong>Điện thoại:</strong> {{ shop.phone }}</p>		
 			{% endif %}
 			<p><strong>Website:</strong> {{ shop.domain}}</p>		
 			<p><strong>Email:</strong> {{ shop.email }}</p>		
 		</div>
 		<div style="clear:both"></div>
 	</div>
 	<div>
 		<div style="width:60%;float:left;">
 			<h3 style="font-size: 14px;line-height: 0">Chi tiết đơn hàng &nbsp;&nbsp;&nbsp; {{order_name}}</h3>
 			<hr style="border: none; border-top: 2px solid #0975BD;"/>
 			<table style="margin: 0 0 1.5em 0;font-size: 12px;width:100%;">
 				<thead>
 					<tr>
 						<th style="width:25%;text-align: left;padding: 5px 0px">Mã sản phẩm</th>
 						<th style="width:35%;text-align: left;padding: 5px 0px">Sản phẩm</th>
 						<th style="width:15%;text-align: right;padding: 5px 0px">Số lượng</th>
 					</tr>
 				</thead>
 				<tbody>
 					{% for line_item in line_items %}
 					<tr valign="top" style="border-top: 1px solid #d9d9d9;">
 						<td align="left" style="padding: 5px 0px">{{ line_item.sku }}</td>
 						<td align="left" style="padding: 5px 5px 5px 0px;white-space: normal;">
 							{% if line_item.product.title %}
 							{% assign line_title = line_item.product.title %}
 							{% else %}
 							{% assign line_title = line_item.title %}
 							{% endif %}
 							<p style="margin-bottom: 5px;">{{ line_title }}</p>
 							{% if line_item.variant.title != "Default Title" %}
 							<p style="margin: 0">{{ line_item.variant.title }}</p>
 							{% endif %}
 						</td>
 						<td align="center" style="padding: 5px 0px">{{ line_item.quantity }}</td>
 					</tr>
 					{% endfor %}
 				</tbody>
 			</table> 			
 		</div>
 		<div style="width:40%;padding: 0px 0 0 20px;float:left;">
<h3 style="font-size: 14px;line-height: 0">Thông tin vận chuyển</h3>
 			<hr style="border: none; border-top: 2px solid #0975BD;"/>
 			<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9;">
<p><b>Mã vận đơn: </b>{{tracking_number}}</p>
<p><b>Mã phiếu giao hàng: </b>{{shipmentId}}</p>
 				<p><b>Nhà vận chuyển: </b>{{tracking_company}}</p>
<p><b>Tiền thu hộ: </b>{{COD_amount | money}}</p>
{% if sort_code %}
<p><b>Mã phân vùng: </b>{{sort_code}}</p>
{% endif%}
 			</div> 		
 			<h3 style="font-size: 14px;line-height: 0">Thông tin người gửi</h3>
 			<hr style="border: none; border-top: 2px solid #0975BD;"/>
 			<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9;">
 			<p><b>Người gửi: </b>{{shop.owner_name}}</p>
 			{% if shop.address %}
			<p><strong>Địa chỉ: </strong>{{ shop.address }}{% if shop.ward %}, {{ shop.ward }}{% endif %}{% if shop.district %}, {{ shop.district }}{% endif %}{% if shop.province %}, {{ shop.province }}{% endif %}{% if shop.country %}, {{ shop.country }}{% endif %}</p>
 			{% endif %}
			{% if shop.phone %}
			<p><strong>Điện thoại:</strong> {{ shop.phone }}</p>		
			{% endif%}
 			</div> 		
			{% if shipping_address %}
 			<h3 style="font-size: 14px;line-height: 0">Thông tin người nhận</h3>
 			<hr style="border: none; border-top: 2px solid #0975BD;"/>
 			<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9;  white-space: normal;">
 				<p><strong>Người nhận: </strong> {{ shipping_address.name }}</p>
 				{% if shipping_address.address1 %}
 				<p><strong>Địa chỉ: </strong>{{ shipping_address.address1 }}{% if shipping_address.ward %} , {{ shipping_address.ward }}{% endif %}{% if shipping_address.district %} , {{ shipping_address.district }}{% endif %}{% if shipping_address.province %}  , {{ shipping_address.province }} ,{% endif %}{% if shipping_address.country %} {{ shipping_address.country }}{% endif %}</p>
 				{% endif %}
 				{% if shipping_address.phone %}
 				<p><strong>Điện thoại: </strong>{{ shipping_address.phone }}</p>
 				{% endif %}
 			</div>
 			{% endif %}
 		</div>
 		<div style="clear:both"></div>
 	</div>
 	<p>Nếu bạn có thắc mắc, vui lòng liên hệ chúng tôi qua email <u>{{ shop.email }} {% if shop.phone %}</u> hoặc {{ shop.phone }} {% endif %}</p>
 </div>
Bước 5: Lưu lại và chuyển về màn hình chi tiết vận đơn in vận đơn của Giao hàng tiết kiệm để xem kết quả

Nếu cần hỗ trợ, Khách hàng vui lòng gọi hotline 1900.636.099 để biết thêm chi tiết.