Hướng dẫn tạo nút cả mua hàng liên kết cũng Lazada sẽ , chưa Shopee, Tiki những wordpress

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

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

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

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

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

add_action( bỗng nhiên ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

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

Thêm css chớ cho quá các button thường mua luôn hàng

rất Các bạn thêm đoạn css những sau để giống chạy thử có thể nhé.

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

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

Võ Minh Tốt ()

Với hơn 4 năm kinh nghiệm lập trình (Python, PHP, JS, Wordpress...) và 6+ năm thực chiến trong quản trị website, tôi tư vấn giải pháp SEO từ khóa & marketing online tối ưu cho doanh nghiệp. Hiện là Trưởng phòng Kinh doanh tại Siêu Tốc Việt.