Shortcodes Ultimate là một Plugin miễn phí của WordPress và mình nhận thấy nó không thể thiếu trong trình soạn thảo của WordPress. Bài viết hôm nay mình sẽ hướng dẫn sử dụng Shortcodes Ultimate để tạo Button ẩn mã giảm giá một cách nhanh chóng.
Như chúng ta biết để có thể sử dụng được những chức năng mở rộng cho việc soạn thảo trên WordPress thì chúng ta cần cài thêm Plugin. Các bạn hãy theo dõi các bài viết khác để có thể tận dụng hết chức năng của Plugin này. Bài viết hôm nay mình sẽ giới thiệu cách tạo Button để ẩn mã Coupon, mã giảm giá mà chúng ta thường thấy.
Trước giờ công việc này thường được làm với Myshortcode nhưng giờ Plugin không được cập nhật và hỗ trợ những phiên bản mới của WordPress nữa nên một sự thay thế và đơn giản đó là Shortcodes Ultimate.
Bài viết này sẽ giúp các bạn tạo được Button ẩn nội dung như thế này:
Với việc sử dụng Plugin thì việc tạo Button Ẩn mã giảm giá rất nhanh chóng và hiệu quả. Có thể tùy biến chỉnh sửa Button thật đẹp với yêu cầu người viết. Sau đây mình sẽ hướng dẫn những bước cơ bản để thực hiện công việc này.
Đầu tiên hãy cài đặt Plugin Shortcodes Ultimate nếu bạn chưa cài đặt Plugin này. Vào mục cài đặt Plugin trong WP và tìm kiếm Shortcodes Ultimate sau đó cài đặt và kích hoạt.
Lúc này trong trình soạn thảo đã có thêm mục Chèn Shortcode.
Để sử dụng chúng ta click vào Nút (Button) và tiến hành thêm nút chứa mã Giảm giá cùng với link Affiliate.
Các trường các bạn cần điền vào như sau:
- Liên kết: là liên kết được trỏ đến sau khi click vào Button, thường sẽ là các link Affiliate.
- Mục tiêu: Chon Tab mới để mở địa chỉ đến qua Tab mới.
- Phong cách: Phong cách chọn Mặc định nếu không các bạn có thể tùy chỉnh.
- Nền: là màu nền của Button.
- Màu văn bản: là màu của chữ hiển thị trên Button.
Còn rất nhiều tùy chỉnh các bạn có thể tự vọc bao gồm hình dạng, kích thước button, các biểu tượng, ký hiệu…
Nhưng các bạn chú ý quan trọng nhất để làm Button ẩn mã giảm giá thì quan trọng các bạn điền vào mục Tự động trượt đoạn sau:
s=prompt('Sử dụng coupon giảm giá bên dưới khi thanh toán:','coupon'
Ở mục Rel attribute chọn nofollow.
Các bạn kéo xuống dưới cùng và chọn Preview để có thể xem trước. Thấy hợp lý và đẹp mắt rồi thì bấm vào Chèn Shortcode và code sẽ được chèn vào trình soạn thảo.
Để sử dụng Button Shortcode của nút trên thì bạn có thể copy đoạn mã bên dưới.
//Để copy sử dụng thì các bạn bỏ dấu // đi nhé. Mình cố tình thêm vào để nó bị lỗi cú pháp nên nó mới hiện ra code, còn nếu đúng thì nó sẽ hiện ra cái Button.
Hãy để ý dòng “s=prompt(‘Sử dụng coupon giảm giá bên dưới khi thanh toán:’,’coupon’)” lúc nãy chúng ta điền vào. Lúc này các bạn thay coupon bằng mã giảm giá của bạn. Ví dụ mã giảm giá của mình là GIAMGIA2017 thì mình sẽ thay đổi dòng trên lại: s=prompt(‘Sử dụng coupon giảm giá bên dưới khi thanh toán:’,’GIAMGIA2017′)”. Lúc này chúng ta sẽ được Button ẩn mã giảm giá như sau:
Lưu ý các bạn là mình đang sử dụng giao diện Tiếng Việt mới có những thuật ngữ như trên. Các bạn có thể chuyển đổi ngôn ngữ trong phần cài đặt của WordPress nhé.
Thật là nhanh chóng và tuyệt vời phải không các bạn. Hy vọng bài viết này sẽ giúp ích cho các bạn và công việc chèn Button để ẩn Mã giảm giá hay những công việc khác được dễ dàng hơn. Chúc các bạn thành công.
Vũ Tiến Đạt viết
Cảm ơn ad, mình cũng sử dụng SHORTCODES ULTIMATE thấy ok phết!
Đức Sơn viết
Thanks admin đã chia sẻ. Lúc trước mình có dùng plugin My Shortcode một thời gian. nói chung là tính năng cũng tương tự như plugin này. Nhưng một thời gian sử dụng, nó lại bị lỗi không lấy mã được trên trình duyệt Chrome, – trình duyệt Coccoc thì vẫn ok!
Từ hồi chuyển qua plugin này thấy tính năng click hiện mã cho người dùng coppy hiển thị ngon! 😀
admin viết
Plugin này với nhiều tính năng giúp soạn thảo trong WordPress đẹp mắt hơn. Mình cũng đang xài Plugin này.
HUy viết
Mình đã làm như bạn nhưng lúc bấm vào thì chuyển qua tab mới luôn , ko hiện ra mã code
admin viết
Bạn chú ý những mục mình đã lưu ý đó. Mình vẫn làm được mà. Bạn thử bấm vào COPY CODE mình làm mẫu để xem kết quả.
HUU viết
MÌNH CŨNG BỊ VẬY BẠN À. SAO KỲ VẬY, MÌNH LÀM ĐÚNG CÁC BƯỚC TRÊN MÀ
admin viết
Bạn nói rõ hơn xem lỗi ở đoạn nào. Bạn thử copy shortcode này xem nó hiển thị không nhé. Mình vẫn làm bình thường.
[su_button url="https://chiaseall.com" target="blank" background="#16c869" size="10" icon_color="#ffffff" onclick="s=prompt('Sử dụng coupon giảm giá bên dưới khi thanh toán:','coupon')" rel="nofollow" title="chiasell.com says:"]COPY CODE[/su_button]
Phú Hà viết
Vãi nồi thật. Mình tự làm thì không được, nó cứ chuyển luôn mà không hiện mã, copy mã của Ad thì lại ngon, híc híc
admin viết
Bạn xem có làm sai bước nào không. Plugin hiện tại vẫn được cập nhật đều đặn và sử dụng rất tuyệt vời đó bạn à.
Phú Hà viết
Chắc chắn mình làm sai ở đâu đó ạ, mà giờ dùng luôn code của Ad cho tiện, cảm ơn nhiều ạ, ahi 🙂