Mục lục

[Hướng dẫn] Tạo popup cho Website WordPress nhanh chóng 2024

Popup hay Pop-up là một hình thức quảng cáo trực tuyến và chiến lược Digital Marketing để quảng bá nội dung và sản phẩm trên website. Thay vì phải chi tiền quảng cáo cho từng mục quảng cáo thì chúng ta có thể sử dụng popups để tối ưu lượng truy cập trong chiến dịch.

Vậy làm thế nào để bạn có thể tự tạo popup cho website từ cơ bản đến nâng cao cho người không biết code, Hãy cùng ATPWEB tìm hiểu trong bài viết hướng dẫn này nhé!

Popup Là Gì?

Popup là khu vực hiển thị đồ họa giao diện người dùng (graphical user interface -GUI) có thể xuất hiện dưới dạng cửa sổ ở các kích thước và vị trí màn hình khác nhau trên giao diện trực quan của trang web, thường không cần đến sự cho phép của khách truy cập trang web. Chúng bật lên trên màn hình; đây là lý do tại sao chúng được gọi là “cửa sổ bật lên”.

  • Popup có thể có nhiều loại khác nhau, chẳng hạn như toàn màn hình, sidebar và biểu ngữ.
  • Popup thường được tạo bởi các trang web với mã JavaScript được chèn vào HTML của trang web.

Lợi ích khi dùng Popup

1 – Thu hút sự chú ý của mọi người

Vì Popup hiển thị khi bạn vừa truy cập vào một trang web, chúng rất tốt trong việc thu hút sự chú ý của người dùng. Thông thường, để Popup biến mất, bạn phải thoát ra hoặc nhấp vào Popup đó. Để đưa ra quyết định tắt đi này, người dùng phải xem xét thử họ có quan tâm đến những gì Popup đang cung cấp hay không. Điều đó có nghĩa là nhiều khả năng họ sẽ mất vài giây để đọc nội dung trên Popup đó.

2 – Có thể giúp cải thiện tỷ lệ chuyển đổi

Hầu hết các Popup sẽ quảng cáo một sản phẩm, dịch vụ cụ thể hoặc thậm chí giảm giá. Lấy ví dụ như hình ảnh ở trên, Sapporo đang quảng cáo Ưu đãi đặc biệt cho Bữa ăn của họ. Vì ưu đãi này có sẵn khi ai đó truy cập trang web, nên cơ hội nhận được nhiều chuyển đổi Ưu đãi đặc biệt cho Bữa ăn sẽ tăng lên.

Ví dụ cho popup của Sapporo
Ví dụ cho popup của Sapporo

3 – Có thể được tùy chỉnh dễ dàng

Điều thú vị về quảng cáo popup là chúng có thể được tùy chỉnh, giống như bạn tùy chỉnh một quảng cáo trên các trang web của mình. Điều này cho phép bạn cung cấp bất kỳ thứ gì phù hợp với nhu cầu của doanh nghiệp bạn. Dưới đây là một số ý tưởng về những gì một popup có thể được sử dụng để quảng cáo:

  • Các trang mạng xã hội
  • Đăng ký bản tin / email
  • Giảm giá / ưu đãi đặc biệt
  • Yêu cầu phản hồi
  • Trả lời các câu hỏi thường gặp
  • Giờ nghỉ lễ
  • Sản phẩm mới

4 – Giúp trưng bày thương hiệu của bạn

Vì popup có thể tùy chỉnh và chúng là thứ đầu tiên người dùng nhìn thấy, chúng là nơi tuyệt vời để đưa nội dung tốt nhất của bạn và thực sự giới thiệu thương hiệu của bạn – tất cả những gì doanh nghiệp của bạn nói. Thực sự nâng cao thương hiệu của bạn bằng cách giới thiệu các sản phẩm và điểm bán hàng tốt nhất của bạn.

Bạn cần chuẩn bị gì để tạo popup cho website

1. Giao diện website (theme)

Ở đây chuẩn bị theme website là bạn cần phải nắm rõ được giao diện hiện tại của bạn đã được hỗ trợ sẵn chưa, nếu chưa thì chúng ta cần sử dụng thêm cái gói mở rộng để có thể đơn giản hóa việc tạo popup cho website hơn

2. Nội dung

Bạn cần chuẩn bị kĩ càng nội dung để chiến dịch quảng cáo được thuận lợi hơn, không những thế khi bạn chuẩn bị nội dung kĩ càng và đầy đủ thì quá trình hoàn thiện tạo popup cho website sẽ dễ dàng và nhanh chóng hơn

3. Gói mở rộng (Plugin)

Plugin là gói mở rộng cho phép bạn thêm tính năng và chức năng mới vào trang wordpress của bạn, Nếu theme của bạn hiện tại chưa hỗ trợ việc thêm popup cho website thì bạn có thể tham khảo những plugin sau:

  • Popup Maker
  • Popup Builder
  • PopUp by Supsystic
  • Convert Plus
  • Ninja Popups
  • Bloom
  • OptinMonster
  • Elementor
  • WP Subscribe

Có rất nhiều plugin hỗ trợ việc tạo popup cho website, tuy nhiên để xếp về đơn giản và hỗ trợ nhiều Giao diện hay theme khác nhau thì Elementor đang được rất nhiều nhà phát triển sử dụng cũng như các chủ sở hữu website vì không cần phải code mà vẫn có thể làm ra những mẫu popup cho website đơn giản và đẹp mắt,

Hướng dẫn tạo popup cho website bằng Elementor

Bước 1 : Vào Bảng Tin

Bước 2: Chọn Template -> Popups

Nhấn vào Popups trong thẻ Template để tạo

Bước 3: Chọn Thêm mớiNhấn thêm mới để tạo Popup mới

Bước 4: Nhấn vào Tạo mẫu thiết kếTạo mẫu thiết kế Popup với template

Bước 5: Kéo thả nội dung vào Popup

Kéo - thả các nội dung bạn muốn vào Popup
Kéo – thả các nội dung bạn muốn vào Popup

Bước 6: Xuất bản

Nhấn xuất bản popup
Nhấn xuất bản popup

Setup điều kiện xuất hiện Popup

Chọn vị trí bạn muốn Popup xuất hiện
Chọn vị trí bạn muốn Popup xuất hiện

Chọn Add Condition để thêm trang/ nơi xuất hiện popup

  • Entire Site – Toàn bộ Website
  • Archives – Chỉ hiển thị ở chuyên mục/ danh mục sản phẩm hoặc của bài viết
  • Singular – Chỉ hiện thị ở 1 trang, 1 bài viết chỉ định

Chọn điều kiện kích hoạt Popup ( Triggers)

  • On Page Load – Kích hoạt sau khi vào trang được x giây
  • On Scroll – Kích hoạt khi cuộn trang lên hoặc xuống bao nhiêu %
  • On Scroll to Element – Kích hoạt khi cuộn trang đến một mục được chỉ định trên website ( Xác định bằng class*  )
  • On Click – Kích hoạt khi click chuột bao nhiêu lần vào vị trí bất kì
  • After Inactivity – Kích hoạt khi người dùng không thao tác, hành động trong x giây
  • On Page Exit Intent – Kích hoạt khi người dùng có ý định thoát trang

Cái đặt nâng cao ( Advanced Rules )

  • Show after X page views – Hiện thị sau khi xem trang bao nhiêu lần
  • Show after X sessions – Hiện thị khi lướt trang
  • Show up to X times – Số lần hiện thị popup
  • When arriving from specific URL – Hiện thị popup khi đến từ liên kết chỉ định
  • Show when arriving from – Hiện thị khi vào trang bằng công cụ tìm kiếm, liên kết bên ngoài, liên kết nội
  • Hide for logged in users – Ẩn đối với người dùng đã đăng nhập
  • Show on devices – Chọn thiết bị để hiển thị popup
  • Show on browsers – Chọn trình duyệt hiển thị

Tổng kết

Như vậy là bạn đã có thể tạo popup cho website một cách đơn giản và nhanh chóng rồi. Chú ý các yếu tố đem lại hiệu quả cho popup của bạn trước khi đi vào các bước thực hiện nhé. Chúc các bạn thành công!!!

ATPWEB – XÂY DỰNG NGÔI NHÀ ONLINE
Liên hệ:
Đánh giá bài viết post

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

LIÊN HỆ TƯ VẤN

Thiết Kế Web
BLOG
Đăng ký tư vấn
Thiết kế website
Đồng hành cùng ATP WEB

Đăng ký tư vấn Thiết kế website