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

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

Đầu ưa thích tiên các bạn tạo mới 1 field bằng ACF Sau đó cả các bạn sẽ tạo các đang field shopee, tiki, laza giống như sau: thường phần mình chưa khoanh đỏ chính 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 đã đó các bạn dán đoạn code này vào có thể file functions.php

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

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

add tư vấn _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau truyền bá đó các bạn lưu giá trị lại bằng function
function lần nào pttuan_save_field_muahang( $post_id )
update_post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) đột nhiên );
update nâng cao _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update phá hoại _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add giỏi _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
sớm muộn 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ục bộ btn_mua_hang_2()
global đáng tiếc $product;
$lazada = đừng $product->get_meta( ‘_lazada’ nhanh );
$shopee nhanh hơn = $product->get_meta( ‘_shopee’ );
$tiki mức giá = $product->get_meta( ‘_tiki’ );
if sửa chữa ($lazada);?>
&lt vật dụng ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
&lt để xem ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt vận tải ;span>Mua hàng tại Lazada</span>
&lt hồ sơ ;/a>
&lt vững bền ;?php rất
if luôn ($shopee);?>
&lt search engine ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>
<img width=”30″ vẫn src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt thực trạng ;span>Mua hàng tại Shopee</span>
&lt vận động ;/a>
&lt gắn kết ;?php cần
if fanpage facebook ($tiki);?>
<a href=”<?php echo cả $tiki;?>” class=”btn-san đột nhiên tiki-san”>
&lt mặc dù ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
&lt rất tích cực ;span>Mua hàng tại Tiki</span>
&lt cần ;/a>
<?php thường quá
add dễ _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

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

Các chưa bạn thêm đoạn css nhanh sau để giống chạy thôi thử nhé.

.btn rất -san
background phiền phức : red;
padding chu đáo : 10px;
width tương tự như : 100%;
display : block;
text rất -align: center;
color dễ : #fff;
border nhất -radius: 7px;
font huyền bí -weight: 600;
font tiêu biểu -size: 20px;
margin luôn -bottom: 10px;
xa
.btn bỗng nhiên -san.lazada-san
background trong tầm : #10156e;
chỉ
.btn Thuật ngữ -san.shop-san
background phát hành : #fd5e32;
cần
.btn phá hoại -san.tiki-san
background chính bởi : #1a94ff;
chưa
nhiều năm kinh nghiệm kết quả cuối sẽ giống như thế này.
Nếu thấy được hay hãy bỗng nhiên 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 free kế website trọn gói của phí sieutocviet nhé !

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

Diệp Toàn Phát ()

Với hơn 5 năm kinh nghiệm thực chiến Python, PHP và 7 năm quản trị website, tôi chuyên tư vấn giải pháp SEO từ khóa, Digital Marketing tối ưu cho doanh nghiệp. Hiện là trưởng phòng kinh doanh tại Siêu Tốc Việt.