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

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 cũ 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’ );

Và 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 chạ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 cũ : 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;

.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

Và 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 vẫn tạo nút mua rất hàng liên thường kết Lazada , Shopee, Tiki wordpress

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