TẠO POPUP THÔNG BÁO KHUYẾN MÃI Ở TẤT CẢ CÁC TRANG

Khi khách hàng truy cập vào website của bạn, sau 2-3 giây họ sẽ nhìn thấy một ảnh popup xuất hiện giữa màn hình để gây chú ý cho họ. Mục đích của chúng ta là lấy được thông tin của khách hàng như họ tên+email+sđt

Bước 1: Kiểm tra xem web của bạn đã có cài thư viện ajax này chưa

Cách tìm: Vào Blogger -> Chủ Đề-> Chỉnh sửa HTML. Vào Code ấm tổ hợp phím Ctrl+F tìm từ khóa là thư viện ajax này.

Nếu có phiên bản cao hơn thì không cần thêm vào nữa đâu, không là bị lỗi à nha

Bước 2: Copy đoạn code bên dưới dán trước thẻ đóng </body>

<style>

#qc-popup {display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}

#boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}

#boxview {max-width:600px;position:absolute;top:20%;left:28%;}

#closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px; z-index: 99999;}

#closebox:before {font-family: FontAwesome;content:"\f00d";padding:5px 8px;background:#fff;color:#2c3e50;font-weight:normal;font-size:14px;}

#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}

#qc-box {max-width:600px;}

#qc-box img {width:100%}

</style>

//<![CDATA[

jQuery.cookie=function(key,value,options){if(arguments.length>1&&String(value)!=="[object Object]"){options=jQuery.extend({},options);if(value===null||value===undefined){options.expires=-1;}

if(typeof options.expires==='number'){var days=options.expires,t=options.expires=new Date();t.setDate(t.getDate()+days);}

value=String(value);return(document.cookie=[encodeURIComponent(key),'=',options.raw?value:encodeURIComponent(value),options.expires?'; expires='+options.expires.toUTCString():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''));}

options=value||{};var result,decode=options.raw?function(s){return s;}:decodeURIComponent;return(result=new RegExp('(?:^|; )'+encodeURIComponent(key)+'=([^;]*)').exec(document.cookie))?decode(result[1]):null;};

//]]>

</script>

jQuery(document).ready(function($){if($.cookie('popup_facebook_box')!='yes'){$('#qc-popup').delay(2500).fadeIn('fast');$('#closebox, #boxclose').click(function(){$('#qc-popup').stop().fadeOut('fast');});}});

</script>

</div>

</div>

</div>

Ghi chú:

Thay link đến bài viết hoặc săn phẩm chỗ bôi vàng

Thay link ảnh popup chỗ bôi đỏ

Xem thêm Hướng dẫn cách tải ảnh lên blogger

Bước 3: Lưu lại và kiểm tra

TẠO POPUP THÔNG BÁO KHUYẾN MÃI Ở TẤT CẢ CÁC TRANG

Biểu mẫu liên hệ