Hướng dẫn tạo giao diện Popup với plugin Popup Maker

Popup là một cửa sổ tự động xuất hiện khi người dùng truy cập hoặc sau một khoảng thời gian truy cập. Nội dung của popup thường là quảng cáo nhưng cũng có thể là nội dung khác. Vậy để tạo được một giao diện popup như vậy thì mình sẽ giới thiệu đến các bạn plugin Popup Maker.

Giới thiệu về plugin Popup Maker.
Plugin Popup Maker được tạo bởi công ty WP Popup Maker, đây là một trong những plugin nổi tiếng nhất về tạo popup trong Wordpress với hơn 70.000 lượt tải về và con số này sẽ còn tiếp tục tăng trong các năm tiếp theo.

Cách cài đặt và sử dụng plugin Popup Maker.
Đầu tiên bạn cần cài đặt và kích hoạt plugin Popup Maker vào trong Wordpress, bạn vào Plugins -> Add new -> nhập tên plugin Popup Maker vào ô Search Plugins rồi tiến hành cài đặt và kích hoạt, (bạn có thể tham khảo thêm cách cài đặt và kích hoạt plugin trong Wordpress để nắm rõ hơn nhé).
Sau khi cài đặt xong bạn sẽ thấy xuất hiện mục Popup Maker trong bảng điều khiển Wordpress, bạn vào Popup Maker -> Popup Themes để tạo giao diện cho popup (ở đây có 6 loại giao diện cho bạn lựa chọn).

popup-themes
Bạn hãy chọn cho mình một giao diện popup phù hợp để tùy chỉnh nó nhé

tuy-chinh-theme-popup
+ Overlay Settings: Điều chỉnh màu sắc và độ mờ của Overlay, (Overlay là phần hiển thị đằng sau popup).
+ Container Settings: Thiết lập khu vực bên trong popup.
+ Border: Điều chỉnh thanh trượt của popup.
+ Drop Shadow: Thiết lập inset trong Shadow box.
+ Title Settings: Điều chỉnh tiêu đề (màu sắc, cỡ chữ…).
+ Text Shadow: Tạo hiệu ứng đổ bóng cho văn bản trong popup.
+ Content Settings: Cài đặt phần nội dung popup.
+ Close Settings: Thiết lập nút đóng popup.
Sau đó bạn vào mục Add popups để tạo popup cho mình.

chen-popup
Các bạn hoàn thiện nội dung popup và ấn Publish để hoàn tất nhé.

Lời kết
Như vậy với plugin Popup Maker các bạn đã có thể dễ dàng tạo được một popup riêng cho trang web của mình rồi. Mong rằng qua các bài viết này sẽ giúp các bạn phát triển trang web của mình được tốt hơn. Chúc các bạn thành công!

Leave a Reply

Your email address will not be published. Required fields are marked *