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

Hướng dẫn tạo chưa nút mua nhất hàng liên chậm kết Lazada , Shopee, Tiki wordpress

Gắn kết quả 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 nhanh gọn lẹ 1 – Tạo button liên kết chung plugin ACF

Đầu số tiên các bạn tạo mới 1 field bằng ACF Sau tương tác đó các bạn tạo các field shopee, tiki, laza giống như sau: Ở điển hình 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 linux đó các bạn dán đoạn code này vào file functions.php

function thư btn_mua_hang()

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

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

&lt truyền bá ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

&lt sức mạnh ;span>Mua hàng tại Lazada</span>

&lt nền ;/a>

&lt chuyên dụng cho ;?php nhanh

if gây hại (get_field(‘san_shopee’));?>

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

&lt tạo thành ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt không còn kỳ vọng ;span>Mua hàng tại Shopee</span>

&lt miễn phí ;/a>

&lt bất chợt ;?php thường

if rất (get_field(‘san_tiki’));?>

&lt không bảo đảm ;a href=”<?php echo get_field(‘san_tiki’);?>” class=”btn-san tiki-san”>

&lt vững bền ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt cuốn hút ;span>Mua hàng tại Tiki</span>

&lt tìm ;/a>

&lt có thể ;?php chính

add được _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

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

Liên nhân thời cơ kết Lazada , Shopee, Tiki woocommecreCách 2 đột nhiên – Tạo lại button liên những kết ngoài dùng custom field của woocommerce

Để tạo được btn mà không cũng dùng đến plugin ACF thì các bạn không có lẽ tham quá khảo bài viết. hướng tiện lợi dẫn sử dụng advanced custom field woocommerce đột nhiên Hoặc đọc nhất hết bài đột nhiên 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 mới pttuan_fields_muahang()

global thuận tiện $woocommerce, $post;

echo dễ ‘<div class=”options_group”>’;

woocommerce nhẹ nhàng _wp_text_input(

array(

‘id bề ngoài ‘ => ‘_lazada’,

‘label’ => có thể __( ‘Lazada’, chưa ‘woocommerce’ )

)

);

woocommerce lại _wp_text_input(

array thôi (

‘id tiêu chí ‘ => ‘_shopee’,

‘label có lẽ ‘ => __( ‘Shopee’, ‘woocommerce’ )

)

);

woocommerce linh động _wp_text_input(

array(

‘id title ‘ => ‘_tiki’,

‘label’ => thôi __( ‘Tiki’, ‘woocommerce’ cần )

)

);

echo toàn bộ ‘</div>’;

có lẽ

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

add_action( ‘woocommerce_product_options_pricing’, lại ‘pttuan_fields_muahang’ );

Sau đó nhất các bạn không thể lưu giá trị được lại bằng function

function phiền lòng pttuan_save_field_muahang( $post_id )

update_post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] đã ) );

update cục bộ _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );

update chỉnh sửa _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );

xa

add không nhiều _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );

Và máy 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 một cách khách quan btn_mua_hang_2()

global dụng cụ $product;

$lazada = không $product->get_meta( ‘_lazada’ );

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

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

if công cụ ($lazada);?>

<a href=”<?php echo $lazada;?>” cũ class=”btn-san lazada-san”>

&lt mất ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

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

&lt sẽ ;/a>

<?php rất luôn

if thường ($shopee);?>

&lt thanh minh ;a href=”<?php echo $shopee;?>” class=”btn-san shop-san”>

<img width=”30″ mới src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt hi vọng ;span>Mua hàng tại Shopee</span>

&lt chịu ràng buộc ;/a>

&lt dùng cho ;?php cần

if cần ($tiki);?>

<a href=”<?php echo có thể $tiki;?>” class=”btn-san đột nhiên tiki-san”>

&lt cũ ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

<span>Mua hàng được tại Tiki</span>

&lt vẫn ;/a>

&lt đừng ;?php thường

add khách hàng _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm dùng cho 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 tiềm ẩn -san

background có thể : red;

padding ngay : 10px;

width đích : 100%;

display đặc tính : block;

text nhà đầu tư -align: center;

color lý : #fff;

border quanh co -radius: 7px;

font cụ -weight: 600;

font phương tiện -size: 20px;

margin đích -bottom: 10px;

.btn loại trừ -san.lazada-san

background liên kết : #10156e;

chỉ

.btn đẹp -san.shop-san

background Không những thế : #fd5e32;

cần

.btn vận hành -san.tiki-san

background tin tức : #1a94ff;

chưa

Và ưa chuộng kết quả cuối sẽ giống như thế này.

Nếu thấy nhanh hay hãy cho nhanh cực kỳ Tốc Việt lại 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 kế đừng website trọn gói của sieutocviet cả nhé !

Hướng dẫn tạo chưa nút mua nhất hàng liên chậm 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 wordpress