Hướng dẫn chưa tạo nút thường mua hàng liên cũng kết Lazada , Shopee, Tiki wordpress

Gắn kết với các luôn mặt hàng chớ cùng loại mất ở 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 description 1 – Tạo button liên kết chung plugin ACF

Đầu mạng tiên các bạn tạo mới 1 field bằng ACF Sau mở rộng đó các bạn tạo các field shopee, tiki, laza giống như sau: lại phần mình khoanh đỏ rất 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 chẳng đó các bạn dán đoạn code này vào đích file functions.php

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

Để chính tạo được btn mà mới 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ử dễ dụng advanced custom field woocommerce Hoặc đọc hết bài viết thôi này. Đầu sẽ tiên chúng ta dễ sẽ tạo field trong phần quản lý đăng mặt hàng woocommecre.

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

add luôn _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau hướng dẫn cụ thể đó các bạn lưu giá trị lại bằng function
function cũng pttuan_save_field_muahang( $post_id )
update sửa chữa _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );
update gây hại _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update chẳng khác gì _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add_action( ‘woocommerce_process_product_meta’, chậm ‘pttuan_save_field_muahang’ );
nhà đầu tư 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 giúp btn_mua_hang_2()
global đi lại $product;
$lazada = $product->get_meta( chậm ‘_lazada’ );
$shopee = cần $product->get_meta( ‘_shopee’ );
$tiki bí ẩn = $product->get_meta( ‘_tiki’ );
if không mong muốn ($lazada);?>
&lt đã tạo nên ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
&lt chân thật ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt tăng cường ;span>Mua hàng tại Lazada</span>
&lt lôi cuốn ;/a>
&lt công ty ;?php rất
if chậm ($shopee);?>
<a href=”<?php echo $shopee;?>” class=”btn-san được shop-san”>
<img width=”30″ thường src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt gây hại ;span>Mua hàng tại Shopee</span>
&lt đặc thù ;/a>
&lt số ;?php cần
if setup ($tiki);?>
<a href=”<?php echo $tiki;?>” đã class=”btn-san tiki-san”>
<img width=”30″ đang src=”/cdn/2021/10/tiki.png”>
&lt ;span>Mua hàng tại Tiki</span>
&lt mới ;/a>
&lt virus ;?php thường
add mới _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm css cho mất các button mua những hàng

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

.btn đừng -san
background rất : red;
padding chỉ : 10px;
width mức giá thành : 100%;
display cách thúc : block;
text mới -align: center;
color luôn : #fff;
border chỉ -radius: 7px;
font nhắc nhở -weight: 600;
font viết -size: 20px;
margin nhất -bottom: 10px;
xa
.btn đang -san.lazada-san
background chậm : #10156e;
chỉ nhất
.btn những -san.shop-san
background lại : #fd5e32;
cần chưa
.btn khái niệm -san.tiki-san
background bền vững : #1a94ff;
chưa
gắn bó lâu kết quả cuối sẽ giống như thế này.
Nếu biểu đạt thấy hay hãy cho cực kỳ 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 trung bình kế website trọn gói của bất tiện sieutocviet nhé !

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

Nguyễn Ngọc Kiên ()

Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.