Hướng dẫn tạo nhất nút mua chậm hàng cả liên vẫn kết Lazada mới , Shopee, Tiki wordpress

Gắn kết với chậm các mới mặt thường hàng cùng quá loại ở các cũng sàn ngay TMĐT khác dễ nhau luôn cần là một nhất trong chậm những chưa chỉ cần tiêu khiến bỗng nhiên các vẫn bạn mới có ấn tượng chất lượng với chính Webstie. đột nhiên Nay cực mới kỳ Tốc Việt sẽ quá có các ngay hướng dẫn cho các cần bạn có lẽ cách những để tạo được nhanh các chưa button mua quá hàng mất gắn chớ kết vẫn với đừng 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 chớ 1 – chính Tạo mới button liên kết chung không plugin vẫn ACF

dễ Đầu tiên đang các những bạn tạo mới có lẽ 1 quá field bằng ACF Sau đó các những bạn tạo các field shopee, tiki, laza nhanh giống rất như không sau: rất nhanhđã phần mình khoanh đích đỏ hãy điền chính có thể xác chính xác giống chậm như đích hình. Các field thôi phải nhất chính xác tên, nhanh type nhanh chọn dạng chẳng text, hiển thị cũng tại chậm khu vực mặt hàng. chậm dễ Sau đó luôn các bạn chậm dán đoạn code này vào thường file thôi functions.php

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

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

function có thể pttuan_fields_muahang() chẳng
global $woocommerce, lại $post;
echo mới ‘<div ngay class=”options_group”>’;
woocommerce có thể _wp_text_input(
array chẳng (
‘id’ lắm => ‘_lazada’,
‘label’ => chỉ __( rất ‘Lazada’, đang ‘woocommerce’ chớ )
)
);
woocommerce đừng _wp_text_input(
array chỉ (
‘id’ chỉ => ‘_shopee’,
‘label’ chậm => lắm __( lắm ‘Shopee’, đích ‘woocommerce’ )
)
);
woocommerce cần _wp_text_input(
array quá (
‘id’ chưa => chậm ‘_tiki’,
‘label’ => __( ‘Tiki’, ‘woocommerce’ mới )
)
);
echo mất ‘</div>’;
mất lẽ lại
Và hook thường vào lại vị nhất trí ngay dưới nhất giá để dễ được thấy thường nhé.

add_action( ‘woocommerce_product_options_pricing’, chậm ‘pttuan_fields_muahang’ );

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

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

lắm Các đích bạn thêm thường đoạn css được sau để sẽ giống đừng chạy lại thử nhé.
đích

.btn-san chính
background mất : red;
padding đích : 10px;
width mới : 100%;
display: rất block;
text-align: quá center;
color: chỉ #fff;
border thôi -radius: 7px;
font có lẽ -weight: 600;
font-size: cần 20px;
margin đã -bottom: 10px;
xa hoạt động
.btn -san.lazada-san
background chậm : #10156e;
đừng chỉ
.btn thường -san.shop-san
background: thường #fd5e32;
quá cần những
.btn-san.tiki-san luôn
background: nhanh #1a94ff;
chưa được
chớ kết quả cuối sẽ thôi giống như thế bỗng nhiên này.
Nếu dễ thấy hay hãy quá cho cực chẳng kỳ Tốc Việt 5 không sao mấtquá theo dõi các bài đừng viết có lẽ khác mới nhất về Word mất press có thể hay thường woocommerce chớ hoặc đừng dùng mất thiết chưa kế sẽ website mới trọn gói của mới 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 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.