Bizweb hướng dẫn cách tạo popup cho website năm 2024
Bạn muốn tạo popup cho website WordPress để hiển thị banner quảng cáo, form thu thập email hay dẫn khách vào chatbot Facebook Messenger? Muốn làm được như vậy bạn phải biết cách tạo popup thật đẹp để kích thích khách hàng hành động. 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? Bài viết này mình sẽ giới thiệu và hướng dẫn cho bạn cách tạo popup cho website chuyên nghiệp với plugin Layered Popups (hiện tại đã đổi tên thành plugin Green Popups nên nội dung bên dưới mình sẽ sử dụng tên Green Popups) . Đây là plugin trả phí mà mình thấy nó rất đáng đồng tiền để sở hữu. Vì sao ư? Xem các thông tin mình giới thiệu ở dưới đây nha. 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í Green 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.
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 đó. OK. Nếu bạn thích plugin này rồi thì dưới đây mình sẽ hướng dẫn bạn sử dụng plugin Green Popups để tạo popup cho website WordPress. Đầu tiên, bạn cần cài đặt plugin Green Popups vào web. Cài xong bạn sẽ thấy menu Layered Popups trong trang quản trị. Trước hết, hãy truy cập menu Green Popups -> Settings để thiết lập cho plugin. Tại tab General bạn sẽ thấy như sau: Trong đó:
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 đó:
Để tạo popup bạn sẽ có 3 hướng như sau:
Ở đâ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. Bước 1: Truy cập menu Green Popups -> Create popup bạn sẽ thấy giao diện trang thiết lập popup như sau. 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 Với plugin Layered Popups chúng ta sẽ tạo popup bằng cách thiết kết từ các layer giống như trong Photoshop vậy. Để tạo layer mới bạn click vào Add layer. 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. Thiết lập tab Mailing Lưu ý: Chỉ phải thiết lập tab này nếu popup bạn tạo chứ form thu thập email. Nếu chỉ tạo popup banner quảng cáo thì không cần. 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 đó:
Các mục sau bạn cũng thiết lập tương tự
Thiết lập tab Integration Lưu ý: Chỉ thiết lập tab này nếu popup bạn tạo chứ form đăng ký email. Nếu chỉ tạo popup banner quảng cáo thì bỏ qua. Ngoài ra, bạn cũng cần phải bật các module hệ thống marketing ở phần cài đặt mình hướng dẫn ở trên thì mới có các thiết lập của hệ thống đó ở đây. 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 bạn truy cập menu Green Popups -> Targeting sẽ thấy các thiết lập như sau: 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. Ở đây, mình chỉ thiết lập mẫu 1 mục để hướng dẫn. Với các mục khác bạn làm tương tự, nếu có chỗ nào chưa rõ hãy đặt câu hỏi ở khung bình luận mình sẽ giải thích cho nhé. Ví dụ: Mình sẽ tạo popup hiển thị ngay khi người dùng tải trang xong. Mình sẽ chọn mục OnLoad và click vào Create để tạo mới mục tiêu. Một cửa sổ thiết lập được mở ra, tại đây bạn sẽ cần thiết lập các thông số cho phù hợp với mục đích tạo popup của mình. Trong đó:
Sau khi thiết lập xong bạn nhớ ấn Lưu lại là xong. Khi nào muốn tắt popup tạm thời bạn chỉ việc click giữ chuột và kéo popup thả xuống phần Passive Targets. Muốn bật lại thì lại kéo thả popup đó lên phần Active Targets. 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. Để tạo chiến dịch A/B Test bạn truy cập menu Green Popups -> Create Campains sẽ thấy giao diện như bên dưới. 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ả. Để xem báo cáo hiệu quả chiến dịch A/B Test bạn vào menu Green Popups -> A/B Campains sẽ thấy như sau. Tại đây, bạn click vào icon Statistics để mở bảng báo cáo. 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. Hình ảnh này mình vừa tạo nên chưa có thông số hiển thị để đánh giáHiện tại plugin Green Popups đang được bán trên chợ Codecanyon với giá là 21$ (gần 500K). Nếu bạn muốn mua trực tiếp để ủng hộ tác giả và nhận key kích hoạt cho riêng mình thì có thể đặt mua plugin ở đây. 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 Green Popups mới nhất Bản này mình chỉ share plugin và không share key đâu nhé. Bạn cài đặt lên web dùng bình thường và không cần dùng key kích hoạt. Tuy nhiên, bạn sẽ không được update tự động đâu nhé. 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 Green 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. Bạn đã sử dụng plugin Green Popups cho web theo hướng dẫn của mình chưa? Bạn thấy bài viết có hữu ích không? Hãy để lại ý kiến ở mục bình luận cho mình biết nhé. Nếu thấy bài viết hữu ích hãy like và share ủng hộ tinh thần cho mình ngay đi nào. |