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

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

Gắn cấu 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 triệt để 1 – Tạo button liên kết chung plugin ACF

Đầu làm rõ tiên các bạn tạo mới 1 field bằng ACF Sau thôi đó các bạn tạo mới các field shopee, không tiki, laza giống như sau: Ở khoa học 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 môi trường sống đó các bạn dán đoạn code này vào file functions.php

function đánh giá btn_mua_hang()

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

<a href=”<?php rất echo get_field(‘san_lazada’);?>” được class=”btn-san lazada-san”>

<img width=”30″ chưa src=”/cdn/2021/10/lazada.png”>

<span>Mua hàng dễ tại Lazada</span>

&lt hoàn tất ;/a>

&lt vô tư ;?php nhanh

if thôi (get_field(‘san_shopee’));?>

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

&lt sáng kiến ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt hiếm hoi ;span>Mua hàng tại Shopee</span>

&lt tìm hiểu ;/a>

&lt không ổn định ;?php thường

if có lẽ (get_field(‘san_tiki’));?>

<a href=”<?php echo quá get_field(‘san_tiki’);?>” class=”btn-san không tiki-san”>

&lt tư vấn ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt chính vì bởi ;span>Mua hàng tại Tiki</span>

&lt nam ;/a>

<?php chính dễ

add bỗng nhiên _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

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

Liên kết Lazada nhất , Shopee, đã Tiki woocommecreCách thật dễ chịu 2 – Tạo button liên kết ngoài dùng custom field của woocommerce

Để hiện nay 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 bao giờ dẫn sử dụng advanced custom field woocommerce virus 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 vận hành pttuan_fields_muahang()

global vào $woocommerce, $post;

echo rất ‘<div class=”options_group”>’;

woocommerce tiêu đề _wp_text_input(

array(

‘id thất thường ‘ => ‘_lazada’,

‘label’ => __( ‘Lazada’, cũ ‘woocommerce’ )

)

);

woocommerce thường _wp_text_input(

array được (

‘id’ => những ‘_shopee’,

‘label lan rộng ra ‘ => __( ‘Shopee’, ‘woocommerce’ )

)

);

woocommerce khái niệm _wp_text_input(

array(

‘id ý tưởng ‘ => ‘_tiki’,

‘label cách thúc ‘ => __( ‘Tiki’, ‘woocommerce’ )

)

);

echo hữu dụng ‘</div>’;

có lẽ

Và hook vào vị có lẽ trí ngay rất dưới giá để dễ chưa thấy nhé.

add phòng thủ _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

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

function kiểm tra pttuan_save_field_muahang( $post_id )

update hướng dẫn _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );

update tu tạo _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );

update trình bày _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );

xa

add_action( ‘woocommerce_process_product_meta’, chẳng ‘pttuan_save_field_muahang’ );

Và kết được quả cuối là chúng ta đã chẳng lưu được data. rất Để xuất ra ngoài thì các bạn thêm function này

function bỗng nhiên btn_mua_hang_2()

global chớ $product;

$lazada = $product->get_meta( mất ‘_lazada’ );

$shopee máy = $product->get_meta( ‘_shopee’ );

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

if cổ vũ ($lazada);?>

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

&lt nội ;img width=”30″ src=”/cdn/2021/10/lazada.png”>

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

&lt nhiệt thành ;/a>

&lt tác hại ;?php rất

if nền tảng ($shopee);?>

<a href=”<?php echo nhanh $shopee;?>” class=”btn-san shop-san”>

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

<span>Mua hàng không thể tại Shopee</span>

&lt đang ;/a>

&lt thấp ;?php cần

if đưa cho ($tiki);?>

&lt người bạn đồng hành ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>

&lt đáng tin ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

&lt chủ đầu tư ;span>Mua hàng tại Tiki</span>

&lt vô cùng ;/a>

<?php thường cũ

add xem trọng _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm người quản lý css cho các button mua hàng

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

.btn khách -san

background thời gian : red;

padding hiệp tác : 10px;

width liệu : 100%;

display nhất : block;

text cùng xây dựng -align: center;

color diễn tả : #fff;

border đang -radius: 7px;

font mới -weight: 600;

font đồ -size: 20px;

margin cũ -bottom: 10px;

.btn lại -san.lazada-san

background biểu lộ : #10156e;

chỉ

.btn mức giá thành -san.shop-san

background giao : #fd5e32;

cần

.btn ưa chuộng -san.tiki-san

background chiến lược : #1a94ff;

chưa

Và kết quả cuối sẽ giống có lẽ như thế luôn này.

Nếu thời gian 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 làm rõ kế website trọn gói của bất thường sieutocviet nhé !

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

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