Tích hợp button Affiliate vào TinhDauOnline Premium

Tích hợp button Affiliate vào TinhDauOnline Premium
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.

DEMO

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>
.buttonaff span{color: #ffffff;font-family: roboto;text-shadow: 2px 2px 2px #000;font-size: 18px;}
.shopee-ico a{background: #f26522 url(https://2.bp.blogspot.com/-DhZgvgCA1fw/XNfIyh3sUgI/AAAAAAAAOSc/o0rtV5wxFGgApNY6JtEAQ_JvS5puo_mZQCLcBGAs/s50/shopee.png) 0 28px!important}
.sendo-ico a{background: #f26522 url(https://3.bp.blogspot.com/-sQjO17VEa_A/XNfTYIJKqTI/AAAAAAAAOTA/aXNnKOGQHxEPJrTEB3mYMXN-8np2iJKmgCLcBGAs/s40/icon-sendo.png) 0 33px!important}
.lazada-ico a{background: #f26522 url(https://2.bp.blogspot.com/-CS-Od9jK6nE/XNfRtPFvI_I/AAAAAAAAOS0/wX7vaLehlG0JjrImJwyzRjlppwnYmf88gCLcBGAs/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>
Với :
<style>
a.quickbuy.item_add.prd-order-bt.buy-now.iframe{display:none}
</style>
// Ẩn nút Mua hàng Online
<style>
a.item_add.prd-order-bt.buy-now.addcart2,.product-page__shopee-guarantee,.social-sharing{display:none}
</style>
// Ẩn nút thêm vào giỏ hàng

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!


1 Nhận xét