Hướng dẫn tạo nút mua hàng liên kết Lazada , Shopee, Tiki wordpress

{

{Gắn kết|Kết nối|Liên kết {hữu ích | sâu | đầy đủ| sớm {rất | lắm | quá | không | chẳng {hữu ích | sâu | đầy đủ| sớm}}}} với các {mặt hàng|món đồ|sản phẩm {hữu ích | sâu | đầy đủ| sớm {có lẽ | không thể | mất | được {nhanh | chậm | rất | dễ | nhẹ}}}} cùng loại ở các sàn TMĐT khác nhau luôn là một trong những {chỉ tiêu|mục tiêu|tiêu chí {có lẽ | không thể | mất | được {thường | luôn | đột nhiên | bỗng nhiên {hữu ích | sâu | đầy đủ| sớm}}}} khiến {các bạn|khách hàng|người dùng|người mua|quý khách {rất | lắm | quá | không | chẳng {nhanh | chậm | rất | dễ | nhẹ {cần | mới | cũ | nhất| lại}}}} {có|nắm tới|sở hữu {hữu ích | sâu | đầy đủ| sớm {thường | luôn | đột nhiên | bỗng nhiên {cần | mới | cũ | nhất| lại}}}} ấn tượng {chất lượng|hiệu quả|năng suất|tốt {chính | đích | ngay | cả | những {cần | mới | cũ | nhất| lại {hữu ích | sâu | đầy đủ| sớm}}}} với Webstie. Nay {cực kỳ|rất|siêu|vô cùng {chính | đích | ngay | cả | những {có lẽ | không thể | mất | được {rất | lắm | quá | không | chẳng}}}} Tốc Việt sẽ {có các hướng dẫn|hướng dẫn|hướng dẫn cụ thể {chính | đích | ngay | cả | những {có lẽ | không thể | mất | được {rất | lắm | quá | không | chẳng}}}} {cho|đưa cho|tặng {chính | đích | ngay | cả | những {nhanh | chậm | rất | dễ | nhẹ {nhanh | chậm | rất | dễ | nhẹ}}}} {các bạn|khách hàng|người dùng|người mua|quý khách {rất | lắm | quá | không | chẳng {chưa | đừng | thôi | chớ | có thể {có lẽ | không thể | mất | được}}}} cách để tạo được các button mua hàng {gắn kết|kết nối|liên kết {thường | luôn | đột nhiên | bỗng nhiên {chỉ | đã | đang | sẽ | vẫn | cũng {rất | lắm | quá | không | chẳng}}}} với các sàn thương mai điện tử. {cực kỳ|rất|siêu|vô cùng {thường | luôn | đột nhiên | bỗng nhiên {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên}}}} Tốc Việt sẽ {có các hướng dẫn|hướng dẫn|hướng dẫn cụ thể {chưa | đừng | thôi | chớ | có thể {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên}}}} 2 cách, 1 cách dùng ACF và 1 cách dùng custom field mặc định của woocommerce.

Cách 1 – Tạo button liên kết chung plugin ACF

Đầu tiên {các bạn|khách hàng|người dùng|người mua|quý khách {chính | đích | ngay | cả | những {chưa | đừng | thôi | chớ | có thể {chính | đích | ngay | cả | những}}}} tạo mới 1 field bằng ACF Sau đó {các bạn|khách hàng|người dùng|người mua|quý khách {chưa | đừng | thôi | chớ | có thể {thường | luôn | đột nhiên | bỗng nhiên {có lẽ | không thể | mất | được}}}} tạo các field shopee, tiki, laza {giống như|như|như là {thường | luôn | đột nhiên | bỗng nhiên {chưa | đừng | thôi | chớ | có thể {nhanh | chậm | rất | dễ | nhẹ}}}} sau: Ở phần mình khoanh đỏ hãy điền {chính xác|đúng {chỉ | đã | đang | sẽ | vẫn | cũng {có lẽ | không thể | mất | được {cần | mới | cũ | nhất| lại}}}} {chính xác|đúng {xa | gần | dài | ngắn | lớn | nhỏ {hữu ích | sâu | đầy đủ| sớm {cần | mới | cũ | nhất| lại}}}} {giống như|như|như là {nhanh | chậm | rất | dễ | nhẹ {chính | đích | ngay | cả | những {có lẽ | không thể | mất | được}}}} hình. Các field phải {chính xác|đúng {chỉ | đã | đang | sẽ | vẫn | cũng {thường | luôn | đột nhiên | bỗng nhiên {có lẽ | không thể | mất | được}}}} tên, type chọn dạng text, hiển thị tại khu vực {mặt hàng|món đồ|sản phẩm {chỉ | đã | đang | sẽ | vẫn | cũng {có lẽ | không thể | mất | được {nhanh | chậm | rất | dễ | nhẹ}}}}. Sau đó {các bạn|khách hàng|người dùng|người mua|quý khách {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên {hữu ích | sâu | đầy đủ| sớm}}}} dán đoạn {code|lập trình {xa | gần | dài | ngắn | lớn | nhỏ {chưa | đừng | thôi | chớ | có thể {chính | đích | ngay | cả | những}}}} này vào file functions.php

function btn_mua_hang(){
if(get_field(‘san_lazada’)){;?>
<a href=”<?php echo get_field(‘san_lazada’);?>” class=”btn-san lazada-san”>
<img width=”30″ src=”/cdn/2021/10/lazada.png”>
<span>Mua hàng tại Lazada</span>
</a>
<?php {chưa | đừng | thôi | chớ | có thể {rất | lắm | quá | không | chẳng {rất | lắm | quá | không | chẳng}}}}
if(get_field(‘san_shopee’)){;?>
<a href=”<?php echo get_field(‘san_shopee’);?>” class=”btn-san shop-san”>
<img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
<span>Mua hàng tại Shopee</span>
</a>
<?php {chính | đích | ngay | cả | những {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể}}}}
if(get_field(‘san_tiki’)){;?>
<a href=”<?php echo get_field(‘san_tiki’);?>” class=”btn-san tiki-san”>
<img width=”30″ src=”/cdn/2021/10/tiki.png”>
<span>Mua hàng tại Tiki</span>
</a>
<?php {chưa | đừng | thôi | chớ | có thể {cần | mới | cũ | nhất| lại {chính | đích | ngay | cả | những}}}}
}
add_action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);
{Giống như|Như {thường | luôn | đột nhiên | bỗng nhiên {chỉ | đã | đang | sẽ | vẫn | cũng {cần | mới | cũ | nhất| lại}}}} vậy là xong phần {code|lập trình {chính | đích | ngay | cả | những {thường | luôn | đột nhiên | bỗng nhiên {chính | đích | ngay | cả | những}}}}, còn css mình sẽ để ở {cuối|cuối cùng|sau cùng {xa | gần | dài | ngắn | lớn | nhỏ {rất | lắm | quá | không | chẳng {chính | đích | ngay | cả | những}}}} {bài viết|nội dung bài viết {chỉ | đã | đang | sẽ | vẫn | cũng {xa | gần | dài | ngắn | lớn | nhỏ {nhanh | chậm | rất | dễ | nhẹ}}}}.
Liên kết Lazada , Shopee, Tiki woocommecreCách 2 – Tạo button liên kết ngoài dùng custom field của woocommerce

Để tạo được btn mà không dùng đến plugin ACF thì {các bạn|khách hàng|người dùng|người mua|quý khách {chỉ | đã | đang | sẽ | vẫn | cũng {chỉ | đã | đang | sẽ | vẫn | cũng {rất | lắm | quá | không | chẳng}}}} {có lẽ|có thể|khả năng cao|thường|thường xuyên {xa | gần | dài | ngắn | lớn | nhỏ {chính | đích | ngay | cả | những {nhanh | chậm | rất | dễ | nhẹ}}}} tham khảo {bài viết|nội dung bài viết {thường | luôn | đột nhiên | bỗng nhiên {có lẽ | không thể | mất | được {xa | gần | dài | ngắn | lớn | nhỏ}}}}. hướng dẫn sử dụng advanced custom field woocommerce Hoặc đọc hết {bài viết|nội dung bài viết {rất | lắm | quá | không | chẳng {chưa | đừng | thôi | chớ | có thể {chỉ | đã | đang | sẽ | vẫn | cũng}}}} này. Đầu tiên chúng ta sẽ tạo field trong phần quản lý đăng {mặt hàng|món đồ|sản phẩm {nhanh | chậm | rất | dễ | nhẹ {chính | đích | ngay | cả | những {xa | gần | dài | ngắn | lớn | nhỏ}}}} woocommecre.

function pttuan_fields_muahang() {
global $woocommerce, $post;
echo ‘<div class=”options_group”>’;
woocommerce_wp_text_input(
array(
‘id’ => ‘_lazada’,
‘label’ => __( ‘Lazada’, ‘woocommerce’ )
)
);
woocommerce_wp_text_input(
array(
‘id’ => ‘_shopee’,
‘label’ => __( ‘Shopee’, ‘woocommerce’ )
)
);
woocommerce_wp_text_input(
array(
‘id’ => ‘_tiki’,
‘label’ => __( ‘Tiki’, ‘woocommerce’ )
)
);
echo ‘</div>’;
{chính | đích | ngay | cả | những {có lẽ | không thể | mất | được {chính | đích | ngay | cả | những}}}}
Và hook vào vị trí ngay dưới giá để {dễ|dễ dàng|đơn giản {chưa | đừng | thôi | chớ | có thể {nhanh | chậm | rất | dễ | nhẹ {chưa | đừng | thôi | chớ | có thể}}}} thấy nhé.

add_action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau đó {các bạn|khách hàng|người dùng|người mua|quý khách {nhanh | chậm | rất | dễ | nhẹ {xa | gần | dài | ngắn | lớn | nhỏ {thường | luôn | đột nhiên | bỗng nhiên}}}} lưu giá trị lại bằng function
function pttuan_save_field_muahang( $post_id ){
update_post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );
update_post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update_post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
{rất | lắm | quá | không | chẳng {cần | mới | cũ | nhất| lại {có lẽ | không thể | mất | được}}}}
add_action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
Và {kết quả|thành quả {thường | luôn | đột nhiên | bỗng nhiên {hữu ích | sâu | đầy đủ| sớm {hữu ích | sâu | đầy đủ| sớm}}}} {cuối|cuối cùng|sau cùng {cần | mới | cũ | nhất| lại {hữu ích | sâu | đầy đủ| sớm {chính | đích | ngay | cả | những}}}} là chúng ta đã lưu được {data|dữ liệu {hữu ích | sâu | đầy đủ| sớm {chính | đích | ngay | cả | những {chỉ | đã | đang | sẽ | vẫn | cũng}}}}. Để xuất ra ngoài thì {các bạn|khách hàng|người dùng|người mua|quý khách {có lẽ | không thể | mất | được {xa | gần | dài | ngắn | lớn | nhỏ {chưa | đừng | thôi | chớ | có thể}}}} thêm function này
function btn_mua_hang_2(){
global $product;
$lazada = $product->get_meta( ‘_lazada’ );
$shopee = $product->get_meta( ‘_shopee’ );
$tiki = $product->get_meta( ‘_tiki’ );
if($lazada){;?>
<a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
<img width=”30″ src=”/cdn/2021/10/lazada.png”>
<span>Mua hàng tại Lazada</span>
</a>
<?php {cần | mới | cũ | nhất| lại {nhanh | chậm | rất | dễ | nhẹ {có lẽ | không thể | mất | được}}}}
if($shopee){;?>
<a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>
<img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
<span>Mua hàng tại Shopee</span>
</a>
<?php {chỉ | đã | đang | sẽ | vẫn | cũng {chỉ | đã | đang | sẽ | vẫn | cũng {có lẽ | không thể | mất | được}}}}
if($tiki){;?>
<a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>
<img width=”30″ src=”/cdn/2021/10/tiki.png”>
<span>Mua hàng tại Tiki</span>
</a>
<?php {hữu ích | sâu | đầy đủ| sớm {nhanh | chậm | rất | dễ | nhẹ {thường | luôn | đột nhiên | bỗng nhiên}}}}
}
add_action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm css cho các button mua hàng

{Các bạn|Khách hàng|Người dùng|Người mua|Quý khách {nhanh | chậm | rất | dễ | nhẹ {thường | luôn | đột nhiên | bỗng nhiên {xa | gần | dài | ngắn | lớn | nhỏ}}}} thêm đoạn css sau để giống {chạy thử|demo|kiểm tra|test|thử nghiệm {hữu ích | sâu | đầy đủ| sớm {chưa | đừng | thôi | chớ | có thể {nhanh | chậm | rất | dễ | nhẹ}}}} nhé.

.btn-san {
background: red;
padding: 10px;
width: 100%;
display: block;
text-align: center;
color: #fff;
border-radius: 7px;
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
{hữu ích | sâu | đầy đủ| sớm {cần | mới | cũ | nhất| lại {chính | đích | ngay | cả | những}}}}
.btn-san.lazada-san {
background: #10156e;
{cần | mới | cũ | nhất| lại {hữu ích | sâu | đầy đủ| sớm {xa | gần | dài | ngắn | lớn | nhỏ}}}}
.btn-san.shop-san {
background: #fd5e32;
{có lẽ | không thể | mất | được {rất | lắm | quá | không | chẳng {chính | đích | ngay | cả | những}}}}
.btn-san.tiki-san {
background: #1a94ff;
{chính | đích | ngay | cả | những {chưa | đừng | thôi | chớ | có thể {chỉ | đã | đang | sẽ | vẫn | cũng}}}}
Và {kết quả|thành quả {rất | lắm | quá | không | chẳng {thường | luôn | đột nhiên | bỗng nhiên {nhanh | chậm | rất | dễ | nhẹ}}}} {cuối|cuối cùng|sau cùng {hữu ích | sâu | đầy đủ| sớm {chỉ | đã | đang | sẽ | vẫn | cũng {chưa | đừng | thôi | chớ | có thể}}}} sẽ {giống như|như|như là {thường | luôn | đột nhiên | bỗng nhiên {hữu ích | sâu | đầy đủ| sớm {xa | gần | dài | ngắn | lớn | nhỏ}}}} thế này.
Nếu thấy hay hãy {cho|đưa cho|tặng {có lẽ | không thể | mất | được {xa | gần | dài | ngắn | lớn | nhỏ {chỉ | đã | đang | sẽ | vẫn | cũng}}}} {cực kỳ|rất|siêu|vô cùng {rất | lắm | quá | không | chẳng {thường | luôn | đột nhiên | bỗng nhiên {nhanh | chậm | rất | dễ | nhẹ}}}} Tốc Việt 5 sao và theo dõi các {bài viết|nội dung bài viết {chính | đích | ngay | cả | những {nhanh | chậm | rất | dễ | nhẹ {nhanh | chậm | rất | dễ | nhẹ}}}} khác mới nhất về {Word press|WordPress|Wp {nhanh | chậm | rất | dễ | nhẹ {có lẽ | không thể | mất | được {chưa | đừng | thôi | chớ | có thể}}}} hay woocommerce hoặc dùng thiết kế website trọn gói của sieutocviet nhé !

}

Hướng dẫn tạo nút mua hàng liên kết Lazada, Shopee, Tiki Wordpress {wordpress|dễ dàng|nhanh gọn|đơn giản|không khó|hướng dẫn|đẹp|quá dễ}