HƯỚNG DẪN CÀI ĐẶT POPUP THÔNG BÁO ẢO GIÚP KÍCH THÍCH MUA HÀNG

HƯỚNG DẪN CÀI ĐẶT POPUP THÔNG BÁO ẢO GIÚP KÍCH THÍCH MUA HÀNG
Chào các bạn một lần nữa đến với blog design 5s , bài viết hôm nay mình xin chia sẻ đến các bạn một mẹo nhỏ nhưng giúp kích thích khách hàng đặt hàng tại website bạn khi truy cập vào web , cách này được sử dụng popup thông báo ảo giúp cho khách hàng nhìn thấy và kích thích hơn so với trang web cứ tĩnh lặng , vậy popup đó hiển thị như thế nào cách cài đặt và hoạt động ra sao mà kích thích được khách hàng thì mình mời các bạn tham khảo bài viết sau đây luôn nha
HƯỚNG DẪN CÀI ĐẶT POPUP THÔNG BÁO ẢO GIÚP KÍCH THÍCH MUA HÀNG
hình minh họa

hướng dẫn cài đặt popup thông báo ảo

BƯỚC 1 : các bạn truy cập vào trình chỉnh sửa code của template website của bạn và tiến hành thêm đoạn js sau phía trên thẻ </body> của bạn.

<script src="https://cdn.jsdelivr.net/gh/leminhut/design5s.net/js/popup.js" type="text/javascript"></script>

BƯỚC 2 : Tiến hành thêm đoạn css sau vào bên trên thẻ </head> trong template website của bạn.

<style>
#popWindow {position: fixed;left: 10px;bottom: 10px;max-width: 220px;padding: 16px;background: #EFECDC;font-size: 14px;border: 1px solid #CCC;border-radius: 20px;box-shadow: 1px 1px 5px #999;opacity: 0;z-index: 999999}
#popWindow b{font-weight:bold;font-size: 16px}
#popWindow i{font-size: 16px;font-weight:bold;color:red}
#popWindow span {font-size: 16px;font-weight:bold;color:#0C6}
</style>
BƯỚC 3 : Thêm thẻ html sau vào </body> trong template của bạn để tiện ích popup hoạt động.

<div id='popWindow'></div>

lời kết

Chúc các bạn thành công , nếu làm không được các bạn có thể gửi email về mình theo địa chỉ sau : admin@design5s.net sẽ hướng dẫn hoặc hỗ trợ bạn cài đặt vào website .
DEMO POPUP
Chia sẻ:
Xem nhiều
Blog