394 lines
24 KiB
HTML
394 lines
24 KiB
HTML
|
<div class="global-breadcrumb-container">
|
||
|
|
<a href="/admin/system"> Cài đặt chung </a>
|
||
|
|
<a href=""> Email bán hàng/CSKH </a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
|
||
|
|
<div
|
||
|
|
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
|
||
|
|
<p class="font-bold text-[20px] leading-[26px] block"> Cài đặt Email </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div
|
||
|
|
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||
|
|
<a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
|
||
|
|
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
|
||
|
|
Thông tin
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="w-[852px]">
|
||
|
|
<div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
|
||
|
|
<b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
|
||
|
|
<b class="block text-[16px] mb-[5px]">Cài đặt email</b>
|
||
|
|
<table class="style-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="w-[50px]">STT</th>
|
||
|
|
<th>Phân loại</th>
|
||
|
|
<th class="w-[345px]">Cài đặt</th>
|
||
|
|
<th class="w-[115px]">Hành động</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">1</td>
|
||
|
|
<td>
|
||
|
|
<b>Email gửi thông báo cho khách hàng (*)</b>
|
||
|
|
<p>Dùng gửi khách hàng khi họ đặt hàng, báo tình trạng đơn hàng v.v. Cần phải dùng một dịch
|
||
|
|
vụ gửi email để gửi đi. Mặc
|
||
|
|
định là dùng hotro@demopc8.hurasoft.com và sử dụng dịch vụ gửi email của HuraSoft.
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Email *</p>
|
||
|
|
<input type="text"
|
||
|
|
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">2</td>
|
||
|
|
<td>
|
||
|
|
<b>Email nhận chung (*)</b>
|
||
|
|
<p>Bắt buộc. Sẽ được dùng để nhận tất cả các thông báo của website nếu các email khác dưới
|
||
|
|
đây không được cài.
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Email *</p>
|
||
|
|
<input type="text"
|
||
|
|
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">3</td>
|
||
|
|
<td>
|
||
|
|
<b>Email nhận thông báo đơn hàng</b>
|
||
|
|
<p>Các đơn hàng mới sẽ được gửi thông báo vào Email này</p>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Email *</p>
|
||
|
|
<input type="text"
|
||
|
|
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">4</td>
|
||
|
|
<td>
|
||
|
|
<b>Email nhận liên hệ</b>
|
||
|
|
<p>Các liên hệ mới sẽ được gửi thông báo vào Email này</p>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Email *</p>
|
||
|
|
<input type="text"
|
||
|
|
class="w-[265px] h-[35px] rounded-[4px] p-[10px] border-[1px] border-[#D8D8D8] ml-[10px] shadow-[0px_2px_4px_0px_#0000001F]">
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="p-[15px] border-t-[6px] border-[#FAFAFB] bg-white rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||
|
|
<b class="block text-[20px] mb-[10px]">Cài đặt email cho website</b>
|
||
|
|
<div class="text-[#6B7280]">
|
||
|
|
Hướng dẫn: Nên dùng Editor ở phần <a href="" class="ml-[2px] text-[#0041E8]">sửa template</a> để chỉnh
|
||
|
|
nội dung html rồi copy/cập nhật ở
|
||
|
|
đây
|
||
|
|
</div>
|
||
|
|
<table class="style-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="w-[50px]">STT</th>
|
||
|
|
<th>Phân loại</th>
|
||
|
|
<th class="w-[312px]">Nội dung</th>
|
||
|
|
<th>Hành động</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">1</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">2</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo cho khách hàng khi đơn hàng được cập nhật trạng thái
|
||
|
|
mới <br> email_tpl_update_buyer_order_status
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">3</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">4</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">5</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">6</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">7</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">8</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="align-text-top">9</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
Email gửi thông báo đơn hàng mới cho khách hàng <br> email_tpl_order_detail
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Xem
|
||
|
|
nội
|
||
|
|
dung</a>
|
||
|
|
<div style="display: none;" id="js-email-tpl-order-detail" class="mt-[15px]">
|
||
|
|
<textarea name="" id=""
|
||
|
|
class="w-[100%] h-[225px] p-[10px] rounded-[4px] border-[1px] border-[#D8D8D8]"></textarea>
|
||
|
|
<p>- Dữ liệu có thể dùng. page</p>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>- Test hiển thị:</p>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="block w-[115px] h-[32px] ml-[5px] leading-[30px] text-center text-[#0041E8] border-[#0041E8] border-[1px] rounded-[4px]">Test
|
||
|
|
hiển thị</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td class="align-text-top">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="w-[80px] h-[32px] text-center text-white bg-[#0041E8] block m-auto leading-[32px] rounded-[4px]">Cập
|
||
|
|
nhật</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|