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

liên kết nhất với các mặt hà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 sở hữu nhất ấn tượng tốt nhất với Webstie. Nay cực kỳ Tốc Việt sẽ hướng dẫn cụ thể mới cho người mua 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ử. rất Tốc Việt sẽ hướng dẫn cụ thể mới 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 – Tạo button liên kết chung plugin ACF Đầu tiên người dùng tạo mới 1 field bằng ACF

Sau đó người mua tạo các field shopee, tiki, laza như là mới sau:

Ở phần mình khoanh đỏ hãy điền đúng chuẩn chính xác như hình. Các field phải đúng chuẩn tên, type chọn dạng text, hiển thị tại khu vực món đồ.

Sau đó quý khách mới dán đoạn code này vào file functions.php

function btn_mua_hang()

if(get_field('san_lazada'));?>

<a href="<?php etặng mới get_field('san_lazada');?>" class="btn-san lazada-san">

<img width="30" src="/cdn/2021/10/lazada.png">

Mua hàng tại Lazada

</a>

<?php nhanh

if(get_field('san_shopee'));?>

<a href="<?php echo get_field('san_shopee');?>" class="btn-san shop-san">

<img width="30" src="/cdn/2021/10/6db931827443a7455a4b805fe5829820.png">

Mua hàng tại Shopee

</a>

<?php thường

if(get_field('san_tiki'));?>

<a href="<?php eđưa cho get_field('san_tiki');?>" class="btn-san tiki-san">

<img width="30" src="/cdn/2021/10/tiki.png">

Mua hàng tại Tiki

</a>

<?php chính

add_action('woocommerce_after_add_to_cart_button','btn_mua_hang',0);

như là nhất vậy là xong phần lập trình mới, còn css mình sẽ để ở cuối cùng nội dung bài viết nhất.

Liên kết Lazada, Shopee, Tiki woocommecreCách 2 – Tạo button liên kết ngoài dùng custom field của woocommerce Để tạo được btn mà không dùng đến plugin ACF thì các bạn thường xuyên mới tham khảo bài viết. hướng dẫn sử dụng advanced custom field woocommerce Hoặc đọc hết nội dung bài viết mới này. Đầu tiên chúng ta sẽ tạo field trong phần quản lý đăng sản phẩm mới woocommecre.

function pttuan_fields_muahang()

global $woocommerce, $post;

eđưa cho '<div class="options_group">';

woocommerce_wp_text_input(

array(

'id' => '_lazada',

'label' => __( 'Lazada', 'woocommerce' )

)

);

woocommerce_wp_text_input(

array(

'id' => '_shopee',

'label' => __( 'Shopee', 'woocommerce' )

)

);

woocommerce_wp_text_input(

array(

'id' => '_tiki',

'label' => __( 'Tiki', 'woocommerce' )

)

);

etặng mới '</div>';

sở hữu mới lẽ

Và hook vào vị trí ngay dưới giá để dễ thấy nhé.

add_action( 'woocommerce_product_options_pricing', 'pttuan_fields_muahang' );

Sau đó người mua lưu giá trị lại bằng function

function pttuan_save_field_muahang( $post_id )

update_post_meta( $post_id, '_lazada', esc_attr( $_POST['_lazada'] ) );

update_post_meta( $post_id, '_shopee', esc_attr( $_POST['_shopee'] ) );

update_post_meta( $post_id, '_tiki', esc_attr( $_POST['_tiki'] ) );

xa

add_action( 'woocommerce_process_product_meta', 'pttuan_save_field_muahang' );

Và thành quả mới sau cùng mới là chúng ta đã lưu được data. Để xuất ra ngoài thì quý người dùng mới thêm function này

function btn_mua_hang_2()

global $product;

$lazada = $product->get_meta( '_lazada' );

$shopee = $product->get_meta( '_shopee' );

$tiki = $product->get_meta( '_tiki' );

if($lazada);?>

<a href="<?php echo $lazada;?>" class="btn-san lazada-san">

<img width="30" src="/cdn/2021/10/lazada.png">

Mua hàng tại Lazada

</a>

<?php rất

if($shopee);?>

<a href="<?php etặng mới $shopee;?>" class="btn-san shop-san">

<img width="30" src="/cdn/2021/10/6db931827443a7455a4b805fe5829820.png">

Mua hàng tại Shopee

</a>

<?php nên

if($tiki);?>

<a href="<?php etặng mới $tiki;?>" class="btn-san tiki-san">

<img width="30" src="/cdn/2021/10/tiki.png">

Mua hàng tại Tiki

</a>

<?php thường

add_action('woocommerce_after_add_to_cart_button','btn_mua_hang_2',0);

Thêm css đưa cho các button mua hàng người mua thêm đoạn css sau để giống thử nghiệm mới nhé.

.btn-san

background: red;

padding: 10px;

width: 100%;

display: block;

text-align: center;

color: #fff;

border-radius: 7px;

font-weight: 600;

font-size: 20px;

margin-bottom: 10px;

.btn-san.lazada-san

background: #10156e;

chỉ

.btn-san.shop-san

background: #fd5e32;

cần

.btn-san.tiki-san

background: #1a94ff;

chưa

Và kết quả cuối cùng sẽ như thế này.

Nếu thấy hay hãy cho rất Tốc Việt 5 sao và theo dõi các nội dung bài viết nhất khác mới nhất về Word press hay woocommerce hoặc dùng thiết kế website trọn gói của sieutocviet nhé!