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

Hướng dẫn lại tạo nút rất mua cả hàng dễ liên luôn kết Lazada luôn , lắm Shopee, Tiki wordpress

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

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

function nhất btn_mua_hang()

if đang (get_field(‘san_lazada’));?>

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

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

Mua chậm hàng tại chậm Lazada

&lt bỗng nhiên ;/a>

<?php nhanh nhanh

if luôn (get_field(‘san_shopee’));?>

<a chính href=”<?php mới echo get_field(‘san_shopee’);?>” những class=”btn-san shop-san”>

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

Mua rất hàng luôn tại nhanh Shopee

&lt nhất ;/a>

&lt chính ;?php thường

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

<a chậm href=”<?php echo get_field(‘san_tiki’);?>” chỉ class=”btn-san chẳng tiki-san”>

&lt chậm ;img width=”30″ src=”/cdn/2021/10/tiki.png”>

Mua đã hàng cũ tại Tiki

&lt mới ;/a>

<?php được chính

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

Giống chớ như vậy không là chưa xong những phần code, mới còn css những mình sẽ nhất để đừng ở đột nhiên cuối bài viết.

Liên kết Lazada chỉ , Shopee, Tiki woocommecreCách được 2 – thôi Tạo button liên kết mới ngoài dùng có thể custom mới field chớ của woocommerce

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

function pttuan_fields_muahang() cũ

global mới $woocommerce, $post;

echo chẳng ‘<div được class=”options_group”>’;

woocommerce thôi _wp_text_input(

array đang (

‘id cũ ‘ => ‘_lazada’,

‘label’ => lắm __( ‘Lazada’, ‘woocommerce’ mới )

)

);

woocommerce cũ _wp_text_input(

array chỉ (

‘id’ nhanh => ‘_shopee’,

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

)

);

woocommerce cũ _wp_text_input(

array nhanh (

‘id nhất ‘ => ‘_tiki’,

‘label’ đột nhiên => lại __( ‘Tiki’, được ‘woocommerce’ chớ )

)

);

echo chưa ‘</div>’;

thôi có cũ lẽ

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

add_action( ‘woocommerce_product_options_pricing’, luôn ‘pttuan_fields_muahang’ mới );

Sau nhanh đó lắm các bạn vẫn lưu giá trị lại bằng function

function chậm pttuan_save_field_muahang( cả $post_id luôn )

update_post_meta( ngay $post_id, ‘_lazada’, không esc_attr( $_POST[‘_lazada’] nhanh ) );

update_post_meta( nhất $post_id, thường ‘_shopee’, esc_attr( nhất $_POST[‘_shopee’] ) nhanh );

update_post_meta( $post_id, ‘_tiki’, esc_attr( có thể $_POST[‘_tiki’] cũ ) );

xa trước sau

add_action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ nhất );

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

function chậm btn_mua_hang_2()

global rất $product;

$lazada = $product->get_meta( ‘_lazada’ đột nhiên );

$shopee chậm = $product->get_meta( ‘_shopee’ mới );

$tiki rất = $product->get_meta( quá ‘_tiki’ );

if đột nhiên ($lazada);?>

<a được href=”<?php echo nhất $lazada;?>” không thể class=”btn-san vẫn lazada-san”>

<img luôn width=”30″ mới src=”/cdn/2021/10/lazada.png”>

Mua sẽ hàng tại Lazada

&lt cũ ;/a>

<?php chậm rất

if cả ($shopee);?>

<a vẫn href=”<?php đừng echo $shopee;?>” mới class=”btn-san đừng shop-san”>

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

Mua hàng tại cũ Shopee

&lt lắm ;/a>

<?php rất cần

if nhất ($tiki);?>

<a chậm href=”<?php được echo cả $tiki;?>” class=”btn-san tiki-san”>

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

Mua lắm hàng cần tại thôi Tiki

&lt thường ;/a>

<?php thôi thường thôi

add đột nhiên _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm css cho chưa các button mua hàng

Các nhanh bạn bỗng nhiên thêm nhanh đoạn dễ css chưa sau mất để chỉ giống đột nhiên chạy chớ thử có lẽ nhé.
bỗng nhiên

.btn-san luôn

background cũng : red;

padding: vẫn 10px;

width những : 100%;

display chưa : block;

text-align: chỉ center;

color có lẽ : #fff;

border-radius: đột nhiên 7px;

font dễ -weight: 600;

font vẫn -size: 20px;

margin chậm -bottom: 10px;

xa nồng hậu

.btn đừng -san.lazada-san

background những : #10156e;

cần chỉ

.btn mất -san.shop-san

background: chỉ #fd5e32;

nhanh cần lại

.btn-san.tiki-san chớ

background có lẽ : #1a94ff;

chẳng chưa

Và không thể kết quả đã cuối sẽ giống như thế này.

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