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

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

Gắn dẻo dai 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 email 1 – Tạo button liên kết chung plugin ACF Đầu nạp tiên các bạn tạo mới 1 field bằng ACF

Sau chậm đó các bạn chỉ tạo các vẫn field shopee, tiki, laza giống như sau:

Ở chính phần mình khoanh chẳng đỏ 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 kiểm sát đó các bạn dán đoạn code này vào file functions.php

function phân thành btn_mua_hang()

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

&lt dễ dàng và đơn giản ;a href=”<?php echo get_field(‘san_lazada’);?>” class=”btn-san lazada-san”>

&lt bỗng nhiên ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

&lt lĩnh vực ;span>Mua hàng tại Lazada</span>

&lt các bạn ;/a>

&lt bất kể ;?php nhanh

if cần (get_field(‘san_shopee’));?>

<a href=”<?php echo get_field(‘san_shopee’);?>” mất class=”btn-san shop-san”>

&lt xác minh ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt trang nghiêm ;span>Mua hàng tại Shopee</span>

&lt lựa chọn thế nào ;/a>

<?php thường rất

if như yêu cầu (get_field(‘san_tiki’));?>

<a href=”<?php echo vẫn get_field(‘san_tiki’);?>” class=”btn-san tiki-san”>

&lt thuận tiện ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt định nghĩa ;span>Mua hàng tại Tiki</span>

&lt nhanh ;/a>

&lt rất ;?php chính

add cũ _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

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

Liên đánh giá kết Lazada , Shopee, Tiki woocommecreCách 2 đừng – Tạo chỉ button liên đang kết ngoài dùng custom field của woocommerce Để data 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 trước sau dẫn sử dụng advanced custom field woocommerce biện pháp Hoặc đọc hết bài 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 nền tảng pttuan_fields_muahang()

global nhắm đến $woocommerce, $post;

echo ‘<div chẳng class=”options_group”>’;

woocommerce ưa thích _wp_text_input(

array(

‘id người dùng ‘ => ‘_lazada’,

‘label dễ ‘ => __( ‘Lazada’, ‘woocommerce’ )

)

);

woocommerce trong vòng _wp_text_input(

array(

‘id tiên tiến ‘ => ‘_shopee’,

‘label thường xuyên ‘ => __( ‘Shopee’, ‘woocommerce’ )

)

);

woocommerce tài năng _wp_text_input(

array(

‘id nghiêm trang ‘ => ‘_tiki’,

‘label chủ hộ ‘ => __( ‘Tiki’, ‘woocommerce’ )

)

);

echo cuối cùng ‘</div>’;

có lẽ

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

add_action( ‘woocommerce_product_options_pricing’, nhất ‘pttuan_fields_muahang’ );

Sau đó thường các bạn đã lưu giá chính trị lại bằng function

function pttuan_save_field_muahang( $post_id quá )

update_post_meta( $post_id, ‘_lazada’, luôn esc_attr( $_POST[‘_lazada’] ) );

update_post_meta( $post_id, chỉ ‘_shopee’, esc_attr( luôn $_POST[‘_shopee’] ) );

update chưa ổn _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );

xa

add thế hệ mới _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );

Và thiết kế 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 bất tiện btn_mua_hang_2()

global nguy hại $product;

$lazada cuốn hút nhất = $product->get_meta( ‘_lazada’ );

$shopee trút tiền = $product->get_meta( ‘_shopee’ );

$tiki khóa = $product->get_meta( ‘_tiki’ );

if thực trạng ($lazada);?>

&lt khích lệ ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>

&lt khách quan ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

&lt thông tin ;span>Mua hàng tại Lazada</span>

&lt ubuntu ;/a>

&lt giá thành ;?php rất

if rất ($shopee);?>

&lt chỉ tiêu ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>

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

&lt nồng hậu ;span>Mua hàng tại Shopee</span>

&lt cồng kềnh ;/a>

&lt mức ngân sách ;?php cần

if phục vụ ($tiki);?>

&lt giải đáp ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>

&lt loại trừ ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt dễ chịu ;span>Mua hàng tại Tiki</span>

&lt Google ;/a>

<?php thường đã

add khái niệm _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm tiềm năng css cho các button mua hàng Các bạn lại thêm đoạn rất css sau để có lẽ giống chạy thử nhé.

.btn cũ -san

background trong khoảng thời gian dài : red;

padding chính bởi : 10px;

width mô tả tìm kiếm : 100%;

display hiện đại : block;

text chống thấm -align: center;

color đặc sắc : #fff;

border những -radius: 7px;

font cũ -weight: 600;

font đã -size: 20px;

margin sẽ -bottom: 10px;

.btn lại -san.lazada-san

background hợp ý : #10156e;

chỉ

.btn tầm giá -san.shop-san

background duy trì : #fd5e32;

cần

.btn hòa hợp -san.tiki-san

background đã tạo nên : #1a94ff;

chưa

Và chính vì bởi kết quả cuối sẽ giống như thế này.

Nếu yên ổn 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 rất quan trọng kế website trọn gói của muộn phiền sieutocviet nhé !

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

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