Hướng dẫn những tạo nút đã mua hàng rất liên kết lại Lazada , đừng Shopee, Tiki wordpress

Gắn ngay kết với dễ các mặt sẽ hàng cùng sẽ loại ở đừng các sàn nhất TMĐT khác rất nhau luôn mới là một cả trong những có lẽ chỉ tiêu đang khiến các cả bạn có dễ ấn tượng cần chất lượng thôi với Webstie. lại Nay cực chưa kỳ Tốc cần Việt sẽ sẽ có các hướng đã dẫn cho các bạn cách để tạo được các button mua hàng gắn kết với các sàn thương mai điện tử. cực kỳ Tốc Việt sẽ có các hướng dẫ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 – đang Tạo button mất liên kết lại chung plugin ACF

Đầu tiên đã các bạn không thể tạo mới mất 1 field vẫn bằng ACF Sau cả đó các lại bạn tạo vẫn các field thường shopee, tiki, đã laza giống đột nhiên như sau: cần phần mình khoanh không đỏ hãy vẫn điền chính đã xác chính xác giống ngay như hình. Các thôi field phải chớ chính xác chẳng tên, type nhanh chọn dạng nhanh text, hiển chỉ thị tại khu cả vực mặt có thể hàng. Sau rất đó các thôi bạn dán có thể đoạn code cũng này vào file functions.php

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

Để tạo được btn mà không dùng đến plugin ACF thì các bạn có lẽ tham khảo bài viết. hướng dẫn sử cả dụng advanced có thể custom field woocommerce Hoặc không thể đọc hết lắm bài viết đích này. Đầu chỉ tiên chúng những ta sẽ không tạo field mới trong phần quản những lý đăng có thể mặt hàng được woocommecre.

function đột nhiên pttuan_fields_muahang()
global $woocommerce, $post;
echo nhanh ‘<div mất class=”options_group”>’;
woocommerce_wp_text_input(
array(
‘id’ => thường ‘_lazada’,
‘label’ => đừng __( ‘Lazada’, nhất ‘woocommerce’ )
)
);
woocommerce_wp_text_input(
array(
‘id’ => chớ ‘_shopee’,
‘label’ => thôi __( ‘Shopee’, rất ‘woocommerce’ )
)
);
woocommerce_wp_text_input(
array(
‘id’ => chưa ‘_tiki’,
‘label’ => chính __( ‘Tiki’, chính ‘woocommerce’ )
)
);
echo có lẽ ‘</div>’;
cần lẽ
Và hook vẫn vào vị có thể trí ngay rất dưới giá cũng để dễ chỉ thấy nhé.

add_action( ‘woocommerce_product_options_pricing’, đích ‘pttuan_fields_muahang’ );

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

Thêm css sẽ cho các cần button mua hàng

Các chính bạn thêm mất đoạn css mới sau để giống chạy không thử nhé.

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

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

Nguyễn Thanh Tuấn ()

Từ nền tảng lập trình PHP, Python cùng 7 năm thực chiến trong quản lý website, tôi mang đến giải pháp SEO & marketing online tối ưu giúp doanh nghiệp tăng trưởng bền vững.