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

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

Gắn buồn phiền kế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 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 hiện đại 1 – Tạo button liên kết chung plugin ACF Đầu nhận diện tiên các bạn tạo mới 1 field bằng ACF

Sau trong tầm đó các bạn tạo các field shopee, tiki, laza giống như sau:

Ở đừng phần mình khoanh chính đỏ hãy dễ đ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 đó đột nhiên các bạn dán chớ đoạn code mới này vào file functions.php

function ngay btn_mua_hang()

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

<a href=”<?php không thể echo get_field(‘san_lazada’);?>” class=”btn-san luôn lazada-san”>

<img width=”30″ thường src=”/cdn/2021/10/lazada.png”>

<span>Mua hàng tại cũ Lazada</span>

&lt những ;/a>

&lt sau cùng ;?php nhanh

if thường (get_field(‘san_shopee’));?>

<a href=”<?php echo get_field(‘san_shopee’);?>” chẳng class=”btn-san shop-san”>

&lt dễ ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

<span>Mua hàng nhanh tại Shopee</span>

&lt mới ;/a>

&lt tặng ;?php thường

if đồng thời (get_field(‘san_tiki’));?>

&lt hiện nay ;a href=”<?php echo get_field(‘san_tiki’);?>” class=”btn-san tiki-san”>

&lt hoàn toàn ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt cam kết ;span>Mua hàng tại Tiki</span>

&lt Cho dù ;/a>

&lt khuynh hướng ;?php chính

add trong khoảng thời gian dài _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

Giống nhanh gọn lẹ như vậy là xong phần code, còn css mình sẽ để ở cuối bài viết.

Liên đặc điểm kết Lazada , Shopee, Tiki woocommecreCách 2 – những Tạo button lại liên kết chưa ngoài dùng custom field của woocommerce Để bất thường tạo được btn mà không dùng đến plugin ACF thì các bạn có lẽ tham khảo bài viết. hướng anchor text dẫn sử dụng advanced custom field woocommerce luôn Hoặc đọc chưa hết bài sẽ viế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 quy tắc pttuan_fields_muahang()

global hướng đến $woocommerce, $post;

echo thú vị ‘<div class=”options_group”>’;

woocommerce đều đặn và thường xuyên _wp_text_input(

array(

‘id phiền phức ‘ => ‘_lazada’,

‘label’ => nhanh __( ‘Lazada’, chớ ‘woocommerce’ )

)

);

woocommerce lắm _wp_text_input(

array(

‘id đang ‘ => ‘_shopee’,

‘label’ => __( đã ‘Shopee’, ‘woocommerce’ )

)

);

woocommerce chính _wp_text_input(

array không thể (

‘id bỗng nhiên ‘ => ‘_tiki’,

‘label’ => __( rất ‘Tiki’, ‘woocommerce’ có thể )

)

);

echo làm hư tổn ‘</div>’;

có lẽ

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

add theo mục đích _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

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

function tình trạng pttuan_save_field_muahang( $post_id )

update đẹp _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );

update ổn _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );

update setup _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );

xa

add chậm _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );

Và tận nhà 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 vững bền btn_mua_hang_2()

global sắc màu $product;

$lazada = đích $product->get_meta( ‘_lazada’ );

$shopee = luôn $product->get_meta( ‘_shopee’ );

$tiki như = $product->get_meta( ‘_tiki’ );

if gây hại ($lazada);?>

<a href=”<?php không echo $lazada;?>” đột nhiên class=”btn-san lazada-san”>

&lt nhiệt thành ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

&lt vô tận ;span>Mua hàng tại Lazada</span>

&lt nhiều khách ;/a>

&lt khả năng ;?php rất

if làm mới ($shopee);?>

&lt hài lòng ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>

&lt rất ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

<span>Mua hàng mới tại Shopee</span>

&lt vẫn ;/a>

&lt vẫn ;?php cần

if gắn kết ($tiki);?>

&lt hiệu quả không cao ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>

&lt chủ nhà ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt rất nhiều ;span>Mua hàng tại Tiki</span>

&lt chất liệu vải ;/a>

<?php thường chớ

add đột nhiên _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm css đột nhiên cho các button mua hàng Các căn hộ bạn thêm đoạn css sau để giống chạy thử nhé.

.btn ngôi nhà -san

background mới : red;

padding những : 10px;

width có thể : 100%;

display đặc trưng : block;

text thấp -align: center;

color xin mang đến : #fff;

border thường -radius: 7px;

font liên kết -weight: 600;

font quy định -size: 20px;

margin bí ẩn -bottom: 10px;

.btn như -san.lazada-san

background blog : #10156e;

chỉ

.btn khối lượng -san.shop-san

background phục vụ : #fd5e32;

cần

.btn Tuy nhiên -san.tiki-san

background xác thực : #1a94ff;

chưa

Và kết không thể quả cuối chưa sẽ giống như thế có thể này.

Nếu từ thấy hay hãy 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 người bạn đường kế website trọn gói của nạp sieutocviet nhé !

Hướng Bất kì dẫn tạo nút mua hàng liên 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 đẹp