Dể cho dễ hình dung , nếu bạn làm đúng sẽ có được link dạng này
Cách tạo Full Aff từ Tiki , Aff từ Lazada , Aff từ Shopee
Chèn Advanced Custom Fields để code aff nhé
Để chèn được link Affilate và trang sản phẩm ta phải cài
Sau khi Cài Xong cần Imfort code theo link :
Download và và ìmort theo hình bên dưới :
Thao tác xong bạn quay lại trang đăng sản phẩm sẽ thấy như này :
Xong phần chuẩn bị nhé , code nữa là ok liền
Chèn code Aff từ Tiki , Aff từ Lazada , Aff từ Shopee
Bạn hãy vào file Function.php của theme bạn đang dùng ,dán đoạn code dưới vào ăn ngay
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | add_action( 'woocommerce_after_add_to_cart_form', 'shortcode_aff'); function shortcode_aff() { ?> <?php if( get_field('shopee') || get_field('tiki') || get_field('lazada') ): ?> <div class="theme-aff"> <ul> <li class="text"> MUA SẢN PHẨM TẠI </li> <?php if( get_field('shopee') ): ?> <li><a href="<?php%20the_field('shopee');%20?>" target="_Blank" alt="Demo web"> <img src="https://beta.uxthemes.net/wp-content/uploads/2022/06/shopee.jpg" atl="logo shopee"/></a> </li> <?php endif; ?> <?php if( get_field('lazada') ): ?> <li> <a href="<?php%20the_field('lazada');%20?>" target="_Blank" alt="Demo web"> <img src="https://beta.uxthemes.net/wp-content/uploads/2022/06/lazada.png" atl="logo Lazada"/></a> </li> <?php endif; ?> <?php if( get_field('tiki') ): ?> <li><a href="<?php%20the_field('tiki');%20?>" target="_Blank" alt="Demo web"> <img src="https://beta.uxthemes.net/wp-content/uploads/2022/06/tiki.png" atl="logo shopee"/></a> </li> <?php endif; ?> </ul> </div> <?php endif; ?> <style> .theme-aff ul { display: flex; } li.text { width: 80%; } .theme-aff ul li { display: block; list-style: none; margin-left: 1px; align-self: center; } .theme-aff { display: block; align-items: center; text-align: center; font-size: 112%; } .theme-aff img { width: 70px; height: auto; object-fit: cover; border-radius: 99px; text-align: -webkit-center; align-content: center; float: right; padding: 3px; } .theme-aff { display: flex; align-items: center; text-align: center; font-size: 112%; } </style> <?php } |
Nhớ để ý sửa đổi mấy link hình nhé https://beta.uxthemes.net/wp-content/uploads/2022/06/lazada.png
