Popup là gì? Hướng Dẫn Tạo Popup Cho Website WordPress

Popup là một khung hiển thị nhỏ xuất hiện trên trang web khi người dùng thực hiện một hành động cụ thể. Đây là một công cụ mạnh mẽ để thu hút sự chú ý của khách truy cập và tạo ra tương tác người dùng hiệu quả. Trên WordPress, có nhiều cách để tạo popup, nhưng trong bài viết này, Chungcuhanoivip.net sẽ chỉ ra cách dễ nhất để bạn có thể thực hiện điều này trên trang website của mình. Một trong những plugin phổ biến và dễ sử dụng là “Popup Maker”. Bạn có thể tìm và cài đặt plugin này từ trang quản lý plugin trong WordPress.

Hướng dẫn tạo pop up trên website WordPress
Hướng dẫn tạo pop up trên website WordPress

Popup là gì?

Popup là một loại cửa sổ xuất hiện bất ngờ khi bạn đang duyệt web trên một trang nào đó. Mục đích chính của popup là điều hướng người dùng đến các trang khác như trang khuyến mãi, thông báo, hoặc trang đăng ký. Ngoài ra, popup cũng có thể được sử dụng để gợi ý người dùng để cung cấp thông tin cá nhân như đăng ký để nhận ưu đãi hoặc đăng ký để nhận tin tức qua email.

Lý do nên sử dụng Popup WordPress

Popup được xem là một ý tưởng thông minh cho các chủ doanh nghiệp nhỏ khi áp dụng các biểu mẫu liên hệ không chỉ trên trang Liên hệ của họ mà còn trong cửa sổ bật lên trên WordPress. Điều này cho phép người đọc tiếp cận bạn một cách nhanh chóng mà không cần rời khỏi trang hiện tại.

Bên cạnh đó, sử dụng popup trên WordPress còn mang lại các lợi ích sau:

  1. Phản hồi: Thu thập phản hồi bằng cách yêu cầu người dùng để bình luận hoặc tham gia khảo sát.
  2. Thông tin liên hệ: Giúp bạn nhận thêm thông tin liên hệ từ khách hàng bằng cách thu thập thông tin cá nhân và thông tin liên hệ của họ.
  3. Đăng ký: Xây dựng danh sách bản tin email của bạn bằng cách giúp người dùng đăng ký dễ dàng chỉ bằng một cú nhấp chuột vào liên kết.

Việc sử dụng popup trong WordPress mang lại khả năng tương tác và thu thập thông tin quan trọng từ người dùng một cách thuận tiện và hiệu quả.

Hướng dẫn Cách Tạo Popup Cho Website WordPress

Dưới đây chúng tôi sẽ chia sẻ Cách tạo popup bằng WordPress khá đơn giản mà bạn có thể dễ dàng thực hiện:

Bước 1: Cài đặt các Plugin WordPress cần thiết

Để bắt đầu, bạn cần cài đặt và kích hoạt 2 plugin. Trước tiên, bạn sẽ cần Popup Maker. Bạn đang tự hỏi liệu trình tạo cửa sổ bật lên có miễn phí không?
Nếu Có, bạn có thể sử dụng phiên bản miễn phí cho hướng dẫn này và với WPForms.
Nhấp vào nút tải xuống màu xanh lam và xem cách cài đặt plugin trong WordPress.
Tiếp theo, bạn cũng sẽ cần plugin WPForms. Dưới đây là hướng dẫn đơn giản về cách cài đặt plugin WPForms.

Bước 2: Tạo Pop up đơn giản

Tiếp theo, bạn sẽ muốn tạo biểu mẫu mà bạn muốn đưa vào biểu mẫu bật lên WordPress của mình. Nếu bạn đã tạo một biểu mẫu liên hệ, bạn có thể bỏ qua bước này.
Để tạo biểu mẫu của bạn, hãy đi tới WPForms -> Thêm Mới và chọn một mẫu. Bạn nên giữ mọi thứ đơn giản với các pop-up bật lên của WordPress để bạn có thể tối đa hóa tỷ lệ chuyển đổi biểu mẫu của mình.
Khi biểu mẫu tải, nó sẽ có mọi thứ bạn cần để bắt đầu, bao gồm:

  • Tên đầu tiên
  • Họ tên
  • E-mail
  • Bình luận

Bạn có thể kéo và thả bất kỳ trường bổ sung nào bạn muốn từ phía bên trái vào cửa sổ xem trước. Bạn cũng có thể xóa một trường bằng cách nhấp vào trường đó và chọn biểu tượng thùng rác màu đỏ xuất hiện ở bên phải.
Sau khi hoàn tất việc tạo biểu mẫu, bạn cần nhấp vào nút lưu để lưu trữ các thay đổi của mình. Biểu mẫu liên hệ của bạn hiện đã sẵn sàng hoạt động!
Và bây giờ chúng ta đã có một pop up sẵn sàng, hãy chuyển sang bước tiếp theo và tạo một cửa sổ bật lên trong WordPress.

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

huong-dan-tao-popup-tren-wordpress

Cài đặt plugin tạo popup cho website bằng ordpress

  • Tại trang quản trị của wordpress, bạn 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.
Cài đặt plugin tạo popup cho website
Cài đặt plugin tạo popup cho website

Tạo popup mới

Sau khi bạn đã kích hoạt Popup Maker, trên trang quản trị WordPress của bạn sẽ xuất hiện một menu mới mang tên “Popup Maker”. Bạn hãy truy cập vào đó và chọn “Thêm Popup” để tạo một popup mới.

Giao diện tạo popup mới sẽ tương tự như khi bạn thêm một bài viết mới:

  1. Đặt tiêu đề cho popup (Popup Name).
  2. Bạn có thể bỏ qua phần tiêu đề của popup (Popup Title) nếu muốn.
  3. Phần soạn thảo văn bản phía dưới là nơi bạn sẽ nhập nội dung cho popup. Bạn có thể chèn chữ, chèn ảnh, video, form liên hệ hoặc bất cứ nội dung nào bạn muốn. Ví dụ, để giải thích dễ hiểu, dễ thực hiện, dưới đây tôi chỉ chèn một hình ảnh có độ rộng 600px và thêm một liên kết vào hình ảnh. Nếu bạn muốn chèn một form, bạn có thể tham khảo video phía dưới.

Quy định Popup tự xuất hiệ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”.
popup seting
Popup seting

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.

Cài đặt Trigger cho Popup
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

Popup Maker

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

Plugin Thiết Kế Popup Đẹp – Không mất phí trên WordPress

1 OptinMonster

OptinMonster là một phần mềm tạo khách hàng tiềm năng trực tuyến mạnh mẽ được hàng triệu trang web sử dụng.
Sử dụng công nghệ Exit-Intent đặc trưng của nó giúp chuyển đổi khách truy cập đang bỏ qua thành người đăng ký và khách hàng trả tiền. Nó chỉ đơn giản là plugin pop up tốt nhất trên thị trường.

OptinMonster
OptinMonster

Ưu điểm:

  • Nhắm mục tiêu Nâng cao- OptinMonster không chỉ có nhắm mục tiêu cấp độ trang mà còn có các quy tắc hiển thị nâng cao như phát hiện liên kết giới thiệu, vị trí địa lý…
  • Dễ sử dụng- bao gồm các trình tạo kéo và thả để thiết lập và tùy chỉnh đơn giản
  • Mẫu cửa sổ pop up có sẵn- Chọn từ các cửa sổ bật lên được tạo sẵn hoặc bắt đầu từ đầu và tạo một cửa sổ bật lên.
  • Hỗ trợ tiếp cận dịch vụ khách hàng tuyệt vời
  • Tạo mục tiêu Google Analytics chuyên nghiệp

Nhược điểm:

  • Không có tuỳ chọn phiên bản sử dụng miễn phí. Giá OptinMonster dao động từ $9 – $49/ tháng

2 HubSpot

HubSpot cung cấp plugin WordPress rất riêng giúp bạn dễ dàng tạo các biểu mẫu bật lên và thêm chúng vào trang web WordPress của mình.
Cùng với khả năng tạo cửa sổ bật lên, plugin HubSpot cũng cung cấp các tính năng như trò chuyện trực tiếp, phân tích, tiếp thị qua email
Ưu điểm:

  • Miễn phí và dễ sử dụng
  • Có thể tuỳ chỉnh pop up
  • Chọn từ nhiều mẫu biểu mẫu tạo sẵn khác nhau
  • Tích hợp các plugin khác
  • Theo dõi được biểu mẫu phân tích trên Analytics

Nhược điểm:

  • Email theo dõi – Có giới hạn đối với các email theo dõi trong lớp miễn phí của HubSpot.

Ngoài ra, nếu bạn muốn sử dụng tuỳ chọn nâng cao của HubSpot bạn có thể sử dụng gói trả phí từ $50/ tháng

3 Bloom

Bloom là một plugin trình tạo pop up WordPress có thể mang lại cho bạn một số tiền nếu bạn đã sử dụng một trong các chủ đề của họ cho doanh nghiệp nhỏ của mình.
Nó cho phép bạn xây dựng các biểu mẫu bật lên đẹp mắt ngay từ bảng điều khiển WordPress của bạn. Bloom cũng cung cấp một trang web demo tuyệt vời để kiểm tra nó.

Bloom plugin
Bloom plugin

Ưu điểm:

  • Có hơn 100 mẫu pop up có sẵn đa dạng
  • Bảng điều khiển WordPress với các báo cáo chi tiết về tỷ lệ chuyển đổi và hơn thế nữa
  • Đi kèm theme WordPress giúp bạn có thể tiết kiệm chi phí nếu bạn định sử dụng một chủ đề như Divi từ các chủ đề Elegant
  • Có thể chọn từ 6 loại hiển thị khác nhau như cửa sổ bật lên optin, cửa sổ đăng ký tùy chọn và các loại khác…

Nhược điểm:

  • Tốc độ sử dụng tuỳ chọn đăng ký email kém
  • Bloom trên các trang web WordPress có thể làm chậm chúng và ảnh hưởng đến hiệu suất và trải nghiệm người dùng
  • Không có tùy biến trực quan – Bạn sẽ cần nhấp vào nút xem trước để xem bất kỳ thay đổi nào bạn thực hiện đối với biểu mẫu của mình.
  • Thiếu các tính năng – Mặc dù cung cấp hầu hết các công cụ cơ bản, nhưng nó vẫn thiếu nhiều tính năng hữu ích mà OptinMonster cung cấp như trình kích hoạt mục đích thoát.
  • Bloom chỉ cung cấp các tùy chọn nhắm mục tiêu cơ bản tới người dùng

Nếu bạn đọc quan tâm đến những bài viết về website, WordPress…Và cách seo web bạn có thể tham khảo thêm dưới đây của Chungcuhanoivip nhé!

Rate this post
ĐĂNG KÝ