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

 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

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

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:&quot;\f00d&quot;;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>

<script type='text/javascript'>

//<![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>

<script type='text/javascript'>

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

</script>

<div id='qc-popup'>

<div id='boxclose'>

</div>

<div id='boxview'>

<div id='closebox'>

</div>

<div id='qc-box'>

  <a href='https://www.tranminhthuan.com/canva50k' target='blank' title='Đăng ký ngay tài khoản Canva Pro Miễn Phí Trọn Đời'>

<img src='https://1.bp.blogspot.com/-gdLEECcXLTU/YT8EOkxbctI/AAAAAAAADYk/HR6vrdhsa_MF3mDeuN_B3sSUk4zjAUAzgCNcBGAsYHQ/s16000/tang-tai-khoan-canva-pro-mien-phi.png' width='100%'/></a>

</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


Mới hơn Cũ hơn
Đọc tiếp:
Lên đầu trang