Hướng dẫn tạo nút liên kết Affiliates cho sản phẩm woocommerce

Xin chào các bạn, có nhiều bạn hỏi mình làm cách nào để chèn nút trường tùy chỉnh trong trang sản phẩm để khi click vào nó sẽ chuyển sang trang web liên kết trên shopee,lazada,tiki. Điều này tuy dễ nhưng không phải ai cũng làm được, đặc biệt là những người mới bắt đầu làm web. Vậy các bạn hãy theo dõi bài viết này để tự mình thực hiện nhé.

Khi làm Affiliates, thường nhập link affiliate trong sản phẩm, sau đó liên kết đến shopee hoặc lazada, v.v. Trong woocommerce, có các sản phẩm liên kết / sản phẩm bên ngoài có thể giúp bạn làm điều tương tự. Tuy nhiên, hạn chế của chức năng có trong woocommerce này là nó không mở liên kết của tab mới mà lại mở liên kết trên trang web bạn đang duyệt nên rất dễ mất khách. Đồng thời nhiều bạn vẫn muốn đặt đồng thời cả nút thêm vào giỏ hàng và nút liên kết đại lý nên phải dùng cách của tôi.

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

Bước này bạn chỉ cần cài đặt phiên bản miễn phí do kho plug-in wordpress cung cấp, không cần sử dụng phiên bản Pro.

Các bạn vào Quản trị – Plugin – Cài mới – gõ tìm kiếm “Advanced Custom Fields” rồi nhấn nút “Cài đặt“.

Bước 2: Import Field Group trong Custom Field

Sau khi kích hoạt thành công plugin ACF (Advanced Custom Field), các bạn vào Quản trị – Custom Fields – Tools – Select và Import file dưới đây:

Sau khi nhập nhóm trường thành công, khi bạn vào giao diện chỉnh sửa sản phẩm sẽ xuất hiện trường nhập liên kết thành viên để bạn nhập, như hình bên dưới:

Bước 3: Chèn code hiển thị nút liên kết affiliates trong function.php

Các bạn vào Giao diện – Sửa – Function.php và paste đoạn code dưới đây:

Sau khi chèn xong, có thêm nút Mua trên shopee mua hàng ngoài giao diện xem chi tiết sản phẩm!

Bạn có thể tùy chỉnh các nút affiliates  của sản phẩm theo sở thích của riêng mình, như trong hình trên!

Lời kết

Vậy là chúng ta đã hoàn thành việc tạo nút trường tùy chỉnh để làm phụ kiện cho sản phẩm, chúc các bạn thành công.

Xin chân thành cảm ơn quý khách hàng đã quan tâm và ủng hộ T3tcode.com trong thời gian vừa qua. Chúc các bạn trải nghiệm thú vị khi ghé thăm website.