Đồng hồ đếm ngược (Countdown timers) chắc có lẽ là một tính năng mà rất nhiều bạn muốn dùng. Đây là công cụ rất hữu ích khi bạn muốn tạo các chương trình sale off, event sự kiện, tặng quà… Rất tiếc đây không phải là một tính năng có sẵn trong WordPress. Tuy nhiên bạn cũng có thể thay thế bằng các plugin. Trong bài này MGGH sẽ giới thiệu với bạn vài cái plugin hữu ích để chèn đồng hồ đếm ngược vào site WordPress của bạn.
Tại sao bạn lại cần chèn Đồng hồ đếm ngược vào WordPress
Đồng hồ đếm ngược có lẽ không còn xa lạ gì nữa với các bạn rồi. Thông thường nó sẽ có dạng digital trong đó thể hiện giờ, phút,giây hoặc ngày, tháng năm còn lại đến khi kết thúc một sự kiện nào đó.
Trong nhiều trường hợp, đồng hồ đếm ngược sẽ giúp các bạn hướng sự chú ý của khách truy cập đến sự kiện bạn muốn nói đến. Thúc đẩy khách truy cập thực hiện hành động bạn muốn nhanh hơn : nhờ countdown timer, khách sẽ hiểu được rằng, thời gian khuyến mãi, đăng ký sự kiện đang hết dần. Phải nhanh tay nắm bắt cơ hội nếu không chương trình sẽ kết thúc. Từ đó giúp bạn sale nhiều hơn, nhận được nhiều đăng ký hơn.
Hai plugin tạo đồng hồ đếm ngược tốt nhất trên WordPress
Trên kho plugin của WordPress có rất nhiều công cụ giúp bạn tạo đồng hồ đếm ngược. Tuy nhiên có 2 plugin khá dễ dùng mình sẽ giới thiệu trong bài này.
1. T(-) Countdown
T(-) Countdown cho phép bạn chèn HTML5 countdown timers vào site sử dụng widget hoặc shortcode. Có nhiều mẫu đồng hồ đếm ngược cho bạn chọn. Ngoài ra nếu biết CSS thì bạn cũng có thể tuỳ chỉnh thêm cho đẹp.
2. Countdown Timer
Countdown Timer là 1 plugin rất đơn giản cũng cho phép các bạn tạo nhiều đồng hồ đếm ngược độc lập với nhau để chèn vào site WordPress. Nó còn có tính năng tự nhận dạng ngày tháng để tạo đồng hồ đếm ngược thay vì phải tự nhập. Tuy có nhanh hơn, nhưng mình nghĩ cứ tự nhập cho chính xác.
Cũng giống như plugin T(-) Countdown ở trên, plugin Countdown Timer cũng cho phép bạn chèn đồng hồ vào site thông qua widget hoặc shortcode khá tiện.
Cách tạo đồng hồ đếm ngược trong WordPress
Trong bài hướng dẫn này mình sẽ sử dụng plugin T(-) Countdown để chèn đồng hồ đếm ngược vào WordPress. Việc đầu tiên, dĩ nhiên là hãy cài đặt và kích hoạt plugin này lên.
Bước 1: Tạo mới và cấu hình cho countdown timer
Như đã nói ở trên T(-) Countdown cho phép bạn chèn đồng hồ đếm ngược bằng 2 cách:
- Thông qua widget: thông thường chèn ở bên hông site (side bar), hoặc có thể chèn bên dưới hoặc bên trên. Tuỳ.
- Thông qua shortcode: chèn bất kỳ chỗ nào bạn thích.
Mình sẽ hướng dẫn cả 2 cách.
Thêm đồng hồ đếm ngược qua widget
Vào menu trong Dashboard chọn Appearance → Widgets
Kéo rê widget T(-) countdown sang vị trí mà bạn muốn đặt. Thông thường hay đặt ở sidebar vì chỗ này dễ nhìn hơn cuối hoặc đầu trang. Sau đó bạn nhập tiêu đề và chọn ngày tháng hiển thị.
Cuối cùng bạn chọn kiểu đồng hồ đếm ngược. Thích mẫu nào thì chọn mẫu đó.
Chọn xong nhớ save lại là OK. Kiểm tra sidebar trang web lại coi ưng ý chưa nhé.
Thêm đồng hồ đếm ngược trong WordPress bằng shortcode
Về cơ bản, giao diện đồng hồ đếm ngược trên sidebar nhìn đẹp, thân thiện và dễ dùng hơn. Vì thế nếu không phải bắt buộc bạn nên ưu tiên sử dụng. Còn nếu muốn dùng shortcode thì không sao, hãy làm theo hướng dẫn bên dưới.
Shortcode thì hơi phức tạp xíu. Bạn hãy thử cái mẫu cơ bản nhất như dưới đây:
[tminus t= "DD-MM-YYYY HH:MM:SS" style="hoth"]Thông điệp khi đồng hồ chạy về 0[/tminus]
Ví dụ:
[tminus t= "10-03-2020 18:00:00" style="hoth"]Chương trình khuyến mãi đã kết thúc [/tminus]
Ý nghĩa của shortcode này:
- Tạo đồng hồ đếm ngược tới thời điểm 18h ngày 10/03/2020
- Sử dụng mẫu đồng hồ “the Hoth”
- Hiển thị dòng chữ : Chương trình khuyến mãi đã kết thúc sau khi đồng hồ chạy về 0.
Bạn có thể đọc thêm document của plugin này để hiểu thêm cách chèn các biến và mẫu đồng hồ.
Bước 2: Tuỳ chỉnh kiểu đồng hồ đếm ngược
Nếu mấy kiểu đồng hồ có sẵn bạn không ưng ý thì có thể tuỳ chỉnh lại bằng CSS. Vào Settings → T(-) Countdown kiếm mục Custom CSS. Cái này dành cho các bạn biết CSS. Mình không rành nên không hướng dẫn cụ thể được .
Kết
Countdown timer là 1 tính năng đơn giản bạn có thể dễ dàng thêm vào site WordPress của mình để tăng hiệu quả tương tác. T(-) Countdown là 1 trong số những plugin có thể giúp bạn làm tốt việc này chỉ qua vài bước đơn giản.
