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

gắn kết với các món đồ cùng loại ở các sàn TMĐT khác nhau luôn là một trong những mục tiêu khiến quý khách mới hàng có ấn tượng chất lượng với Webstie. Nay siêu Tốc Việt sẽ hướng dẫn tặng nhất quý khách hàng nhất cách để tạo được các button mua hàng liên kết nhấ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 – Tạo button liên kết chung plugin ACF Đầu tiên quý người dùng nhất tạo mới 1 field bằng ACF Sau đó khách hàng hàng tạo các field shopee, tiki, laza giống như sau: Ở phần mình khoanh đỏ hãy điền đúng mực mới đúng đắn 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 lập trình mới này vào file functions.php

function btn_mua_hang()

if(get_field(‘san_lazada’));?>

<a href=”<?php eđưa cho 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 etặng nhất 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);

giống như vậy là xong phần lập trình mới, còn css mình sẽ để ở cuối cùng bài viế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ì khách hàng hàng thường 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 nhất 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 pttuan_fields_muahang()

global $woocommerce, $post;

etặng nhất ‘<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’ )

)

);

eđưa cho ‘</div>’;

nắm tới thể

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

add_action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau đó quý khách mới hàng 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à kết quả cuối cùng là chúng ta đã lưu được dữ liệu mới. Để xuất ra ngoài thì quý khách nhất hàng 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 etặng nhất $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 nhất $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 nhất $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 tặng nhất các button mua hàng người dùng thêm đoạn css sau để giống demo 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à thành quả mới cuối sẽ giống như thế này.

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