Hướng Dẫn Tạo Popup Cho Website WordPress

Popup là gì?

Popup chính là cái thứ hay nhảy sổ ra mỗi khi bạn đang lướt web ngon lành trên 1 trang nào đó, mục đích của popup là điều hướng( chuyển bạn đến trang khác: trang khuyến mãi, thông báo, đăng ký..) hoặc gợi ý người dùng để lại thông tin( để nhận ưu đãi, để nhận tin tức về mail..)

Hướng dẫn tạo popup bằng plugin miễn phí của wordpress

1/ Cài đặt plugin :

  • Tại trang quản trị của wordpress, bạo truy cập Plugin–> cài mới.
  • Tại ô tìm kiếm, bạn tìm kiếm từ khóa “popup”
  • Bạn tìm plugin tên ” Popup Maker”, bạn ấn “cài đặt”, đợi khoảng 30s để wordpress cài đặt sau đó bạn ấn nút “kích hoạt” để kích hoạt plugin trên website của bạn.

plugin popup cho wordpress

2/ Tạo popup mới

Sau khi kích hoạt Popup Maker, ở menu quản trị wordpress của bạn sẽ có thêm menu mới tên “Popup Maker”, bạn truy cập vào đây chọn ” Add Popup” để thêm popup mới.

Giao diện tạo popup mới cũng tương tự như thêm bài viết mới:

  • Bạn đặt tiêu đề cho popup(Popup Name)
  • Có thể bỏ qua phần tiêu đề của popup ( Popup Title)
  • Phần soạn thảo văn bản phía dưới chính là phần nội dung cho popup, bạn có thể chèn chữ, chèn ảnh, video, form liên hệ hay bất cứ thứ gì bạn muốn- tại ví dụ dưới mình chỉ chèn hình ảnh( rộng 600px) sau đó chèn link vào hình ảnh để các bạn dễ hiểu, dễ làm theo 😅😅😅

3/ Quy định hiển thị popup

Các bạn kéo xuống dưới phần soạn thảo văn bản, sẽ có phần “popup seting”.

1. Triggers : Quy định khi nào thì popup hiển thị. Để popup tự động hiển thị khi website load, bạn ấn nút  “Add New Triggers” .

  • Bạn chuyển từ “Click To Open” thành “Time Delay/ Auto Open”
  • Tick chọn “Would you like to set up a cookie as well”, phía dưới chọn “On Popup Close” – mục đích của việc này là tạo cookie cho khách hàng, sau khi họ đóng popup của bạn, popup sẽ không hiển thị sau một thời gian( mà bạn quy định) với khách hàng đó.
  • Ấn ” Add”.

Tại cửa sổ tiếp theo, bạn quy định thời gian khi popup hiển thị sau khi website load xong ( Delay), ở đây mình điền 5000(ms), tương đương với 5s, bạn ấn “Add” 1 lần nữa để hoàn tất việc cài đặt Trigger cho Popup.

2.Targeting : Quy định popup hiển thị ở nội dung nào, nếu bạn muốn popup hiển thị trên toàn bộ website, bạn có thể bỏ qua bước này.

3. Display: Quy định hiển thị của Popup

  1. Appearance: Chọn giao diện, bạn nên để mặc định cho bớt rối 😅
  2. Size: kích thước của popup, cái này cũng hơi rối để cài cho đúng , vì thế bạn cứ chọn “Auto”tại menu lựa chọn cho dễ
  3. Animation: hiệu ứng khi popup xuất hiện, cái này không quan trong, bạn chọn cái nào cũng dc
  4. Position: vị trí popup xuất hiện, chọn Location là ” Middle Center” để popup xuất hiện phía giữa màn hình
  5. Close: bạn có thể thay chữ “close ” bằng chữ gì mà bạn muốn( “Đóng” “X”..)
  6. Advanced: bạn có thể bỏ qua.

———————————————-

Giờ thì bạn có thể ấn nút “Đăng” để Popup chạy trên website, tuy nhiên popup hiển thị sẽ khá là… không đẹp, bạn sẽ cần chỉnh 1 chút chút nữa để hoàn thiện Popup này.

Tùy chỉnh giao diện hiển thị của popup

Tại giao diện quản trị wordpress, bạn vào “Popup Maker” –> “Popup Themes”, Tìm “Default Theme” rồi chọn chỉnh sửa, bạn chú ý chọn những thông số sau:

  • Overlay seting >> Color :  chọn màu đen
  • Overlay seting >> Opacity:  40%
  • Container Setings >>Padding: 0px

Giờ bạn có thể tải lại trang để xem popup đã hiển thị như ý chưa nhé

 

 

Bình Luận
Bình Luận

[fc id=’2′ align=’center’][/fc]

Bình Luận
yêu cầu thiết kế website