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á và 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) 🙂

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!

Để đơn giản hơn bạn có thể áp dụng hướng dẫn tạo nút chia sẻ coupon không cần dùng plugin ở bài viết này.

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á mà Mythemeshop họ mới tung ra trong thời gian gần đây.

Tham khảo thêm

• Theme Coupon của MyThemeShop – Theme làm web chia sẻ coupon chuyên nghiệp
• Theme trên MyThemeShop có đáng để bỏ tiền ra mua?
• MyThemeShop Coupon cho tất cả WordPress Theme, Plugin chỉ còn 19$

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 Description, Category, Slug với tên tùy ý như sau.

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

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

Code HTML

<a onclick=" person=prompt('Sử dụng mã giảm giá này khi thanh toán để được giảm giá','{{coupon}}')" href='{{linkaff}}' class="bcd-coupon">{{title}}</a>

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

Code CSS

.bcd-coupon {
	max-width: 100%;
	border: 1px dashed #fff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #d50000;
	border-color: #fff;
	color: #fff;
}

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

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.

Cách 2

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

[coupon title="LẤY MÃ GIẢM GIÁ" coupon="BLOGCONGDONG" linkaff="https://nguyenhung.net"]

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://nguyenhung.net

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 NguyenHung.Net để 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!