Popup wordpress đơn giản, đầy đủ nhất

Popup wordpress không thể thiếu cho các chương trình khuyến mãi hoặc form đăng kí để lấy thông tin của khách hàng truy cập website.

Có kiểu popup như popup banner – hình ảnh, popup đăng kí và popup hình ảnh kèm form đăng ký.

I. Các cách tạo Popup wordpress

Có 2 cách tạo popup wordpress cho website đó là dùng Code dùng Plugin.

Ở đây mình hướng dẫn làm trực tiếp trên web mà không qua bên website trung gian nào cả như OptinMonster hay GetSiteControl và các website tương tự vì mình đã dùng thử và cảm giác web bị chậm hơn.

Dù là cách nào thì cách làm cũng rất cơ bản và dễ thực hiện, tuy nhiên nếu dùng plugin sẽ có ưu thế hơn khi chúng ta bàn giao website cho khách hàng thì họ dễ dàng tạo popup thông qua giao diện quản lý của plugin mà không phải sờ đến code hay web trung gian.

II. Tạo Popup banner cho web bằng code

Nếu bạn đơn thuần chỉ muốn tạo một Popup dạng banner hình ảnh thuần túy thì đây là giải pháp phù hợp nhất.

1. Lấy mã code hiển thị Popup

Đây là đoạn code độc lập, chỉ dùng các hàm cơ bản, copy paste đoạn mã vào header trước thẻ đóng </head> của website khi muốn hiển thị Popup.

Việc đơn giản là thay link ảnh và đổi đường dẫn trang đích khi nhấn vào Popup.

2. Cách chèn code popup vào wordpress

Sau khi copy đoạn mã code, chúng ta vào Giao diện → Sửa

Tại trình quản lý admin chọn Giao diện → Sửa

Tại cột File giao diện chọn file Đầu trang giao diện (header.php)

Chỉnh sửa file Header.php

Dán đoạn code trên trước dòng chứa thẻ đóng </head>

Bước cuối cùng: Thay đường dẫn hình ảnh và đường dẫn trang đich.

Thay đường dẫn hình ảnh và đường dẫn trang đích

Lưu lại và ra trang chủ xem thành quả.

Tạo Popup wordpress

Các bạn xóa cache hoặc xem trình ẩn danh để thấy Popup hiện ra nhé!

Cách này chỉ có thể làm Popup dạng hình ảnh đơn thuần, nếu muốn thêm tính năng thì các bạn nên dùng plugin sẽ nhanh hơn.

III. Tạo popup wordpress bằng Plugin

Dùng plugin là cách dễ nhất giúp chúng ta tạo các dạng Popup khác nhau.

Bài viết này mình sẽ hướng dẫn cho các bạn các plugin phù hợp với từng dạng Popup, và quan trọng là mình đã test kỹ đảm bảo dễ dùng và luôn hoạt động ổn định, luôn hiện popup nhé!

1. Plugin tạo Popup banner hình ảnh.

Cũng giống kiểu Popup phía trên, tuy nhiên cách này dành cho người không am hiểu code, hoặc đơn giản là bạn thích dùng plugin cho gọn lẹ.

Plugin “CM Pop-Up banners for WordPress”

Các bạn tải và cài đặt Plugin: CM Pop-Up banners for WordPress

Sau đấy kích hoạt Plugin lên:

Kích hoạt plugin

Tiếp theo, vào CM Pop-Up chọn Add New Campaign:

Tạo popup cho chiến dịch mới

Đặt tên cho chiến dịch, và thêm media để thêm hình ảnh banner popup

Đặt tên và thêm hình ảnh cho Popup

Để thêm đường dẫn trang đích khi nhấn vào banner, chúng ta click vào hình ảnh và thêm url (đường dẫn bài viết, hoặc trang bạn muốn dẫn khách hàng đến).

Click vào hình ảnh chọn hình chiếc bút

Thêm đường dẫn từ popup banner

Lưu lại và trở về giao diện thiết lập.

Tại phần thiết lập thông số hiển thị, chúng ta điền đúng kích thước hình ảnh đầy đủ như trên.

Chọn Popup và kích thước hình ảnh

**Lưu ý: Một số bạn bị dòng kẻ màu trắng trên dưới banner thì tại dòng background bạn để màu này cho mình nhé:#ffffff00

Cuối cùng là chọn trang bạn muốn cho popup hiển thị trên website của bạn.

Chọn nơi bạn muốn cho Popup xuất hiện

Lưu lại và xem kết quả (nên xóa cache hoặc xem trình ẩn danh nếu chưa thấy Popup).

Popup hình ảnh hiện ra rất mượt

Rất đơn giản phải không, tiếp theo chúng ta sẽ học cách làm Popup phức tạp hơn nhé.

2. Plugin tạo Popup form đăng kí, form liên hệ

Mình đã dùng thử các Plugin miễn phí nhưng rất khó chịu cái là giao diện rườm rà, khó xài, bị hạn chế tính năng nữa.

Do đó mình giới thiệu các bạn plugin Convert Plus là một plugin có phí nhưng mình chia sẻ free cho các bạn không có điều kiện (nếu cho nhu cầu thì ủng hộ tác giả tại codecanyon nhé.)

Mình đánh giá là dễ dùng và cực nhiều form mẫu, và hay nữa là chúng ta có thể cho popup xuất hiện tại nhiều vị trí trên website.

tạo popup wordpress

Rất nhiều form mẫu cho chúng ta lựa chọn

Tùy chỉnh vị trí xuất hiện Popup

Link download: TẠI ĐÂY

Cách “c.ờ-r.á.c.h” để dùng: (các bạn có thể vào hosting để sửa nhé)

Ghi chú ! Sau khi cài plugin các bạn vào sửa file theo đường dẫn này:

domain-của-bạn.com\wp-content\plugins\convertplug\admin\bsf-core\plugin-installer\index.php

Tìm dòng 175:

if((!$plugin->licence_require || $plugin->licence_require === ‘false’) || $status === ‘registered’) {

Sửa lại thành:

if(($plugin->licence_require || $plugin->licence_require === ‘true’) || $status !== ‘registered’) {

2.1.Hướng dẫn tạo popup form đăng kí bằng Convert Plus

Tại giao diện quản lý: Convert Plus =>  Slide In => Create New Slide In

chon “Create New Slide In” để tạo 1 popup mới

Có rất nhiều mẫu form cho popup xuất hiện (ae tha hồ mà lựa chọn nhé, mình rất kết các kiểu popup ở đây ^^)

Chọn form phù hợp và nhấn Use This

Chọn kiểu form bạn muốn và bấm “Use This”

Cột bên trái là tùy chỉnh màu sắc, thêm field, thêm ảnh… còn phía bên phải là view thực tế, các bạn có thể nhấn chuột trực tiếp vào để sửa nội dung luôn.

Giao diện thiết kế form cho popup

Các bạn xổ hết các tab để thiết lập nhé, toàn bộ chức năng cần cho Popup đều có ở các tab setting này. Các bạn nhớ lưu lại và xem kết quả nhé!

Sau 1 lúc chỉnh sửa thì mình đã hoàn thành một Form Popup như dưới:

Một Popup mình đã làm cho khách hàng

Mỗi khi có khách đăng kí chúng ta có thể vào: Convert Plus => Connects để xem thông tin.

List danh sách khách hàng đăng kí

2.2.Hướng dẫn nhận email thông báo đăng kí với Convert Plus

Nếu bạn muốn nhận thông tin khách đăng kí qua email có thể thiết lập như sau:

Tại trang quản lý chọn: Convert Plus => Dashboard => Modules => Advanced Settings.

Chọn cài đặt nâng cao trong plugin Convert Plus

Các bạn nhập email đã cài đặt SMTP (Nếu chưa hãy tìm đọc bài Hướng dẫn cài đặt SMTP nhé)

Cài đặt nhận thông báo đăng kí qua Email

Bây giờ mỗi khi có khách đăng kí qua Form popup thì thông tin khách sẽ được gửi vào email.

Như vậy là mình đã tổng hợp đầy đủ cho các bạn về tạo Popup cho WordPress, chúc các bạn thành công và đừng quên để lại ý kiến mình sẽ phản hồi cho các bạn!

Nếu thấy hay hãy like và share ủng hộ tinh thần để giúp mình viết các bài khác hay hơn nhé 🙂

Bình luận của bạn