Hướng dẫn tạo vẫn nút mua không thể hàng liên mất kết Lazada , Shopee, Tiki wordpress

Gắn kết nhanh với các mặt đang hàng cùng loại ở thường 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 1 vẫn – Tạo thôi button liên nhanh kết chung plugin ACF

Đầu gg tiên các bạn tạo mới 1 field bằng ACF Sau cao đó các bạn tạo các field shopee, tiki, laza giống như sau: bất thường 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 blog đó các bạn dán đoạn code này vào file functions.php

function phải chăng btn_mua_hang()
if quý khách (get_field(‘san_lazada’));?>
&lt dễ dàng ;a href=”<?php echo get_field(‘san_lazada’);?>” class=”btn-san lazada-san”>
&lt biểu hiện ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt vượt trội ;span>Mua hàng tại Lazada</span>
&lt miễn phí ;/a>
&lt title ;?php nhanh
if động viên (get_field(‘san_shopee’));?>
<a href=”<?php echo đích get_field(‘san_shopee’);?>” class=”btn-san shop-san”>
&lt mất ;img width=”30″ src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt tai hại ;span>Mua hàng tại Shopee</span>
&lt rất khả quan ;/a>
<?php thường đừng
if tiên tiến (get_field(‘san_tiki’));?>
<a href=”<?php echo get_field(‘san_tiki’);?>” có lẽ class=”btn-san tiki-san”>
<img width=”30″ được src=”/cdn/2021/10/tiki.png”>
&lt do dự ;span>Mua hàng tại Tiki</span>
&lt khối lượng ;/a>
&lt thường ;?php chính
add đã _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang’,0);
Giống như lại vậy là xong phần thôi code, còn chưa css mình sẽ để ở cuối bài viết.
Liên kết Lazada chớ , Shopee, cần Tiki woocommecreCách 2 đột nhiên – Tạo button đừng liên kết có lẽ ngoài dùng custom field của woocommerce

Để tiện lợi 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 CMS dẫn sử dụng advanced custom field woocommerce đột nhiên Hoặc đọc hết lại bài viết lắm 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 cần pttuan_fields_muahang()
global ngăn ngừa $woocommerce, $post;
echo ‘<div sẽ class=”options_group”>’;
woocommerce lan rộng _wp_text_input(
array(
‘id tuyển lựa ‘ => ‘_lazada’,
‘label’ => không thể __( ‘Lazada’, ‘woocommerce’ đích )
)
);
woocommerce mất _wp_text_input(
array dễ (
‘id’ => cũng ‘_shopee’,
‘label’ => chậm __( ‘Shopee’, không thể ‘woocommerce’ )
)
);
woocommerce bỗng nhiên _wp_text_input(
array(
‘id đặt ‘ => ‘_tiki’,
‘label quá ‘ => __( ‘Tiki’, ‘woocommerce’ )
)
);
echo cần ‘</div>’;
có lẽ
Và hook vào vị trí nhất ngay dưới ngay giá để dễ thấy cả nhé.

add định nghĩa _action( ‘woocommerce_product_options_pricing’, ‘pttuan_fields_muahang’ );

Sau đột nhiên đó các bạn lưu giá trị lại bằng function
function ghi lại pttuan_save_field_muahang( $post_id )
update định _post_meta( $post_id, ‘_lazada’, esc_attr( $_POST[‘_lazada’] ) );
update tương đương với _post_meta( $post_id, ‘_shopee’, esc_attr( $_POST[‘_shopee’] ) );
update theo nguyện vọng _post_meta( $post_id, ‘_tiki’, esc_attr( $_POST[‘_tiki’] ) );
xa
add bền bỉ _action( ‘woocommerce_process_product_meta’, ‘pttuan_save_field_muahang’ );
môi trường sống 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 tốc btn_mua_hang_2()
global áp dụng $product;
$lazada nồng hậu = $product->get_meta( ‘_lazada’ );
$shopee linh động = $product->get_meta( ‘_shopee’ );
$tiki không bình thường = $product->get_meta( ‘_tiki’ );
if liền ($lazada);?>
&lt trọng yếu ;a href=”<?php echo $lazada;?>” class=”btn-san lazada-san”>
&lt từ ;img width=”30″ src=”/cdn/2021/10/lazada.png”>
&lt phổ biến ;span>Mua hàng tại Lazada</span>
&lt đã tạo nên ;/a>
&lt hồ sơ ;?php rất
if cần ($shopee);?>
<a href=”<?php mất echo $shopee;?>” class=”btn-san shop-san”>
<img width=”30″ lại src=”/cdn/2021/10/6db931827443a7455a4b805fe5829820.png”>
&lt chuyên dụng cho ;span>Mua hàng tại Shopee</span>
&lt nhiều ;/a>
&lt du nhập ;?php cần
if chương trình ($tiki);?>
&lt Tuy nhiên ;a href=”<?php echo $tiki;?>” class=”btn-san tiki-san”>
&lt thời gian ;img width=”30″ src=”/cdn/2021/10/tiki.png”>
&lt mở đầu ;span>Mua hàng tại Tiki</span>
&lt trong vòng ;/a>
<?php thường chẳng
add thôi _action(‘woocommerce_after_add_to_cart_button’,’btn_mua_hang_2′,0);

Thêm phấn đấu css cho các button mua hàng

Các bạn thêm đoạn css lắm sau để luôn giống chạy thử nhé.

.btn tuyệt vời -san
background không thể : red;
padding : 10px;
width huyền bí : 100%;
display cần thiết : block;
text thôi -align: center;
color bằng tay : #fff;
border cần -radius: 7px;
font ngay -weight: 600;
font đã -size: 20px;
margin đột nhiên -bottom: 10px;
xa
.btn -san.lazada-san
background rất : #10156e;
chỉ
.btn thường -san.shop-san
background chỉ : #fd5e32;
cần đừng
.btn những -san.tiki-san
background gia tăng : #1a94ff;
chưa
vô ích kết quả cuối sẽ giống như thế này.
Nếu thấy hay hãy cho cực rất kỳ Tốc Việt 5 nhất sao và theo dõi quá các bài viết khác mới nhất về Word press hay woocommerce hoặc dùng thiết title kế website trọn gói của Internet sieutocviet nhé !

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

Lê Trương Tấn Lộc ()

Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.