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

8519 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, có nhiều bạn hỏi mình cách chèn một nút custom field trong trang sản phẩm để khi bấm vào nó nhảy sang sang url affiliate trên shopee. Việc này cũng khá dễ, tuy nhiên không hẳn là ai cũng làm được đặc biệt là các bạn mới tìm hiểu làm web. Do đó, theo dõi bài viết này để tự làm được nha.

Khi làm affiliates, các bạn thường nhập link affiliate ở sản phẩm rồi nó link sang shopee hoặc lazada,… Ở trong woocommerce 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 được tác vụ tương tự. Tuy nhiên, điểm hạn chế của tính năng có sẵn trong woo này là nó không mở link sang tab mới mà nó mở link ngay tại trang web đang duyệt nên rất dễ mất khách. Trong khi đó, nhiều bạn vẫn muốn để song song cả nút thêm vào giỏ và nút link affiliates thì mình buộc phải sử dụng cách của mình thôi.

Link xem demo: http://shop.toptheme.info/san-pham/balo-laptop-du-lich-di-hoc-mini-nu-dep-metia-bl63/

Giuseart.com---Thêm-nút-affiliate-shopee
Giuseart.com – Thêm nút affiliates bên cạnh nút Thêm giỏ hàng trong sản phẩm woocommerce

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

Bước này chỉ cần các bạn cài đặt bản miễn phí có sẵn trên kho plugin của wordpress là được, không cần thiết sử dụng tới 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“.

Giuseart.com---Cài-đặt-plugin-advanced-custom-field
Giuseart.com – Cài đặt plugin Advanced Custom Fields

Bước 2: Import Field Group

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 – ToolsSelectImport file dưới đây:

Giuseart.com---Import-filed-group
Giuseart.com – File dùng để import các bạn tải bên dưới

File dùng để import: https://drive.google.com/file/d/1ZfyZIuElQPXB0AvktTLl8f4wA8fuqEji/view?usp=sharing

Ngay sau khi các bạn import filed group thành công, khi vào giao diện chỉnh sửa sản phẩm nó sẽ xuất hiện một trường nhập link affiliate cho các bạn nhập như hình dưới:

Giuseart.com---Tạo-link-affiliate
Giuseart.com – Việc của các bạn là nhập link affiliate vào trường nhập dữ liệu mới được tạo

Bước 3: Chèn code hiển thị nú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 là bên ngoài giao diện xem sản phẩm chi tiết đã thêm nút Mua trên shopee rồi nha!

Giuseart.com---Tạo-nút-affiliate-cho-sp
Giuseart.com – Tùy chỉnh text nút affiliates sản phẩm theo ý bạn

Các bạn có thể tùy chỉnh nút affiliates sản phẩm theo ý bạn như hình bên trên mình mô tả nhé!

Lời kết

Như vậy là chúng ta đã thực hành xong việc tạo một nút Custom Field để làm affilites cho sản phẩm rồi, chúc các bạn thành công nhé@

Cám ơn các bạn đã quan tâm theo dõi và ủng hộ GiuseArt.com trong suốt thời gian qua. Chúc các bạn có những trải nghiệm thú vị khi ghé thăm website. Mọi nhu cầu thiết kế, in ấn và làm website, vui lòng liên hệ admin để được tư vấn nhiệt tình:

Thông tin liên hệ

+ Liên hệ: Lê Văn Thiện
+ Phone: 0972939830
+ Email: giuselethien@gmail.com
+ Website: www.giuseart.com
+ Flickr: www.flickr.com/photos/77493237@N07/albums
+ Behance: https://www.behance.net/giuselethien
+ Pintesest: https://www.pinterest.com/giuselethien/pins

5/5 - (2 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Bài viết mới cập nhật:

10 thoughts on “Hướng dẫn tạo nút Affiliates cho sản phẩm woocommerce

  1. Tiến Phát says:

    cái Chèn code hiển thị nút affiliates trong function.php ko đx ad ơi. Nó bị sai cú pháp anh xem lại giúp e với huhu

  2. Akira says:

    Mình làm như trên mà khi add vào web thì nó nhảy xuống dưới sticky nữa, với lại nếu muốn làm 3-4 link thì sao nhỉ

    • Lê Văn Thiện says:

      Muốn thêm 3-4 nút thì trong Group Filed, bạn tạo thêm các trường nhập link tương tự field đã có, Rồi trong function.php cũng nhân bản đoạn code tạo nút ra, rồi thay field vào đúng là được nha!

  3. Duyên says:

    Trường hợp không nhận giá sản phẩm, thì nút này không hiển thị anh ơi. Vì có một số sản phẩm em muốn link qua trang gốc luôn, không để giá ạ. Anh hỗ trợ em với nhé. Cảm ơn anh.

  4. Thành Vinh says:

    Trường hợp em muốn dẫn link như trong bài hướng dẫn nhưng giá sản phẩm là null hoặc không hiển thị giá thì có được không ạ? Mong nhận được hướng dẫn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Trang chủ
Tìm kiếm
Lên trên
Chia sẻ
Tải lại
Bình luận