Hướng dẫn tạo nút Affiliate trong WooCommerce, thêm nút AFF Shopee, Tiki,..

Bài viết hướng dẫn tạo nút Affiliate – link sàn thương mại điện tử chỉ với Copy Paste của admin group Flatsome Việt Nam – Võ Minh Đạo. Hướng dẫn người dùng website WooCommerce giao diện Flatsome thêm nút affiliate Shopee, Tiki, Lazada,.. nhanh chóng.

Với cách làm này, ở mỗi sản phẩm giờ đây bạn chỉ cần copy link affiliate của sản phẩm và dán vào form là hệ thống sẽ tự tạo nút Affiliate nhanh chóng. Giờ đây bạn sẽ tiết kiệm hơn rất nhiều thời gian mỗi khi tạo link tiếp thị liên kết.

Không lan man nữa, sau đây là cách làm.

Hướng dẫn tạo nút Affiliate trong woocommerce-leekhoa.com-1
Thành quả sẽ thế này..

Hướng dẫn tạo nút Affiliate trong WooCommere

(*) Với các giao diện khác Flatsome thì bạn nghiên cứu áp dụng theo nhé.

Bước 1: Tải plugin Advanced Custom Fields Pro theo link dưới đây:

Lưu ý: chỉ có ACF bản Pro mới có thể áp dụng được những code dưới đây. Bản miễn phí sẽ không có đủ tiện ích theo nhu cầu nhé. Anh em nào đang cài bản Free thì gỡ đi và cài đặt bản Pro trên là được.

Bước 2: Tải JSON Import ACF

Hướng dẫn tạo nút Affiliate trong woocommerce-leekhoa.com-2

Hoặc có thể copy và dán vào:

Bước 3: Chèn code này vào file Functions.php của giao diện

  • Khuyến cáo anh em chèn vào giao diện child nhé. Để tránh trường hợp copy paste bị lỗi gây ảnh hưởng giao diện chính.
  • Bạn vào Giao diện / Theme File Editor / Child-theme / function.php

Bước 4: Thêm một chút CSS để làm đẹp nút Aff

  • Bạn copy đoạn css dưới đây là chèn vào file style.css trong child-theme hoặc vào phần tùy biến của giao diện để chèn.
  • Cách 1: Bạn vào Giao diện / Theme File Editor / Child-theme / style.css
  • Cách 2: Tại thanh top bar, click vào Tùy biến / Css tùy chỉnh (custom css).

Lưu ý:

  • Trong 2 code trên đều có phần nội dung được để giữa /* … */ nếu bạn cần thay đổi điều gì hoặc code gặp vấn đề thì bạn chỉ cần xóa phần comment đó là được (chỉ xóa đoạn chữ tiếng việt, không xóa code).

Bước 5: Vào sửa sản phẩm. Giờ đây bạn sẽ thấy phần Link Anchor – Link Text. Bạn copy link affiliate vào trường Link Text và thêm văn bản cho link vào trường Link Anchor. Mặc định trong bài viết ở WooCommerce Product nút tiếp thị liên kết này sẽ đứng dưới nút Mua ngay. Vậy nên anh em có thể tùy biến lại vị trí sao cho phù hợp với giao diện của mình nhé.

Hướng dẫn tạo nút Affiliate trong woocommerce-leekhoa.com-3

Cuối cùng: Lưu bài viết lại và reload lại trang để trải nghiệm thành quả nhé. Nếu có bất kỳ thắc mắc nào bạn có thể comment ở dưới bài viết này hoặc truy cập bài viết trên facebook https://www.facebook.com/groups/flatsomevn/posts/2889656784674489.

Hướng dẫn tạo nút Affiliate trong woocommerce-leekhoa.com-4

Như vậy là bài viết hướng dẫn tạo nút Affiliate, chèn link sàn TMĐT vào website WooCommerce đã hoàn tất. Chúc bạn thành công!

Review dịch vụ hosting/vps azdigi 1

Viết một bình luận