Cách tạo cửa sổ Popup cho WordPress chuyên nghiệp

Tạo cửa sổ Popup cho WordPress chuyên nghiệp – Bạn muốn quảng bá những sản phẩm mới nhất, những bài viết nổi bật… đến với người dùng khi họ truy cập vào Website của bạn từ lần đầu tiên. Để người dùng nhận biết được các bài viết nổi bật bạn cần làm nổi bài viết đó lên tuy nhiên để làm nổi bài viết một cách thông thường thì không thể nào thu hút được người dùng quan tâm đến nội dung đó. Có một cách là bạn có thể đưa những nội dung đó hiển thị cửa sổ dạng “Popup”, khi người dùng truy cập vào Website cửa sổ “Popup” đó sẽ hiện ra khi đó người dùng sẽ thấy được nội dung bạn cần quảng bá!

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo Facebook Like Box cho WordPress giúp bạn tạo hộp “Facebook Like” một cách chuyên nghiệp trên mã nguồn WordPress tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo cửa sổ “Popup” cho WordPress chuyên nghiệp giúp bạn có thể quảng bá nội dung tốt hơn ngay trên chính Website của mình!

Tạo cửa sổ Popup cho WordPress chuyên nghiệp

Như đã đề cập bên trên để thu hút độc giả chú ý vào nội dung hay sản phẩm nào đó bạn cần làm nổi bật các nội dung, sản phẩm đó, để làm nổi bật các nội dung, sản phẩm đó từ Website bạn có thể sử dụng “Popup” để hiển thị. Tìm hiểu qua một số Plugin Popup cho WordPress mình thấy Plugin Popslide là một Plugin giúp bạn tạo cửa sổ “Popup” một cách chuyên nghiệp đơn giản. Hãy cùng blog thủ thuật tìm hiểu cách tạo cửa sổ “Popup” cho WordPress chuyên nghiệp với việc sử dụng Plugin Popslide!

Đầu tiên hãy truy cập vào liên kết này để tải Plugin Popslide về máy tính sau đó hãy cài đặt Plugin vào WordPress (tham khảo bài viết hướng dẫn cài đặt Plugin trong WordPress để biết các phương pháp cài đặt Plugin trong WordPress). Sau khi cài đặt xong bạn sẽ thấy xuất hiện thêm một Menu có tên Popslide trong Menu Cài đặt

tạo cửa sổ Popup cho WordPress chuyên nghiệp

Giao diện Plugin khá đơn giản với 4 thẻ chức năng chính bao gồm Settings, Content, Styling, Pro

Thẻ Settings với các chức năng

Status: Trạng thái Plugin mặc định Plugin chưa được kích hoạt để Kích hoạt bạn chỉ cần tích chọn thuộc tính Active

Preview: Xem trước cửa sổ Popup mặc định chưa được kích hoạt để Kích hoạt bạn chỉ cần tích chọn thuộc tính Active (đối với tính năng này nó sẽ không lưu vào Cookie)

Mobile: Nếu muốn cửa sổ Popup hiển thị trên điện thoại hãy tích chọn Display for mobile

Cookie: Lưu cookie khi người dùng truy cập (mặc định cookie được lưu trong 30 ngày bạn có thể thay đổi số ngày hoặc nếu bạn không muốn lưu Cookie có thể tích bỏ thuộc tính Save cookie on visitor’s machine)

Display rule: Cấu hình thời gian hiển thị Popup

tao-popup-wordpress-1.png

Thẻ Content với chức năng

Với thẻ Content bạn có thể viết nội dung muốn quảng bá tùy thích, bạn có thể chèn mã HTML, Shortcode…

tao-popup-wordpress-2.png

Thẻ Styling với các tính năng

Background color: Màu nền Popup bạn có thể chọn màu tùy thích

Font color: Chọn màu chữ trên Popup

Position: Vị trí hiển thị (có 2 vị trí phía trên, phía dưới)

Align: Canh lề (trái, phải, giữa)

Width: Độ rộng có thể thay đổi theo đơn vị Pixel

tao-popup-wordpress-3.png

Padding: Khoảng cách lề so với cửa sổ Popup

Close button position: Vị trí nút đóng cửa sổ Popup

tao-popup-wordpress-4.png

Close button size: Độ lớn của nút đóng cửa sổ Popup

Close button color: Màu sắc của nút đóng cửa sổ Popup

Animation: Hiệu ứng cửa sổ Popup (mặc định là 3 giây)

Custom CSS: Tùy chỉnh CSS cho cửa sổ Popup

tao-popup-wordpress-5.png

Thẻ Pro với chức năng

Đăng ký bản phiên bản cao cấp của Plugin với phiên bản cao cấp bạn có thể sử dụng các tính năng như thay đổi tập tin Cookie, sử dụng cửa sổ Popup trong suốt… Để sử dụng tính năng Pro hãy thực hiện như sau > Kích chọn chữ Share trong thẻ Pro

tao-popup-wordpress-7.png

Một cửa sổ hiện ra > Lúc này bạn hãy nhấn vào chữ Share để chia sẻ trên Facebook sau khi chia sẽ xong bạn sẽ thấy một đoạn mã xuất hiện lúc này hãy sao chép đoạn mã dán vào trong ô code > Nhấn chữ Verify để xác nhận

tao-popup-wordpress-6.png

Sau khi nâng cấp thành công phiên bản Pro bạn sẽ không còn thấy xuất hiện thẻ Pro nữa. Bây giờ giả sử tôi sẽ chèn một Shortcode Facebook Like chẳng hạn!

tao-popup-wordpress-8.png

Sau khi chèn Shortcode xong > Nhấn Save ra ngoài trang chủ bạn sẽ thấy kết quả như sau

tao-popup-wordpress-9.png

Nếu có thắc mắc về cách sử dụng Plugin bạn hãy để lại bình luận bên dưới để dược hỗ trợ! Quá đơn giản để bạn có thể tạo được cửa sổ Popup cho WordPress chuyên nghiệp phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Show Comments

22 Comments

  1. Jellyfish 29/05/2018
  2. Ước Mơ Du Học 02/05/2018
  3. long 09/04/2018
  4. Nguyễn Cường 19/10/2017
    • Thuần Te Tua 20/10/2017
  5. tuan nguyen huu 22/07/2017
  6. Song Ánh 17/06/2017
  7. Vũ Minh Chiến 21/03/2017
  8. Thể Hình 12/09/2016

Leave a Reply