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

Gắn kết chẳng với các được mặt hàng cùng dễ 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 code bẩn 1 – Tạo button liên kết chung plugin ACF

Đầu linux tiên các bạn tạo mới 1 field bằng ACF Sau mô tả đó các bạn tạo các field shopee, tiki, laza giống như sau: lâu dài 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 tùy thuộc vào đó các bạn dán đoạn code này vào file functions.php

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

Để tạo được lại btn mà chính không dùng đến plugin ACF thì các bạn có lẽ tham khảo bài viết. hướng lựa chọn dẫn sử dụng advanced custom field woocommerce cấp 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 tiếp thị pttuan_fields_muahang()
global ngay $woocommerce, $post;
echo chớ ‘<div class=”options_group”>’;
woocommerce dễ _wp_text_input(
array chớ (
‘id không thể ‘ => ‘_lazada’,
‘label’ => __( rất ‘Lazada’, ‘woocommerce’ )
)
);
woocommerce sẽ _wp_text_input(
array rất (
‘id’ => đang ‘_shopee’,
‘label lưu lại ‘ => __( ‘Shopee’, ‘woocommerce’ )
)
);
woocommerce virus _wp_text_input(
array(
‘id âm trần ‘ => ‘_tiki’,
‘label’ => chậm __( ‘Tiki’, cũng ‘woocommerce’ )
)
);
echo làm ‘</div>’;
có lẽ
Và hook vào vị trí ngay đừng dưới giá nhanh để dễ chỉ thấy nhé.

add chống khuẩn _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau sôi động đó các bạn lưu giá trị lại bằng function
function pttuan_save_field_muahang( được $post_id )
update_post_meta( $post_id, không ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) chính );
update_post_meta( $post_id, chậm ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update hấp dẫn nhất _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add đừng _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
thế hệ mới 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ũng chính vì btn_mua_hang_2()
global xây dựng $product;
$lazada = rất $product->get_meta( ‘_lazada’ );
$shopee tốc độ hơn = $product->get_meta( ‘_shopee’ );
$tiki bất cứ = $product->get_meta( ‘_tiki’ );
if tận nhà ($lazada);?>
&lt chần chừ ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
&lt nhà cung cấp ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt yên ổn ;span>Mua hàng tại Lazada</span>
&lt đánh dấu ;/a>
&lt cần làm ;?php rất
if có lẽ ($shopee);?>
<a href=”<?php nhất echo $shopee;?>” class=”btn-san không shop-san”>
<img width=”30″ lại src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt cấp ;span>Mua hàng tại Shopee</span>
&lt tạo thành ;/a>
&lt thư ;?php cần
if lắm ($tiki);?>
&lt mất ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>
&lt rất ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
<span>Mua hàng chưa tại Tiki</span>
&lt rất ;/a>
<?php thường rất
add đừng _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm css ngay cho các button đang mua hàng

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

.btn có thể -san
background rất thoải mái : red;
padding lệ thuộc : 10px;
width bởi vì : 100%;
display lĩnh vực : block;
text mất -align: center;
color hàng đầu : #fff;
border thường -radius: 7px;
font như ý -weight: 600;
font hoàn thành -size: 20px;
margin dễ -bottom: 10px;
xa
.btn cần -san.lazada-san
background vượt trội : #10156e;
chỉ
.btn sống động -san.shop-san
background gây hại : #fd5e32;
cần
.btn tận tay -san.tiki-san
background mật : #1a94ff;
chưa
Và kết quả chưa cuối sẽ giống như không thể thế này.
Nếu thấy hay hãy cho cực chậm kỳ Tốc đang Việt 5 sao chậm 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 chẳng kế website trọn gói của sieutocviet nhé thường !

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

Tất Vành Cơ ()

Trải qua hơn 6 năm làm việc với PHP, Python, WordPress và quản trị website, tôi chuyên tư vấn SEO từ khóa và chiến lược marketing hiệu quả cho doanh nghiệp. Hiện giữ vai trò Leader kinh doanh tại Siêu Tốc Việt.