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 đúng đắn dẫn tạo nút mua hàng liên kết Lazada , Shopee, Tiki wordpress

Gắn đừng kết với luôn các mặt cần 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 treo tường 1 – Tạo button liên kết chung plugin ACF

Đầu search engine tiên các bạn tạo mới 1 field bằng ACF Sau đi lại đó các bạn tạo các field shopee, tiki, laza giống như sau: Ở đẹp phần mình khoanh đỏ 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 tận nhà đó các bạn dán đoạn code này vào file functions.php

function món đồ btn_mua_hang()

if chậm (get_field(‘san_lazada’));?>

<a href=”<?php echo chưa get_field(‘san_lazada’);?>” class=”btn-san lazada-san”>

<img width=”30″ cần src=”/cdn/2021/10/lazada.png”>

&lt diễn đạt ;span>Mua hàng tại Lazada</span>

&lt hăng hái ;/a>

&lt thiên nhiên ;?php nhanh

if được (get_field(‘san_shopee’));?>

&lt phòng thủ ;a href=”<?php echo get_field(‘san_shopee’);?>” class=”btn-san shop-san”>

&lt nhiệt tình ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt vòng vèo ;span>Mua hàng tại Shopee</span>

&lt như là ;/a>

&lt có các hướng dẫn ;?php thường

if chưa (get_field(‘san_tiki’));?>

<a href=”<?php echo đừng get_field(‘san_tiki’);?>” class=”btn-san tiki-san”>

<img width=”30″ lắm src=”/cdn/2021/10/tiki.png”>

<span>Mua hàng chính tại Tiki</span>

&lt mất ;/a>

&lt đánh giá ;?php chính

add chậm _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

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

Liên công kết Lazada , Shopee, Tiki woocommecreCách 2 rất – Tạo có lẽ button liên bỗng nhiên kết ngoài dùng custom field của woocommerce

Để truy 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 có lợi dẫn sử dụng advanced custom field woocommerce Hoặc đọc hết dễ bài viết này. Đầu tiên chớ chúng ta sẽ tạo đích field trong phần quản lý đăng mặt hàng woocommecre.

function hiện tại pttuan_fields_muahang()

global chế độ $woocommerce, $post;

echo thúc đẩy ‘<div class=”options_group”>’;

woocommerce trong tầm _wp_text_input(

array(

‘id phụ thuộc ‘ => ‘_lazada’,

‘label mất ‘ => __( ‘Lazada’, ‘woocommerce’ )

)

);

woocommerce tiêu biểu _wp_text_input(

array(

‘id rẻ ‘ => ‘_shopee’,

‘label thú vị ‘ => __( ‘Shopee’, ‘woocommerce’ )

)

);

woocommerce gia hạn _wp_text_input(

array(

‘id tại nhà ‘ => ‘_tiki’,

‘label’ => lại __( ‘Tiki’, ‘woocommerce’ chưa )

)

);

echo tự nhiên ‘</div>’;

có lẽ

Và hook cũ vào vị đột nhiên trí ngay dưới mất giá để dễ thấy nhé.

add cung cấp _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau phục vụ đó các bạn lưu giá trị lại bằng function

function pttuan_save_field_muahang( cũ $post_id )

update vững _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );

update hạn chế _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );

update tác hại _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );

xa

add thâm niên _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );

Và hcm 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 title btn_mua_hang_2()

global nhận mặt $product;

$lazada = cũ $product->get_meta( ‘_lazada’ );

$shopee = thường $product->get_meta( ‘_shopee’ chậm );

$tiki = $product->get_meta( lại ‘_tiki’ );

if cam đoan ($lazada);?>

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

&lt xem trọng ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

&lt cung cấp ;span>Mua hàng tại Lazada</span>

&lt phù hợp ;/a>

&lt lâu dài ;?php rất

if không ($shopee);?>

&lt gia tăng ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>

<img width=”30″ chỉ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt tham dự ;span>Mua hàng tại Shopee</span>

&lt thoải mái ;/a>

&lt vững bền ;?php cần

if chớ ($tiki);?>

&lt chủ ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>

&lt mở đầu ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt bao giờ ;span>Mua hàng tại Tiki</span>

&lt đời mới ;/a>

&lt loại bỏ ;?php thường

add uy tín _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm cao css cho các button mua hàng

Các trợ bạn thêm đoạn css sau để giống chạy thử nhé.

.btn luôn -san

background lệ thuộc : red;

padding thật thoải mái : 10px;

width khoa học : 100%;

display lắm : block;

text đích -align: center;

color rất : #fff;

border được -radius: 7px;

font đích -weight: 600;

font thôi -size: 20px;

margin cũ -bottom: 10px;

.btn cũ -san.lazada-san

background đã : #10156e;

chỉ chưa

.btn vẫn -san.shop-san

background có : #fd5e32;

cần

.btn sức ảnh hưởng -san.tiki-san

background có những nơi : #1a94ff;

chưa

Và kết quả những cuối sẽ giống nhất như thế đích này.

Nếu thấy cũng hay hãy đích cho cực kỳ Tốc có thể 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 tốt nhất nên kế website trọn gói của ảnh hưởng sieutocviet nhé !