Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web chia sẻ coupon

Bạn đang muốn làm 1 trang chia sẻ mã giảm giá để làm tiếp thị liên kết ở Việt Nam hoặc ở nước ngoài? Và bạn cũng thấy cách các trang chia sẻ coupon hiện nay đang làm đó là tạo nút ẩn mã giảm giáchèn link tiếp thị ở đó để khi người dùng click vào lấy mã giảm giá sẽ tự động mở ra link tiếp thị. Cách làm là như vậy nhưng chắc bạn vẫn chưa biết cách để làm đúng không nào (nếu biết thì đã không tìm tới bài viết này) 🙂

huong-dan-dung-plugin-tao-nut-an-ma-giam-gia-tren-web-chia-se-coupon

Trong bài viết này, mình sẽ hướng dẫn bạn cách tạo nút ẩn mã giảm giá để khi người dùng click vào sẽ mở ra link tiếp thị liên kết. Với cách này bạn có thể tạo web coupon với bất cứ theme nào bạn đang dùng. Và cách làm thì rất đơn giản, bạn có thể làm được ngay cả khi bạn không biết code. Chúng ta bắt đầu nào!

Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web WordPress

Trước hết mình cũng nói qua với các bạn thế này, nếu bạn đang sở hữu 1 trang chia sẻ coupon và không muốn thay đổi giao diện web thì bạn có thể làm theo hướng dẫn dưới đây để thêm nút ẩn coupon giảm giá. Còn nếu bạn chuẩn bị xây dựng 1 web chia sẻ coupon chuyên nghiệp thì mình khuyên bạn nên đầu tư chút kinh phí để mua theme Coupon của Mythemeshop. Đây là theme vô cùng chuyên nghiệp dùng để tạo web chia sẻ mã giảm giáMythemeshop họ mới tung ra trong thời gian gần đây.

Tham khảo thêm

Bây giờ chúng ta bắt đầu đi vào làm các bước để tạo nút ẩn mã giảm giá để kiếm tiền với Affiliate Marketing nhé. Về cách làm cách làm ở đây chúng ta sẽ tạo shortcode để tạo nút coupon với các thông số thay đổi tùy ý.

Bước 1: Đầu tiên bạn phải cài plugin My Shortcodes vào web WordPress của bạn.

Bước 2: Sau khi cài plugin xong bạn truy cập vào menu My Shortcodes -> New Element để tạo shortcode mới. Hãy nhập vào Element Name, Element DescriptionCategory, Slug với tên tùy ý như sau.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-1

Bước 3: Click vào tab Attributes rồi click vào Add Attribute để tạo 3 thuộc tính mới như sau

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-2

Trong đó:

  • Mục Label: Bạn đặt tên cho tham số tùy ý
  • Mục Slug: Đây là tham số bạn cần để ý nhất. Slug chính là tham số bạn dùng để chèn vào code HTML bên dưới đây và nó cũng chính là tham số bạn sẽ viết ra trong shortcode.

Bước 4: Chèn code HTML để tạo nút coupon chứa mã giảm giá và link tiếp thị liên kết.

Bạn click lên tab HTML ở bên trên sau đó thêm đoạn code sau vào như trong hình

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-3

Code HTML

Trong đoạn code này bạn để ý các giá trị {{coupon}}, {{linkaff}}, {{title}} , các tham số bên trong dấu {{……}} chính là các slug bạn tạo ra ở trên bước 3.

Bước 5: Về cơ bản là bạn đã tạo xong nút ẩn mã giảm giá rồi đó. Nhưng nó chưa được đẹp lắm nên bạn cần làm theo bước 5 này để thêm CSS cho nút coupon.

Bạn click sang tab CSS và thêm vào đoạn CSS bên dưới đây để trang trí cho button coupon

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-4

Code CSS


Bước 6: Bây giờ bạn ấn Save để lưu lại và Active nó lên là xong.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-5

Bước 7: Các chèn nút ẩn mã giảm giá khi viết bài

Cách 1

Tại trang soạn thảo bài viết, bạn chọn vị trí cần chèn nút coupon rồi ấn vào My Shortcode trên thanh công cụ soạn thảo. Một bảng hiện lên bạn chọn Category -> chọn Shortcode sau đó nhập vào Mã giảm giá, Link tiếp thị, Tiêu đề hiển thị trên button sau đó ấn Insert Shortcode để chèn vào bài viết.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-6

Cách 2

Bạn sử dụng shortcode như sau:


Trong đó bạn chỉ việc thay các giá trị bên trong dấu nháy kép “_” thành các giá trị bạn muốn chèn vào

  • LẤY MÃ GIẢM GIÁ
  • BLOGCONGDONG
  • https://nguyenhungplus.com

Sau khi làm xong bạn sẽ có được nút ẩn mã giảm giá như trang demo này: Mã giảm giá Adayroi

Lời kết

Vậy là bạn đã làm xong các bước để tạo nút ẩn mã giảm giá rồi đó. Chỉ vài bước cơ bản như vậy là bạn đã có thể tạo nút ẩn mã giảm giá để làm 1 website chia sẻ coupon trên bất cứ theme nào mà không cần phải có theme chuyên về coupon.

Nếu thấy bài viết hay hãy like và share cho bạn bè của bạn nhé. Và nhớ theo dõi NguyenHungPlus.Com để cập nhật thêm nhiều thủ thuật WordPress và kiến thức kiếm tiền online nói chung cũng như cách kiếm tiền với Affiliate Marketing nhé. Chúc các bạn thành công!

Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web chia sẻ coupon
5 4 votes

Tìm bài viết bằng cú pháp: từ khóa + nguyenhung

  • tạo nút button lấy mã giảm giá trên blogspot
  • các plugin cho wordpress
  • code ẩn link click để hiển thị thêm
  • lam lien ket tiep thi cho cac trang web giam gia coupon o My qua fanpage duoc khong
  • làm web mã giảm giá
  • plugin an mã
  • plugin mã giảm giá#spf=1
  • share code làm web coupon
  • Tạo nút button che ma giam gia

Để lại ý kiến của bạn

34 Bình luận trên "Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web chia sẻ coupon"

avatar
Tiến
Bạn đọc
Tiến

Trong cái Theme Coupon thì mình chỉ thay link vào đó là đc ạ. Có phải thêm code gì k a?

Đức Sơn
Bạn đọc

Lúc trước mình cũng dùng plugin này, nhưng sau này thấy bị lỗi không dùng lấy mã được trên trình duyệt chrome nên thôi không dùng nữa

Tuấn
Bạn đọc

Đây là khởi đầu của em.
https://chamheodat.com

Xin bác xem tư vấn thêm cho e về website, nội dung

Thanks

nguyen
Bạn đọc
nguyen

anh có thể hướng dẫn tạo cái khung chứa mã giảm giá được k ạ

Hung
Bạn đọc
Hung

bạn cho mình hỏi cái phần mã giảm giá trên trang voucheradayroi của bạn là dùng plugin gì vậy ạ 😛 mình thấy rất nhiều trang đều dùng cái dạng đấy mà view score lên toàn bị nén lại không thấy plugin 😛

Thái Văn Dạng
Bạn đọc

a Hùng cho e hỏi:
ở Bước 7 sao e làm hoài mà ko dc. a có thể hướng dẫn lại chỗ này dc ko ạ?
e cảm ơn a
chúc a thành công

mr N
Bạn đọc

cho mình hỏi hệ thống comment tại https://voucheradayroi.com/ là bác dùng cái gì vậy ạ

Trần Định
Bạn đọc
Trần Định

em làm theo hướng dẫn đến bước 7: cách1 thì không hiện gì, không có chỗ điền mã giảm giá và link… làm theo cách 2 chèn mã code [coupon title=”LẤY MÃ GIẢM GIÁ” coupon=”BLOGCONGDONG” linkaff=”https://nguyenhungplus.com”] cũng không được… anh giúp em với ạ.. cảm ơn anh.

Soju
Bạn đọc
Soju

a có thể chỉ em làm sao để khi click nhận mã giảm giá nó mở tab mới chứ không load luôn cái trang bài viết không ạ. với lại em rất thích cái khung mã giảm giá giống DEMO. a có thể viết 1 bài đầy đủ để tạo cái khung mã giảm giá hoàn chỉnh như thế không ạ. em cảm ơn

wpDiscuz
Hello! Tôi là Nguyễn Hùng, blog này tôi xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức về máy tính và làm web Wordpress, SEO, SEM, MMO,... mà tôi biết cho tất cả mọi người. Cảm ơn bạn đã ghé qua và đọc blog, nếu thấy bài viết hay hãy chia sẻ nó thay cho lời cảm ơn nhé. → Xem tiếp"
Đăng ký nhận bản tin!

Đăng ký nhận bản tin!

Đăng ký email để nhận bài viết mới và các khuyến mãi, quà tặng trên blog Nguyễn Hùng.

Đăng ký thành công!