12/05/2019

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!



EDM RePlays đã nói…
Bác ơi bản free không tích hợp đc AFF này à bác