Với WordPress, việc tạo popup rất đơn giản bởi có rất nhiều plugin hỗ trợ bạn làm việc này. Tuy nhiên, bạn chưa từng tạo popup lần nào nên không biết plugin tạo popup nào tốt giúp tạo popup đẹp và chuyện nghiệp?
Tại sao nên chọn plugin Layered Popups?
Mặc dù có rất nhiều plugin tạo popup miễn phí nhưng mình vẫn chọn plugin trả phí Layered Popups là bởi plugin này có rất nhiều điểm nổi bật và nó rất xứng đáng với số tiền bỏ ra.
Tạo popup với số lượng không giới hạn
Dễ dàng thiết kế mẫu popup tùy ý với các layer riêng
Hỗ trợ tạo các hiệu ứng động với CSS3 (cực kỳ kích thích người dùng hành động)
Có thể tạo các chiến dịch và chạy thử nghiệm với A/B Tests
Hỗ trợ tích hợp rất nhiều nhà cung cấp dịch vụ email marketing
Tích hợp rất nhiều mẫu poup mặc định giúp tạo poup nhanh và đẹp hơn
Hỗ trợ tốt với trang bán hàng dùng Woocommerce
Hỗ trợ hiển thị tốt trên mọi thiết bị (responsive)
Thiết lập hiển thị riêng trên từng bài viết, chuyên mục
Tracking được các hành động của người dùng đối với popup
Tối ưu JS/CSS giúp tải trang nhanh
Thực sự plugin này có rất nhiều tính năng hấp dẫn nhưng mình cũng chẳng dùng hết. Mình chỉ thích là nó hỗ trợ CSS3 để tạo hiệu ứng bắt mắt và dễ dàng tùy biến để tạo các dạng popup theo ý mình.
Hiện tại mình đang dùng plugin này cho chính blog Nguyễn Hùng và 1 blog nhỏ mình làm tiếp thị liên kết. Mình chỉ tạo popup đơn giản hướng người dùng nhắn tin với page Facebook để tương tác với chatbot và dùng để làm marketing.
Bạn có thể tham khảo mẫu popup mình đang dùng cho bài viết mã giảm giá Shopee ở đây. Với mẫu này 1 ngày mình có thể thu được hơn 1000 data inbox fanpage luôn đó.
Hướng dẫn tạo popup cho web với plugin Layered Popups
Đầu tiên, bạn cần cài đặt plugin Layered Popups vào web. Cài xong bạn sẽ thấy menu Layered Popups trong trang quản trị.
Thiết lập plugin Layered Popups
Trong đó:
Mailling Settings: Thiết lập thông tin gửi email. Sửa lại cho phù hợp với thông tin của bạn.
Miscellaneous: Thiết lập các mục linh tinh khác. Bạn có thể tìm hiểu và tùy chỉnh, với mình thì nên để nguyên.
reCAPTCHA Settings: Thiết lập reCaptcha để bật captcha chống spam cho form.
Popups Library: Bạn có thể xóa cache để reload lại thư viện popup xem có gì mới.
Item Purchase Code: Điền key bản quyền plugin để được hỗ trợ update tự động. Không điền key vẫn dùng được full chức năng.
Sau khi thiết lập xong nhớ ấn Lưu lại và chuyển sang tab Advanced để thiết lập các thành phần nâng cao cho plugin.
Trong đó:
Plugin Modules: Quản lý các module của plugin
Basic Modules: Bật tắt các module cơ bản như Social Buttons, Custom Fields, Subscribe with Social Media,…
Marketing Systems and Newsletters: Bật tắt các module về tiếp thị và email như Elastic Email, GetResponse, Jetpack, MailChimp, SendGrid,…
Extended email verification: Bật tắt các module mở rộng của hệ thống kiểm tra tính xác thực email người dùng nhập vào.
Các bước tạo popup với Layered Popups
Để tạo popup bạn sẽ có 3 hướng như sau:
Tạo popup mới hoàn toàn
Tạo popup bằng cách chỉnh sửa các popup mẫu có sẵn (truy cập vào menu Popup và chọn edit mẫu popup có sẵn)
Tạo popup bằng cách tải về từ thư viện của Layered Popups (truy cập vào menu Popups Library và xem mẫu nào ưng thì tải về và chỉnh sửa)
Ở đây, mình sẽ hướng dẫn bạn cách tạo popup mới hoàn toàn để từ đó bạn cũng sẽ biết cách chỉnh sửa lại các mẫu có sẵn.
Thiết lập tab General
Bạn thiết lập mục General Parameters với các thông số như trong hình.
Trong đó:
Để design mẫu popup bạn làm việc trong khung Popup Constructor
Bảng chứa các layer mở ra, bạn chọn các layer cần thiết để tạo popup của mình. Mỗi 1 layer sẽ có những thông số khác nhau nên bạn có thể tìm hiểu thêm khi chọn layer đó. Mình sẽ không phân tích chi tiết ở đây vì nó có rất nhiều thông số.
Thiết lập các thông số trong phần Native Form Parameters
Trong đó:
Sau khi thiết lập tab General xong nhớ ấn Lưu lại và chuyển sang tab tiếp theo.
Trong tab này sẽ thiết lập các email dùng để xác nhận đăng ký, thông báo, email chào mừng.
Đầu tiên, mục Double Opt-In Parameters là thiết lập email xác nhận đăng ký.
Trong đó:
Enable double opt-in: Tích vào để kích hoạt yêu cầu xác nhận đăng ký.
Subject: Tiêu đề email
Message: Nội dung email
Thanksgiving message: Tin nhắn thông báo xác nhận thành công
Thanksgiving URL: Nhận vào link redirect sau khi xác nhận thành công.
Các mục sau bạn cũng thiết lập tương tự
Admin Notification Parameters – Email thông báo thông tin người đăng ký mới
Welcome E-mail Parameters – Gửi email chào mừng tới người đăng ký
Giả sử mình chỉ kích hoạt hệ thống email marketing của Mailchimp thì ở đây sẽ có giao diện thiết lập như sau:
Trong đó:
Sau khi thiết lập xong hết bạn nhớ ấn Lưu lại. Và như vậy là bạn đã tạo popup cho web xong rồi đó. Tiếp theo, bạn cần thiết lập các điều kiện để kích hoạt popup trên web.
Thiết lập điều kiện hiển thị popup trên web
Trong đó:
Việc cấu hình mục tiêu hiển thị của các mục gần tương tự như nhau, chỉ khác 1 chút về điều kiện của từng mục nên bạn có thể dễ dàng thiết lập.
Trong đó:
Step 1: Select popups – Chọn popup cần hiển thị. Có thể chọn riêng cho từng thiết bị.
For desktops: Chọn mẫu popup hiển thị trên PC, laptop (có thể chọn None (disabled) để tắt popup trên desktop)
For mobile devices: Chọn mẫu popup hiển thị trên di động (có thể chọn None (disabled) để tắt hoặc chọn same as for desktop để hiển thị popup giống PC).
Step 2: How often? – Thiết lập mức độ hiển thị popup (mọi lúc, mỗi phiên, mỗi lần sau bao nhiều ngày,…)
Step 3: Set start delay – Thiết lập độ trễ hiển thị popup. Nhập vào số giây sau khi tải trang xong thì popup mới hiển thị.
Step 4: Set autoclose delay – Thiết lập thời gian trễ để tự động tắt popup. Thiết lập số giây sau khi hiển thị sẽ tự tắt popup hoặc để số 0 là popup sẽ không bị tắt.
Step 6: Select user roles – Thiết lập popup hiển thị cho người dùng nào. Để All user nếu muốn hiển thị popup cho tất cả mọi người.
Step 7: Where to display the popup? – Thiết lập nơi hiển thị popup (toàn trang, trang chủ, bài viết hoặc trang)
Sau khi thiết lập xong bạn nhớ ấn Lưu lại là xong.
Thiết lập A/B Test cho popup
Việc tạo chiến dịch A/B Test sẽ giúp bạn đánh giá được popup nào hiệu quả hơn, popup nào thu được nhiều data hơn.
Bạn đặt tên chiến dịch ở mục Title và chọn các Popups cần test sau đó ấn Save để lưu.
Như vậy bạn đã tạo chiến dịch A/B Test xong. Giờ để cho nó chạy 1 thời gian rồi bạn vào đọc các chỉ số và đánh giá xem popup nào hiệu quả.
Bảng thống kê hiện lên bạn đọc các chỉ số Impressions, Submits, CTR để so sánh và đánh giá xem mẫu popup nào hiệu quả hơn thì giữ lại.
Tải plugin Layered Popups miễn phí
Mình đã mua plugin này về để dùng cho các dự án của mình. Thấy nhiều bạn hỏi mình về plugin này nên tiện đây mình sẽ share miễn phí cho 300 bạn đầu tiên.
Tải ngay plugin Layered Popups mới nhất (version 6.64) Lời kết
Như vậy là toàn bộ bài viết này mình đã giới thiệu cho bạn cách tạo popup với plugin Layered Popups cực kỳ chi tiết rồi. Hi vọng rằng bạn đã hiểu được cách sử dụng plugin cũng như biết cách tạo popup cho web và biết cách so sánh đánh giá popup nào hiệu quả để có thể mang lại được lượng khách hàng tiềm năng cao nhất.