Hướng dẫn thêm nút mua hàng ở ngoài website

Đăng ngày bởi Admin

Mình nhận thấy ngày nay việc bán hàng không chỉ ở trên web của mình, mà còn bán ở nhiều sàn khác nhau. Nên phát sinh ra nhu cầu thêm nút mua hàng tại các sàn TMĐT khác.

Hôm nay mình sẽ hướng dẫn cách thêm nút mua hàng tên các sàn TMĐT khác, với tùy chọn link riêng cho từng sản phẩm.

Bước 1: Cài plugin Advanced Custom Field

Để cài plugin, ta login vào Dashboard của web, chọn Plugin -> Cài mới

cai dat plugin

Gõ Advanced Custom Field vào ô tìm kiếm rồi click cài đặt khi Plugin hiện ra

 

Cuối cùng là click kích hoạt

cai dat plugin 3

Như vậy là đã cài xong plugin Advanced Custom Field

Bước 2: Thêm các trường (field) nhập link mua hàng vào sản phẩm

Sau khi cài đặt plugin, ta rê chuột vào Custom Field -> Add New

Them field

Tiếp đó ta gõ tên field group (tên gì cũng dc), rồi ở phần type ta chọn là Sản phẩm. Xong thì ta chọn Add Field để thêm trường vào, các thông số như hình

Them field 2

Them field 3

Các bạn lưu ý, hôm nay mình hướng dẫn tạo link cho 4 sàn, nên làm đúng theo hướng dẫn để khớp với đoạn code ở phần tiếp theo. Nhập đúng kiểu như trong hình, và add field cho đủ 4 cái như hình bên dưới. Sau đó bấm đăng để kích hoạt các field.

Them field 4

Thực hiện như trên thì khi ta chọn Sản phẩm -> Thêm mới sẽ thấy các field hiện ra dưới phần mô tả chi tiết và trên phần dữ liệu sản phẩm.

Them field 5

Bước 3: Code hiển thị các nút mua hàng ra bên ngoài

Các bạn vào Giao diện -> Sửa giao diện

them function

Tiếp theo chọn functions.php, rồi chèn đoạn code sau vào ô nội dung, cuối cùng bấm Cập nhật tập tin là xong

them function 2

Nội dung đoạn code:

//Thêm code vào đây
function link_san_tmdt() {
$link_lazada = get_field(‘link_lazada’);
$link_tiki = get_field(‘link_tiki’);
$link_shopee = get_field(‘link_shopee’);
$link_sendo = get_field(‘link_sendo’);
ob_start();
echo ‘<div class=”link-san-tmdt”>’;
// code đưa link lazada
if($link_lazada) echo ‘<div class=”link-item”><a href=”‘.$link_lazada.'” class=“link-lazada” target=“_blank”>Mua trên Lazada</a></div>‘;
// code đưa link shopee
if($link_shopee) echo ‘<div class=“link-item”><a href=“‘.$link_shopee.'” class=“link-shopee” target=“_blank”>Mua trên Shopee</a></div>‘;
// code đưa link sendo
if($link_sendo) echo ‘<div class=“link-item”><a href=“‘.$link_sendo.'” class=“link-sendo” target=“_blank”>Mua trên Sendo</a></div>‘;
// code đưa link tiki
if($link_tiki) echo ‘<div class=“link-item”><a href=“‘.$link_tiki.'” class=“link-tiki” target=“_blank”>Mua trên Tiki</a></div>‘;
echo ‘</div>‘;
echo ‘
<style>.link-san-tmdt{margin-bottom:15px}.link-san-tmdt:after{content:“”;display:table;clear:both}.link-san-tmdt>div{float:left;width:50%;padding:2px}.link-san-tmdt a{display:block;width:100%;text-align:center;padding:10px;color:#fff;font-size:16px;}a.link-lazada{background:#f57224}a.link-tiki{background:#017fff}a.link-shopee{background:#d0011b}a.link-sendo{background:#bc000b}</style>
‘;
$link = ob_get_contents();
ob_end_clean();
echo $link;
}
add_action(‘woocommerce_product_meta_start‘,’link_san_tmdt’,5);

Kết quả đạt được:

link aff

Chúc các bạn thành công!

Nguồn : Đinh Lê Giang

Xem thêm:

Bài viết cùng chủ đề:

Nếu link dowload lỗi, vui lòng email đến khanhduc2020@gmail.com chúng tôi cập nhật trong thời gian sớm nhất có thể.
More info Accept