Hướng dẫn cài đặt – cấu hình và tạo Popup Maker dễ dàng

Thời gian cần thiết: 5 phút

Sau khi cài đặt Popup Maker, bạn có thể bắt đầu cấu hình và tạo popup cho website của bạn. Dưới đây là các bước chi tiết:

1. Cách thiết lập giao diện chung cho Popup (Popup Theme)

   Popup Maker đã tạo sẵn một số mẫu giao diện. Bạn có thể sử dụng luôn hoặc chỉnh sửa. Bạn cũng có thể tạo giao diện mới. Mình đề nghị nên chọn một giao diện, rồi sửa lại. Nó sẽ nhanh và dễ hơn là tạo mới.
   Bước 1: Truy cập vào Popup Maker > Popup Themes
   Và đây là những theme có sẵn cho Popup. Bấm vào Default Theme để bắt đầu sửa
   Theme gồm 2 phần:
   + Bên trái: các thiết lập cho giao diện;
   + Bên phải: phần xem trước, cho biết popup sẽ hiển thị bên ngoài website như thế nào
   Bước 2: Bạn có thể điều chỉnh các thành phần và thuộc tính của giao diện, như Overlay (lớp phủ phía sau Popup), Container (phần nội dung của Popup), Title (tiêu đề của Popup), Close (nút đóng của Popup), v.v.
   Bước 3: Bạn có thể thay đổi màu sắc, độ trong suốt, độ bo góc, độ lệch tâm, độ rộng, độ cao, font chữ, cỡ chữ, căn lề, v.v. của các thành phần
   Bước 4: Bạn có thể xem kết quả trực tiếp ở phần xem trước, và điều chỉnh cho phù hợp
   Bước 5: Bạn có thể lưu lại giao diện với tên khác nếu muốn

2. Cách tạo nội dung cho Popup

   Sau khi thiết lập giao diện chung cho Popup, bạn tiếp tục tạo nội dung cho Popup.
   Bước 1: Truy cập vào Popup Maker > Add Popup
   Bước 2: Đặt tên cho Popup ở Title
   Bước 3: Thêm nội dung cho Popup ở Content. Bạn có thể sử dụng trình soạn thảo WordPress để thêm văn bản, hình ảnh, video, form, shortcode, v.v.
   Bước 4: Lưu lại

3. Cách thiết lập giao diện riêng cho từng Popup

   Sau khi tạo nội dung cho Popup, bạn có thể điều chỉnh giao diện riêng cho từng Popup
   Bước 1: Truy cập vào Popup Maker > All Popups
   Bước 2: Chọn Popup bạn muốn chỉnh sửa
   Bước 3: Chọn tab Display
   + Theme: bạn có thể chọn giao diện đã tạo ở bước trước, hoặc tạo giao diện mới cho Popup này
   + Size: bạn có thể điều chỉnh kích thước của Popup, bằng cách nhập chiều rộng và chiều cao, hoặc kéo thả ở phần xem trước
   + Position: bạn có thể điều chỉnh vị trí của Popup, bằng cách chọn vị trí mặc định, hoặc nhập khoảng cách từ các cạnh của màn hình, hoặc kéo thả ở phần xem trước
   + Animation: bạn có thể điều chỉnh hiệu ứng của Popup, bằng cách chọn hiệu ứng mở và đóng Popup, và thời gian hiệu ứng
   Bước 4: Lưu lại

4. Cách thiết lập điều kiện hiển thị Popup (Trigger)

   Để Popup hiển thị trên website, bạn cần thiết lập điều kiện hiển thị Popup, hay còn gọi là Trigger. Trigger là sự kiện kích hoạt Popup, có thể là nhấp chuột, cuộn trang, thời gian chờ, v.v.
   Bước 1: Truy cập vào Popup Maker > All Popups
   Bước 2: Chọn Popup bạn muốn chỉnh sửa
   Bước 3: Chọn tab Triggers
   Bước 4: Bấm vào Add New Trigger để thêm trigger mới
   Bước 5: Chọn loại trigger bạn muốn, ví dụ Time Delay / Auto Open để mở Popup sau một khoảng thời gian chờ
   Bước 6: Nhập các tùy chọn cho trigger, ví dụ Delay là 5 giây để mở Popup sau 5 giây khi truy cập trang
   Bước 7: Bấm vào Add để lưu trigger
   Bước 8: Bạn có thể thêm nhiều trigger khác nhau

5. Cách thiết lập tắt Popup

   Để người dùng có thể tắt Popup khi không muốn xem nữa, bạn cần thiết lập cách tắt Popup. Có nhiều cách tắt Popup khác nhau, như nhấp vào nút đóng, nhấp vào lớp phủ, nhấn phím Esc, v.v.
   Bước 1: Truy cập vào Popup Maker > All Popups
   Bước 2: Chọn Popup bạn muốn chỉnh sửa
   Bước 3: Chọn tab Close
   Bước 4: Bấm vào Add New Close Button để thêm nút đóng mới
   Bước 5: Chọn loại nút đóng bạn muốn, ví dụ Image Button để sử dụng hình ảnh làm nút đóng
   Bước 6: Nhập các tùy chọn cho nút đóng, ví dụ Location là Top Right để đặt nút đóng ở góc trên bên phải của Popup
   Bước 7: Bấm vào Add để lưu nút đóng. Bạn có thể thêm nhiều nút đóng khác nhau cho cùng một Popup, ví dụ Text Button để sử dụng văn bản làm nút đóng
   Bước 8:Lưu lại