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

Gắn rất kết với không các mặt có thể 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 giá thành 1 – Tạo button liên kết chung plugin ACF

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

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

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

function cách thúc pttuan_fields_muahang()
global thay đổi $woocommerce, $post;
echo nhanh ‘<div class=”options_group”>’;
woocommerce chẳng _wp_text_input(
array ngay (
‘id Hồ Chí Minh ‘ => ‘_lazada’,
‘label’ => __( đừng ‘Lazada’, ‘woocommerce’ đừng )
)
);
woocommerce chậm _wp_text_input(
array(
‘id phát hành ‘ => ‘_shopee’,
‘label’ => __( chậm ‘Shopee’, ‘woocommerce’ )
)
);
woocommerce tránh _wp_text_input(
array(
‘id rất cần thiết ‘ => ‘_tiki’,
‘label nhan sắc ‘ => __( ‘Tiki’, ‘woocommerce’ )
)
);
echo hiện đại ‘</div>’;
có lẽ
Và hook vào chỉ vị trí nhanh ngay dưới giá thường để dễ thấy nhé.

add rất _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau đó các bạn chỉ lưu giá chớ trị lại bằng function
function nhẹ nhàng pttuan_save_field_muahang( $post_id )
update_post_meta( $post_id, ‘_lazada’, mới esc_attr( $_POST[‘_lazada’] chớ ) );
update_post_meta( $post_id, ‘_shopee’, được esc_attr( $_POST[‘_shopee’] ) );
update_post_meta( $post_id, ‘_tiki’, esc_attr( vẫn $_POST[‘_tiki’] ) những );
xa
add kinh doanh _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
file 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 cải thiện btn_mua_hang_2()
global giỏi $product;
$lazada = $product->get_meta( lắm ‘_lazada’ );
$shopee = $product->get_meta( ‘_shopee’ có lẽ );
$tiki chậm = $product->get_meta( ‘_tiki’ );
if mau lẹ hơn ($lazada);?>
<a href=”<?php sẽ echo $lazada;?>” rất class=”btn-san lazada-san”>
<img width=”30″ ngay src=”/cdn/2021/10/lazada.png”>
<span>Mua hàng đừng tại Lazada</span>
&lt dụng cụ ;/a>
&lt tự răn ;?php rất
if thường ($shopee);?>
&lt fanpage facebook ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>
&lt phục vụ ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt khuyến mãi ;span>Mua hàng tại Shopee</span>
&lt kinh nghiệm ;/a>
&lt site ;?php cần
if chớ ($tiki);?>
<a href=”<?php echo $tiki;?>” class=”btn-san không thể tiki-san”>
&lt dễ ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
&lt thứ ;span>Mua hàng tại Tiki</span>
&lt tên ;/a>
&lt ubuntu ;?php thường
add đột nhiên _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

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

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

.btn du nhập -san
background khóa : red;
padding thế mạnh : 10px;
width như ý : 100%;
display bỗng nhiên : block;
text -align: center;
color mới : #fff;
border chủ -radius: 7px;
font thuận lợi -weight: 600;
font bảo đảm -size: 20px;
margin bài -bottom: 10px;
xa
.btn nhận thấy -san.lazada-san
background phục vụ : #10156e;
chỉ
.btn bất kể -san.shop-san
background bảo vệ : #fd5e32;
cần
.btn rất cần -san.tiki-san
background trình bày : #1a94ff;
chưa
Và kết quả vẫn cuối sẽ rất giống như chậm thế này.
Nếu thấy bỗng nhiên hay hãy đột nhiên cho cực kỳ Tốc rất 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 dễ 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 đơn giả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.