 |
| Tích hợp button Affiliate vào TinhDauOnline Premium |
Nhiều bạn muốn sử dụng link AFF (tiếp thị liên kết) để mua hàng ở các trang bán hàng khác nhau và không muốn bán trực tiếp trong Website.
Do vậy với hướng dẫn mình sẽ thêm 3 Button đặt mua ở các trang Thương mại điện tử như Lazada, Shopee, Sendo......vv Hoặc bất kì trang nào khác.
Tích hợp button Affiliate vào TinhDauOnline Premium
Bước 1:
Trong phần HTML của bài viết bạn đặt code css sau vào cuối bài viết nhé!
<style>Với :
.buttonaff span{color: #ffffff;font-family: roboto;text-shadow: 2px 2px 2px #000;font-size: 18px;}
.shopee-ico a{background: #f26522 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDNh4KwDnmeIaBeyg3H5cRiMqnI6Fmh6JhefB8k1JS0YzsEYmxVdu7b0VKDGqCmoXYYZGmjTvdlCU9PJG9EB_cgP_LeqIMuLZScdFJ6hM6UlZWepaHrAR0WZUU_gKVELxw5OePVCkeEd9K/s50/shopee.png) 0 28px!important}
.sendo-ico a{background: #f26522 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh55u9l2gkfLX94GDopV7XHzt8e9ki2zkHxWAtsMmcxPbeEE0e4_aw5EpmnV6-hL8ygniZb1YEcVHLM5wjvFjWOimFB23YmA9nm2Vh8MPw_Em1T3-tZJ06yqgyEJz3eqzxMUD94hUZfx-7Z/s40/icon-sendo.png) 0 33px!important}
.lazada-ico a{background: #f26522 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr9Uqd7hLnhjyDP0FPSiOOI0j_-ijd4EWqvnAkNMOpVCu9B7dPbnbZAFQMtx5VUFdcvc317Fo0X-KecoKNqxXlFkDoqb4QFWxDKWAPKjYVbRMSXvrQkyC0AuIy4WtEXRxHVytCy8Is1DgQ/s45/lazda-logo-mobile2.png) 0 36px!important}
.buttonaff a:hover{opacity:0.7}
.buttonaff a{border-radius: 10px;color: #fff;float: left;clear: both;margin: 21px auto 0 auto;overflow: hidden;text-align: center;background: #f26522;width: 100%;padding: 10px;}
</style>
<style>
a.quickbuy.item_add.prd-order-bt.buy-now.iframe{display:none}
</style>
<style>
a.item_add.prd-order-bt.buy-now.addcart2,.product-page__shopee-guarantee,.social-sharing{display:none}
</style>
<style>// Ẩn nút Mua hàng Online
a.quickbuy.item_add.prd-order-bt.buy-now.iframe{display:none}
</style>
<style>// Ẩn nút thêm vào giỏ hàng
a.item_add.prd-order-bt.buy-now.addcart2,.product-page__shopee-guarantee,.social-sharing{display:none}
</style>
Bước 2: Chèn 3 nút buton
Ở đây mình tạo 3 nút button AFF có icon nền của 3 trang TMĐT lớn nhất Việt Nam. Nên bạn có thể sử dụng chúng
1. Button Shopee AFF
[code]
<div class="buttonaff shopee-ico">
<a rel="nofflow" title="Đặt mua" href="#LinkAFF" id="s1"><span><i class="fa fa-check-circle" aria-hidden="true"></i> MUA TRÊN SHOPEE<br/><small>Mua hàng trên Shopee</small></span></a>
</div>
2. Button Sendo AFF
[code]<div class="buttonaff sendo-ico">
<a style="background-color: #0084ff!important" rel="nofflow" title="Đặt mua" href="#LinkAFF" id="s1"><span><i class="fa fa-check-circle" aria-hidden="true"></i> MUA TRÊN SENDO<br/><small>Mua hàng trên Sendo</small></span></a>
</div>
3. Button Lazada AFF
[code]
<div class="buttonaff lazada-ico">
<a style="background-color: #000!important" rel="nofflow" title="Đặt mua" href="#LinkAFF" id="s1"><span><i class="fa fa-check-circle" aria-hidden="true"></i> MUA TRÊN LAZADA<br/><small>Mua hàng trên Lazada</small></span></a>
</div>
4. Mặc định, không có icon nền
[code]<div class="buttonaff">
<a rel="nofflow" title="Đặt mua" href="#LinkAFF" id="s1"><span><i class="fa fa-check-circle" aria-hidden="true"></i> MUA TRÊN SHOPEE<br/><small>Mua hàng trên Shopee</small></span></a>
</div>
P/s Thay #LinkAFF thành link Aff (Tiếp thị liên kết) của bạn nhé!
Chúc bạn thành công!
Bác ơi bản free không tích hợp đc AFF này à bác
Trả lờiXóa