Cách tạo Link sản Phẩm Aff từ Shoppe , tiki , lazada

Nhiều bạn làm trang aff , đăng sản phẩm từ các nguồn như Shoppe , tiki , lazada khi khách bấm vào sẽ mở cửa sổ chuyển hướng đến các trang đính và Khi có giao dịch mua hàng chúng ta sẽ có tiền từ Aff này

làm thế nào để đăng link ngoài song song với Sản phẩm trên trang ? bài hôm nay tôi sẽ chỉ cho bạn làm điều đó  !

Cách tạo Link sản Phẩm Aff từ Shoppe , tiki , lazada

Cách tạo Link sản Phẩm Aff từ Shoppe , Cách tạo Link sản Phẩm Aff tiki ,  Cách tạo Link sản Phẩm Aff lazada

để bắt đầu thực hiện chúng ta xem qua demo sau khi làm nhé

Cách tạo Link sản Phẩm Aff từ Shoppe

 

Sau khi làm xong ta được Cái Button như hình , tất nhiên khi click vào ta sẽ mở được trang mới nhé !

Để chuẩn bị làm , ta phải cài Plugin Custom fields Tại đây nhé

sau khi cài xong ta tạo 1 Filed có tên là Link Shoppe như hình

Cách tạo Link sản Phẩm Aff từ Shoppe , tiki , lazada

Sau khi tạo xong ta quay lại bài đăng Sản phẩm ta sẽ thấy 1 box xuát hiện như thế này để bỏ link vào nhé

Cách tạo Link sản Phẩm Aff từ Shoppe

Cái title “LINK” chính là tên mà ta đặt lúc tạo trong Custom Fileds

TẠO 1 SHORT CHẶN ĐIỀU KIỆN HIỆN THỊ TRONG functions.php

Coppy đoạn mã sau và file functions.php của theme đang dùng ( khuyến khích dùng child theme nhé )

Giải thích thêm đoạn code chính là tạo 1 Short có tên là [shoppe] mà tôi đã giới thiệu cách tạo 1 short trong functions.php như thế nào 

Cách tạo Link sản Phẩm Aff từ Shoppe

Code trên chặn được nếu lInk Shoppe không nhập link thì = > <div class=”link_shoppe”> sẽ không hiện thị chặn được Link sai ( không có link )

sau khi add code ta được short dạng [Shoppe] , tiếp đến là đặt vào vị trí cần đặt trong woo

vào Tùy biến / Product Page / HTML after Add To Cart button  bỏ code [Shoppe]   vào

tao link aff tu shoppe tiki lazada code

 

thêm Chút css cho đẹp nhé

.link_shoppe {
    position: absolute;
    background-color: #50924c;
    font-weight: 700;
    padding: 7px;
    border-radius: 20px;
    text-align: center;
    margin-left: 335px;
    margin-top: -77px;
    width: 180px;
}
.link_shoppe a {
    color: #f8fdff !important;
}
Do mình đặt bên dưới nên phải     margin-top: -77px;  , trong trường hợp bạn thấy lệch có thể điều chỉnh thông số này để hiện thị nút cho phù hợp nhé
Nếu bạn không làm được hoặc thắc mắc gì bạn có thể để lại conmem bên dưới mình có thể giúp

TRONG TRƯỜNG HỢP BẠN CẦN HỘ TRỢ CHỨC NĂNG NÀY GIÁ 300K / FULL CHỨC NĂNG NÀY NHÉ

Chúc bạn thành công nhé

Điểm 5/5 – ( Có 1 bình chọn)

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *