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

Gắn description kết với các mặt hàng cùng loại ở các sàn TMĐT khác nhau luôn là một trong những chỉ tiêu khiến các bạn có ấn tượng chất lượng với Webstie. Nay cực kỳ Tốc Việt 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 mục tiêu 1 – Tạo button liên kết chung plugin ACF

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

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

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

function mẫu mã pttuan_fields_muahang()
global hiện đại $woocommerce, $post;
echo luôn ‘<div class=”options_group”>’;
woocommerce cả _wp_text_input(
array cần (
‘id’ => đã ‘_lazada’,
‘label trước sau ‘ => __( ‘Lazada’, ‘woocommerce’ )
)
);
woocommerce phần _wp_text_input(
array(
‘id có thể ‘ => ‘_shopee’,
‘label thiết lập ‘ => __( ‘Shopee’, ‘woocommerce’ )
)
);
woocommerce ưu thế _wp_text_input(
array(
‘id dùng cho ‘ => ‘_tiki’,
‘label đổ tiền ‘ => __( ‘Tiki’, ‘woocommerce’ )
)
);
echo nhẹ nhàng ‘</div>’;
có lẽ
nền tảng hook vào vị trí ngay dưới giá để dễ thấy nhé.

add_action( ‘woocommerce_product_options_pricing’, vẫn ‘pttuan_fields_muahang’ );

Sau đó chớ các bạn bỗng nhiên lưu giá trị quá lại bằng function
function pttuan_save_field_muahang( $post_id chớ )
update ưu đãi _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );
update tương tác _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update thật dễ chịu _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add setup _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
sôi động kết quả cuối là chúng ta đã lưu được data. Để xuất ra ngoài thì các bạn thêm function này
function nồng nhiệt btn_mua_hang_2()
global chán chường $product;
$lazada nhất = $product->get_meta( ‘_lazada’ );
$shopee = quá $product->get_meta( ‘_shopee’ không );
$tiki = rất $product->get_meta( ‘_tiki’ cũng );
if không nhiều ($lazada);?>
&lt tự ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
&lt mục tiêu ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt truyền bá ;span>Mua hàng tại Lazada</span>
&lt năng lực ;/a>
&lt việt ;?php rất
if sẽ ($shopee);?>
<a href=”<?php echo nhanh $shopee;?>” class=”btn-san nhanh shop-san”>
&lt nghiêm trang ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt tình trạng ;span>Mua hàng tại Shopee</span>
&lt linh hoạt ;/a>
&lt site ;?php cần
if platform ($tiki);?>
&lt tăng cường ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>
&lt lôi cuốn ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
&lt giảm thiểu ;span>Mua hàng tại Tiki</span>
&lt nhanh ;/a>
<?php thường sẽ
add đưa cho _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

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

Các bạn mới thêm đoạn css đột nhiên sau để giống chạy nhanh thử nhé.

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

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

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.