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

Hướng cũ dẫn tạo nút chẳng mua hàng cũ liên kết mới Lazada , đừng Shopee, Tiki rất wordpress

Gắn rất kết với rất các đột nhiên mặt hàng cùng có thể loại rất ở rất các có lẽ sàn TMĐT khác nhau cũ luôn là luôn một trong những cũ chỉ tiêu khiến chưa các thôi bạn có thể có ấn tượng chất lượng với có thể Webstie. chỉ Nay mới cực không thể kỳ dễ Tốc được Việt sẽ có chỉ các nhanh hướng dẫn đột nhiên cho đừng các bạn thôi cách đã để tạo có lẽ được các có lẽ button mới mua hàng cần gắn kết với rất 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 1 chẳng – Tạo button không thể liên kết chung plugin ACF

Đầu lại tiên có lẽ các bạn tạo đừng mới đã 1 field bằng mới ACF lại mới Sau chính đó nhất các nhất bạn tạo cũng các lại field shopee, tiki, bỗng nhiên laza giống như sau: rất Ở dễ phần mình rất khoanh mới đỏ hãy lại điền chậm chính chỉ xác cần chính xác vẫn giống không như hình. Các nhất field mới phải quá chính xác chẳng tên, có lẽ type chọn dạng nhanh text, chỉ hiển thị chậm tại đã khu luôn vực mặt bỗng nhiên hàng. Sau đó không thể các cũ bạn có thể dán đoạn code này vào ngay file đột nhiên functions.php

function có lẽ btn_mua_hang()

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

<a href=”<?php cần echo get_field(‘san_lazada’);?>” class=”btn-san đột nhiên lazada-san”>

<img width=”30″ rất src=”/cdn/2021/10/lazada.png”>

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

&lt đã ;/a>

<?php thôi nhanh

if không (get_field(‘san_shopee’));?>

<a không thể href=”<?php echo cả get_field(‘san_shopee’);?>” class=”btn-san được shop-san”>

<img đột nhiên width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

&lt chưa ;span>Mua hàng tại Shopee</span>

&lt chậm ;/a>

<?php thường thường

if ngay (get_field(‘san_tiki’));?>

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

<img mất width=”30″ có thể src=”/cdn/2021/10/tiki.png”>

<span>Mua rất hàng rất tại không thể Tiki</span>

&lt có lẽ ;/a>

&lt mất ;?php chính

add thường _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);

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

Liên có thể kết Lazada , Shopee, Tiki nhất woocommecreCách nhanh 2 thường – Tạo button liên rất kết ngoài dùng nhanh custom luôn field của nhất woocommerce

Để ngay tạo được btn mà không dùng bỗng nhiên đến plugin bỗng nhiên ACF thì các không thể bạn cũ có đang lẽ tham khảo bài viết. hướng dẫn sử chỉ dụng advanced những custom field woocommerce Hoặc chưa đọc hết vẫn bài viết này. được Đầu tiên chúng cũ ta chậm sẽ tạo vẫn field trong rất phần quản lý đăng mặt nhất hàng woocommecre.

function chớ pttuan_fields_muahang()

global đột nhiên $woocommerce, luôn $post;

echo lắm ‘<div đang class=”options_group”>’;

woocommerce được _wp_text_input(

array lại (

‘id’ => chỉ ‘_lazada’,

‘label’ => rất __( ‘Lazada’, ‘woocommerce’ thường )

)

);

woocommerce có lẽ _wp_text_input(

array nhanh (

‘id’ => luôn ‘_shopee’,

‘label’ => mới __( nhanh ‘Shopee’, ‘woocommerce’ vẫn )

)

);

woocommerce đừng _wp_text_input(

array không (

‘id’ đang => đừng ‘_tiki’,

‘label’ => __( vẫn ‘Tiki’, ‘woocommerce’ cần )

)

);

echo được ‘</div>’;

có sẽ lẽ

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

add_action( chậm ‘woocommerce_product_options_pricing’, đừng ‘pttuan_fields_muahang’ những );

Sau đó bỗng nhiên các bạn rất lưu cần giá đã trị dễ lại lại bằng function

function chính pttuan_save_field_muahang( $post_id )

update_post_meta( đột nhiên $post_id, luôn ‘_lazada’, rất esc_attr( $_POST[‘_lazada’] cả ) );

update_post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) rất );

update_post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] có lẽ ) );

xa tượng trưng

add_action( ‘woocommerce_process_product_meta’, dễ ‘pttuan_save_field_muahang’ );

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

function luôn btn_mua_hang_2()

global không thể $product;

$lazada lắm = dễ $product->get_meta( cần ‘_lazada’ );

$shopee = chẳng $product->get_meta( mất ‘_shopee’ );

$tiki rất = $product->get_meta( đột nhiên ‘_tiki’ thường );

if không ($lazada);?>

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

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

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

&lt đích ;/a>

<?php đích rất đã

if nhất ($shopee);?>

<a href=”<?php echo dễ $shopee;?>” class=”btn-san bỗng nhiên shop-san”>

<img luôn width=”30″ cũng src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>

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

&lt đột nhiên ;/a>

<?php nhanh cần mới

if cần ($tiki);?>

<a sẽ href=”<?php echo đột nhiên $tiki;?>” chưa class=”btn-san không thể tiki-san”>

<img quá width=”30″ đột nhiên src=”/cdn/2021/10/tiki.png”>

&lt chưa ;span>Mua hàng tại Tiki</span>

&lt mất ;/a>

<?php đừng thường

add chính _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm đột nhiên css cho dễ các cũ button mua hàng

có thể Các chưa bạn thêm đoạn css vẫn sau để có thể giống chạy cả thử nhé.

.btn-san cũng

background: ngay red;

padding những : 10px;

width: những 100%;

display: nhanh block;

text-align: cả center;

color: chẳng #fff;

border-radius: rất 7px;

font-weight: nhanh 600;

font-size: chỉ 20px;

margin những -bottom: 10px;

xa nhan sắc

.btn cũ -san.lazada-san

background: cần #10156e;

chỉ cũng

.btn-san.shop-san thường

background rất : #fd5e32;

cần cần

.btn thường -san.tiki-san

background: cả #1a94ff;

có thể chưa

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

Nếu thôi thấy hay hãy những cho những cực kỳ Tốc Việt 5 sao đang và theo dõi không thể các bài viết có lẽ khác đích mới nhất về Word mất press lại hay woocommerce hoặc đã dùng bỗng nhiên thiết kế chính website có thể trọn gói của đừng sieutocviet nhé !