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

Gắn nhất kết với các mặt hàng chẳ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 1 chưa – Tạo button liên cần kết chung plugin ACF

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

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

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

function pttuan_fields_muahang() ngay
global $woocommerce, đang $post;
echo đẹp nhất ‘<div class=”options_group”>’;
woocommerce mặt hàng _wp_text_input(
array(
‘id sức mạnh ‘ => ‘_lazada’,
‘label’ => dễ __( ‘Lazada’, chưa ‘woocommerce’ )
)
);
woocommerce chưa _wp_text_input(
array nhanh (
‘id thành phần ‘ => ‘_shopee’,
‘label’ => sẽ __( ‘Shopee’, ‘woocommerce’ )
)
);
woocommerce chưa _wp_text_input(
array mất (
‘id đang ‘ => ‘_tiki’,
‘label’ => __( đột nhiên ‘Tiki’, ‘woocommerce’ )
)
);
echo cung cấp ‘</div>’;
có lẽ
chuẩn hook vào vị trí ngay dưới giá để dễ thấy nhé.

add_action( ‘woocommerce_product_options_pricing’, dễ ‘pttuan_fields_muahang’ );

Sau đổi đó các bạn lưu giá trị lại bằng function
function lắm pttuan_save_field_muahang( $post_id )
update kháng khuẩn _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );
update nhiều chức năng _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update đa dạng _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add những _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
Và kết quả cuối là những chúng ta chớ đã lưu rất được data. Để xuất ra ngoài thì các bạn thêm function này
function sẽ btn_mua_hang_2()
global CMS $product;
$lazada đam mê = $product->get_meta( ‘_lazada’ );
$shopee qua nghiên cứu = $product->get_meta( ‘_shopee’ );
$tiki mau lẹ hơn = $product->get_meta( ‘_tiki’ );
if các bạn ($lazada);?>
<a href=”<?php có thể echo $lazada;?>” không class=”btn-san lazada-san”>
&lt ngay ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt hỗ ;span>Mua hàng tại Lazada</span>
&lt bởi vì ;/a>
&lt kiểm sát ;?php rất
if vẫn ($shopee);?>
<a href=”<?php echo mới $shopee;?>” class=”btn-san shop-san”>
&lt dễ dàng và đơn giản ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt đánh dấu ;span>Mua hàng tại Shopee</span>
&lt bảo ;/a>
&lt bài viết ;?php cần
if với nghiên cứu ($tiki);?>
&lt cuốn hút nhất ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>
&lt chọn mua ra sao ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
&lt chính vì bởi ;span>Mua hàng tại Tiki</span>
&lt cả nước ;/a>
<?php thường lại
add làm mới _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm loại vải css cho các button mua hàng

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

.btn điển hình -san
background mới : red;
padding được : 10px;
width có lẽ : 100%;
display mới : block;
text dễ -align: center;
color mới : #fff;
border đích -radius: 7px;
font cũng -weight: 600;
font rất -size: 20px;
margin đã -bottom: 10px;
xa
.btn rất -san.lazada-san
background đang : #10156e;
chỉ
.btn nhiều -san.shop-san
background không mong muốn : #fd5e32;
cần
.btn thâm niên -san.tiki-san
background tiện dụng : #1a94ff;
chưa
ứng dụng kết quả cuối sẽ giống như thế này.
Nếu thấy mới hay hãy cho nhanh 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 nghiêm chỉnh kế website trọn gói của thời kì sieutocviet nhé !

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

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.