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

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

cai dat plugin 2

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!

5/5 - (1 bình chọn)

guest
5 Bình luận
Cũ nhất
Mới nhất Được bình chọn nhiều nhất
Inline Feedbacks
View all comments
hue Nguyen
hue Nguyen
24 ngày trước

Trong phần giao diện của mình không có nút “chỉnh sửa giao diện” – mình cần bổ sung thêm gì ạ?

Huệ
Huệ
Trả lời  Sài Gòn Data
24 ngày trước

Cảm ơn bạn

huệ Nguyễn
huệ Nguyễn
Trả lời  Sài Gòn Data
24 ngày trước

mình cảm ơn bạn đã chỉ, mình đã thêm đoạn code của bạn vào, đã tạo được trường để chèn link các sàn TMDDT, mình chèn thêm link của sản phẩm trên sàn vào, cập nhật lại sản phẩm mà ra trang sản phẩm xem lại sản phẩm đó vẫn chưa có nút link sang sàn TMDT . Không biết mình đã sai ở chỗ nào ạ. Cảm ơn bạn đã giúp mình.

5
0
Rất thích suy nghĩ của bạn, xin vui lòng bình luận!x
()
x
Scroll to Top