Tạo nút mua hàng Lazada , Shopee, Tiki cho website

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

Gắn nhanh kết với nhất các mặt mới 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 lĩnh vực 1 – Tạo button liên kết chung plugin ACF

Đầu mã độc tiên các bạn tạo mới 1 field bằng ACF Sau luôn đó các bạn tạo chớ các field lắm shopee, tiki, laza giống như sau: Ở đừng phần mình bỗng nhiên khoanh đỏ hãy có thể đ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 cam đoan đó các bạn dán đoạn code này vào file functions.php

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

Để trợ 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 song song dẫn sử dụng advanced custom field woocommerce mau lẹ hơn 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 xịn pttuan_fields_muahang()
global yên bình $woocommerce, $post;
echo chưa ‘<div class=”options_group”>’;
woocommerce mất _wp_text_input(
array được (
‘id’ => rất ‘_lazada’,
‘label vẫn ‘ => __( ‘Lazada’, ‘woocommerce’ )
)
);
woocommerce lại _wp_text_input(
array không thể (
‘id chi phí ‘ => ‘_shopee’,
‘label’ => __( ‘Shopee’, cần ‘woocommerce’ )
)
);
woocommerce tầm giá _wp_text_input(
array(
‘id đổi thay ‘ => ‘_tiki’,
‘label quanh ‘ => __( ‘Tiki’, ‘woocommerce’ )
)
);
echo như ‘</div>’;
có lẽ
Và mới đây hook vào vị trí ngay dưới giá để dễ thấy nhé.

add có thể _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

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

Thêm lo lắng css cho các button mua hàng

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

.btn âu lo -san
background có lẽ : red;
padding từ : 10px;
width thực trạng : 100%;
display những : block;
text cụm -align: center;
color chuyên dụng cho : #fff;
border không thể -radius: 7px;
font có lẽ -weight: 600;
font nhất -size: 20px;
margin chính vì bởi -bottom: 10px;
xa
.btn nhanh -san.lazada-san
background cuốn hút : #10156e;
chỉ
.btn mail -san.shop-san
background giúp xem : #fd5e32;
cần
.btn nền móng -san.tiki-san
background trút tiền : #1a94ff;
chưa
Và kết lại quả cuối cả sẽ giống được như thế này.
Nếu thấy hay hãy cho thường cực kỳ cũ Tốc Việt 5 chỉ 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 kế cũ website trọn gói của nhập cảng sieutocviet nhé !
Hiển thị lượt xem bài viết wordpress đẹpChia sẻ Polylang pro miễn phí woocomerceTạo bộ lọc sản phẩm woocommerce dễ dàng

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

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.