Hướng dẫn sử dụng Plugin tạo Popup cho WordPress 2021

|

Plugin Popup WordPress là công cụ hỗ trợ quảng cáo không thể thiếu đối với những Website thương mại điện tử. Vậy Popup là gì? Cách tạo popup cho WordPress như thế nào và Plugin nào hỗ trợ tạo popup cho WordPress. Cùng ThemeNest đọc bài viết sau đây nhé!

Hướng dẫn sử dụng Plugin tạo Popup cho WordPress 2021
Hướng dẫn sử dụng Plugin tạo Popup cho WordPress 2021

Popup là gì?

Popup Là Gì?
Popup Là Gì?

Popup hiểu đơn giản là quảng cáo trên Webiste. Pop thường đi kèm với những trang website và thường xuất hiện khi mà người sử dụng tiến hành truy cập vào những trang website thông qua mạng Internet.

Mục đích chính của popup là điều hướng người dùng đến trang khác như: Trang khuyến mãi, thông báo, đăng ký hay gợi ý người dùng để lại thông tin.

Thông báo bằng popup gây được sự chú ý của người truy cập Website vì nó đè lên toàn bộ nội dung của Website.

Tại sao nên sử dụng Plugin tạo popup cho WordPress?

Tại Sao Cần Sử Dụng Plugin Slider WordPress
Tại Sao Cần Sử Dụng Plugin Slider WordPress

Những Popup khuyến mãi với thông tin hấp dẫn sẽ thôi thúc, tác động trực tiếp đến tâm lý mua hàng của người tiêu dùng từ đó cũng nâng cao được tỷ lệ chốt đơn.

Theo như nghiên cứu thì website sử dụng popup để quảng cáo có tỷ lệ chuyển đổi tốt hơn so với những phương pháp quảng cáo truyền thống.

  • Plugin tạo popup cho WordPress giúp doanh nghiệp thu về số lượng email của khách hàng cao hơn gấp 10 lần so với hành động đặt quảng cáo ở 2 thanh bên Website.
  • Pop dễ cài đặt, tương thích với nhiều thiết bị và Website khác nhau.

Cách tạo Popup trong WordPress

Cách Tạo Popup Trong WordPress
Cách Tạo Popup Trong WordPress

Hướng dẫn tạo Popup cho Website với Plugin Green Popups

Đầu tiên bạn cần cài đặt Plugin Green Popups vào website. Sau khi cài xong thì bạn sẽ menu Layered Popups ở trang quản trị.

Thiết lập plugin Green Popups

  1. Bạn truy cập vào menu Green PopupsSettings (Cài đặt) để thiết lập cho Plugin. Tại tab General bạn sẽ thấy như sau:
Tổng Quan Thiết Lập Plugin Green Popups
Tổng Quan Thiết Lập Plugin Green Popups

Trong đó:

  • Mailling Settings (Cài đặt gửi thư): 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 (Điều khoản khác): Thiết lập điều khoản 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): Thiết lập reCaptcha để bật captcha chống spam cho form.
  • Popups Library (Thư viện Popup): Bạn có thể xóa cache để reload lại thư viện popup xem có gì mới.
  • Item Purchase Code (Mã mua hàng): Đ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 bạn điền xong thì nhớ “Lưu“.

  1. Chuyển sang tab “Advanced” (Nâng cao) để thiết lập những thành phần nâng cao cho Plugin.
Cài đặt Nâng Cao Plugin Green Popups
Cài đặt Nâng Cao Plugin Green Popups

Trong đó:

  • Plugin Modules: Quản lý các module của plugin
    • Basic Modules (Module cơ bản): Bật tắt các module cơ bản như Social Buttons, Custom Fields, Subscribe with Social Media,…
    • Marketing Systems and Newsletters (Hệ thống Marketing và thư điện tử): Bật tắt các module về tiếp thị và email như Elastic Email, GetResponse, Jetpack, MailChimp, SendGrid,…
    • Extended email verification (Xác minh email mở rộng): 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.
  • Miscellaneous (Điều khoản khác): Thiết lập một số tùy chọn nâng cao.

Các bước tạo popup với plugin Green Popups

Để tạo Popup thì bạn có 3 lựa chọn:

  • 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 Popups 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 Green 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).

Dưới đây, ThemeNest hướng dẫn cách tạo popup mới hoàn toàn để từ đó bạn cũng biết cách chỉnh sửa lại những mẫu sẵn.

Bạn Truy cập menu Green PopupsCreate popup.

Thiết lập tab General

  1. Bạn thiết lập mục “General” Parameters với các thông số như trong hình.
Tạo Popup Với Plugin Green Popups
Tạo Popup Với Plugin Green Popups

Trong đó:

  • Title: Đặt tên cho popup.
  • Basic size: Thiết lập kích thước dài, rộng cho popup.
  • Position: Chọn vị trí cho popup khi hiển thị trên trang.
  • Disable overlay: Tích chọn nếu muốn tắt lớp phủ bên ngoài popup.
  • Overlay color: Chọn màu lớp phủ bên ngoài popup.
  • Overlay opacity: Thiết lập độ mờ của màu phủ (0 là trong suốt, 1 là đổ màu đậm).
  • Overlay animation: Chọn hiệu ứng chuyển động của lớp phủ.
  • AJAX-spinner: Chọn biểu tượng chờ load popup.
  • Extended closing: Tích chọn nếu muốn ấn phím ESC hoặc click ra ngoài popup sẽ tắt popup đi.
  • Extended submission: Tích chọn nếu muốn người dùng ấn phím Enter để gửi form.
  1. Để thiết kế popup ở trong khung popup Contructor. Tạo layer mới bạn click vào “Add layer“.
Tạo Popup Mới Với Plugin Green Popups
Tạo Popup Mới Với Plugin Green Popups

Khi đó chứa những layer mở ra, bạn chọn những layer cần thiết để tạo Popup của mình. Mỗi Layer sẽ có những thông số khác nhau.

Thiết Lập Các Thông Số Trong Phần Native Form Parameters
Thiết Lập Các Thông Số Trong Phần Native Form Parameters

Dưới đây là phần thông số số trong phần “Native Form Parameters

Thiết Lập Các Thông Số Chi Tiết Trong Phần Native Form Parameters
Thiết Lập Các Thông Số Chi Tiết Trong Phần Native Form Parameters

Trong đó:

  • “Name” field placeholder: Việt hóa nội dung của layer Name Field ở phần tạo popup.
  • “Phone number” field placeholder: Việt hóa nội dung của layer Phone Field.
  • “Phone number” length: Thiết lập độ dài của số điện thoại (ví dụ 10 số).
  • “Message” text area placeholder: Việt hóa nội dung của layer Messeage Field.
  • “E-mail” field placeholder: Việt hóa nội dung của layer E-mail Field.
  • “Submit” button label: Đặt tên cho nút gửi.
  • “Loading” button label: Chữ hiển thị trong thời gian chờ gửi form.
  • Button color: Chọn màu của nút
  • Button size: Kích thước nút. Tích vào nếu muốn kích thước thừa hưởng từ layer.
  • Button border radius: Thiết lập bo góc cho viền của nút.
  • Button CSS: Thêm CSS tùy chỉnh cho nút
  • Button:hover CSS: Thêm CSS tùy chỉnh cho nút khi di chuột vào.
  • Input field border color: Thiết lập màu viền của Form.
  • Input field border width: Thiết lập chiều rộng của viền Form.
  • Input field border radius: Thiết lập bo góc cho viền Form.
  • Input field background color: Thiết lập màu nền cho Form.
  • Input field background opacity: Thiết lập độ trong suốt cho màu nền Form
  • Input field CSS: Tùy chỉnh CSS cho Form.
  • Autoclose delay: Đặt thời gian từ tắt Popup sau khi gửi Form.
  • Redirect URL: Thiết lập đường dẫn redirect sau khi gửi Form nếu muốn.
  • Thanksgiving popup: Thiết lập popup cảm ơn (nếu muốn).
  • Cookie lifetime: Thiết lập số ngày lưu cookie của Popup.

Sau khi bạn thiết lập xong thì nhấn “Lưu lại“.

Thiết lập tab Mailing

Thiết lập mục này với trường hợp bạn thu thập Email. Nếu như chỉ tạo Popup banner quảng cáo thì không cần.

Đầu tiên, mục “Double Opt-In Parameters” là thiết lập email xác nhận đăng ký.

Thiết Lập Tab Mailing Với Plugin Green Popups
Thiết Lập Tab Mailing Với Plugin Green Popups

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.

Thiết lập điều kiện hiển thị 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 PopupsTargeting sẽ thấy các thiết lập như sau:

Thiết Lập điều Kiện Hiển Thị Popup Trên Web
Thiết Lập điều Kiện Hiển Thị Popup Trên Web

Trong đó:

  • OnLoad: Hiển thị popup khi tải trang xong.
  • OnSroll: Hiển thị popup khi cuộn chuột xuống.
  • OnExit: Hiển thị popup khi có hành động thoát khỏi trang web (khi người dùng di chuột lên cạnh trên cùng của cửa sổ trình duyệt).
  • OnInactivity: Hiển thị popup khi người dùng không hành động trên trang web (người dùng không di chuột, không ấn nút, không chạm vào màn hình).
  • OnAdblockDetected: Hiển thị popup nếu trình duyệt được cài và bật ứng dụng chặn quảng cáo.
  • ContentStart(inline): Hiển thị ở đầu nội dung bài viết dưới dạng inline (không phải popup).
  • ContentEnd(inline): Hiện thị ở cuối nội dung bài viết dưới dạng inline.

Sau khi thiết lập từng mục xog thì bạn nhấn “Lưu” là xong.

Hướng dẫn tạo Popup Form với plugin Popup Maker trên WordPress

  1. Bạn truy câp vào trang quản trị WordPress, chọn “Cài mới“.
Cài đặt Plugin Mới
Cài đặt Plugin Mới

Bạn gõ “Popup Maker“. Một cửa sổ Popup Maker hiện ra và bấm vào “Cài đặt“→ “Kích hoạt“.

Cài đặt Plugin Popup Maker
Cài đặt Plugin Popup Maker
  1. Vào Form liên hệ → Tạo form mới
Tạo Form Mới Với Plugin Popup Maker
Tạo Form Mới Với Plugin Popup Maker
  1. Điền các thông tin cần thiết mà mình muốn tạo vào.
Điền Các Thông Tin Cần Thiết Vào Form
Điền Các Thông Tin Cần Thiết Vào Form
  1. Sau đó lấy đoạn Shortcode sinh ra ở phía trên để lúc sau sẽ sử dụng.
Lấy đoạn Shortcode Trong Form
Lấy đoạn Shortcode Trong Form
  1. Vào Popup MakerPopup Themes
Chọn Popup Themes Trong Popup Maker
Chọn Popup Themes Trong Popup Maker
  1. Đây là các dạng Popup sẽ xuất hiện sau khi bấm vào nút “Submit“. Ở đây mình chọn “Default Theme“. Bấm vào để chỉnh sửa Popup theo mong muốn.
Thiết Lập Giao Diện Riêng Từng Popup
Thiết Lập Giao Diện Riêng Từng Popup

Overlay Settings: Điều chỉnh màu sắc và độ mờ của Overlay, (Overlay là phần hiển thị đằng sau popup).

Điều Chỉnh Màu Sắc Và độ Mờ Của Overlay
Điều Chỉnh Màu Sắc Và độ Mờ Của Overlay

Container Settings: Thiết lập khu vực bên trong popup.

Thiết Lập Khu Vực Bên Trong Popup
Thiết Lập Khu Vực Bên Trong Popup

Drop Shadow: Thiết lập inset trong Shadow box.

Thiết Lập Inset Trong Shadow Box
Thiết Lập Inset Trong Shadow Box

Title Settings: Điều chỉnh tiêu đề (màu sắc, cỡ chữ…)

Điều Chỉnh Tiêu đề Popup
Điều Chỉnh Tiêu đề Popup

Text Shadow: Tạo hiệu ứng đổ bóng cho văn bản trong popup.

Tạo Hiệu ứng đổ Bóng Cho Văn Bản Trong Popup
Tạo Hiệu ứng đổ Bóng Cho Văn Bản Trong Popup

Content Settings: Cài đặt phần nội dung popup.

Cài đặt Phần Nội Dung Popup
Cài đặt Phần Nội Dung Popup

Close Settings: Thiết lập nút đóng popup.

Thiết Lập Nút đóng Popup
Thiết Lập Nút đóng Popup

Border: Điều chỉnh thanh trượt của popup.

Điều Chỉnh Thanh Trượt Của Popup
Điều Chỉnh Thanh Trượt Của Popup
  1. Vào “Add Popup” để tạo một Popup mới.
Vào Add Popup để Tạo Một Popup Mới
Vào Add Popup để Tạo Một Popup Mới
  1. Tạo WPBakery Page Builder chọn TextBlock. Trong đây là nơi bạn sẽ nhập phần shortcode ở bước 4 → “Save changes“.

Để tạo một Trigger đơn giản, kéo xuống dưới cùng ở trang Popup đang tạo (ở bước trên) → Bấm TriggersAdd New Trigger.

Tạo Một Trigger đơn Giản
Tạo Một Trigger đơn Giản

Hai loại Trigger của Popup là:

  • Click Open: bấm vào vị trí xác định và sẽ bật ra Popup.
  • Time Delay/Auto Open: Popup tự động bật ra sau một thời gian được chỉ định.
Hai Loại Trigger Của Popup
Hai Loại Trigger Của Popup

Display: Bạn bấm vào Appearance lựa chọn dạng theme lúc đầu đã tạo ở mục Popup Themes.

Lựa Chọn Dạng Theme Lúc đầu đã Tạo ở Mục Popup Themes
Lựa Chọn Dạng Theme Lúc đầu đã Tạo ở Mục Popup Themes

Tùy Chỉnh Kích Thước Popup

Tùy Chỉnh Kích Thước Popup
Tùy Chỉnh Kích Thước Popup

Tùy Chỉnh Amination Trong Popup

Tùy Chỉnh Amination Trong Popup
Tùy Chỉnh Amination Trong Popup

Tùy Chỉnh Vị Trí Popup

Tùy Chỉnh Vị Trí Popup
Tùy Chỉnh Vị Trí Popup

Cài đặt Nâng Cao Popup

Cài đặt Nâng Cao Popup
Cài đặt Nâng Cao Popup

Sau đó bạn nhấn vào “Cập nhật“.

Cập Nhật Popup WordPress
Cập Nhật Popup WordPress

Như thế là bạn tạo xong Popup WordPress.

Top Plugin Popup cho WordPress tốt nhất

Top Plugin Popup Cho WordPress Tốt Nhất
Top Plugin Popup Cho WordPress Tốt Nhất

Hiện tại, có nhiều Plugin Popup WordPress hỗ trợ quảng cáo trên Website hiệu quả. Dưới đây ThemeNest sẽ giới thiệu bạn một số Plugin hay nhất.

Convert Plus

Sử dụng Convert Plus bạn sẽ nắm được mục tiêu chi tiết để định hình Popup. Để sử dụng Plugin này thì bạn cần cung cấp những phương thức kích hoạt như: thời gian, ý định thoát trang, khởi chạy nội dung…

Những tính năng của Plugin này đó là:

  • Convert Plus có đầy đủ các tính năng nổi bật, hỗ trợ nhiều mục đích tạo Popup như: đăng ký email, khuyến mãi,…
  • Những cửa số Plugin WordPress Convert Plus có thể xuất hiện ở nhiều vị trí khác nhau trên trang tùy vào sự sắp xếp của bạn.
  • Hơn 100 mẫu popup sẵn hỗ trợ thiết kế.

Giá: ConverPlus: 24$; Convert Pro: 99$.

Link: https://www.convertplug.com/plus/

Popup addon for Ninja Forms

Những tính năng của Plugin Popup addon for Ninja Forms khi tạo Popup WordPress:

  • Hơn 74 hiệu ứng hoạt hình tùy chọn cho người dùng. Bên cạnh đó, nếu như mà người bắt đầu thì bạn cũng có thể tham khảo 73 mẫu quảng cáo, Form có sẵn hoặc sáng tạo.
  • Có tích hợp với Google Analytic giúp cho khách hàng dễ dàng theo dõi, phân tích những số liệu hành vi người tiêu dùng.

Link tải: https://wordpress.org/plugins/popup-addon-for-ninja-forms/

Popup Addon For Ninja Forms
Popup Addon For Ninja Forms

Bloom

Bloom là Pluign popup WordPress trả phí cho phép người dùng tạo những popup để khách hàng đăng ký, nhận thông tin, thông báo… qua email của họ. Đây chính là một trong những Plugin tăng tỷ lệ chuyển đổi trên website thương mại điện tử nhất hiện nay.

Những tính năng nổi bật như sau:

  • Hơn 100 mẫu Form thiết kế rất đẹp với chế độ tùy chỉnh linh hoạt.
  • Tính năng Automatic Opt-In Fly-Ins: Hiển thị các vị trí khác nha.
  • Require Opt-In To Unlock Conten: Bắt buộc khách hàng điền đầy đủ thông tin mới đọc được nội dung.
  • Hỗ trợ doanh nghiệm kiểm tra và quản lý hoạt động của popup.

Link tải: https://www.elegantthemes.com/plugins/bloom/

Plugin Bloom
Plugin Bloom

OptinMonster

OptinMonster là một trong các Plugin WordPress tốt nhất hiện nay bởi các tính năng nổi bật như:

  • Sử dụng công nghệ exit-intent nhằm phát hiện ý định thoát trang của người dùng dể kích hoạt những cửa số quảng cáo lên kịp thời nhằm giữ chân khách hàng.
  • Tích hợp công nghệ giám sát hành vì thông minh để chuyển đổi khách hàng truy cập website thành những khách hàng tiềm năng thông qua việc đăng ký nhận email.
  • Hỗ trợ những website thương mại điện tử giảm tỷ lệ khách rời bỏ giỏ hàng trước khi thanh toán.

Link tải: https://vi.wordpress.org/plugins/optinmonster/

Wordpress Popups For Marketing And Email Newsletters, Lead Generation And Conversions By Optinmonster
WordPress Popups For Marketing And Email Newsletters, Lead Generation And Conversions By Optinmonster

Elementor Pro

Nhờ tính năng ưu việt thì Elementor Pro hiện đang là Plugin WordPress phổ biến có hơn 1.000.000 lượt tải xuống. Những ưu điểm:

  • Hơn 100 mẫu popup với thiết kế đẹp, đa dạng thuộc nhiều chủ đề cho phép doanh nghiệp tùy ý chỉnh sửa theo mục đích.
  • Elementor Pro cũng có các chức năng hỗ trợ thiết kế đối với khách hàng muốn tự thiết kế.
  • Thiế kế nhiều nội dung đa dạng như: Form email, Form điền thông tin, mẫu liên hệ, đồng hồ đếm ngược, khuyến mãi… Những popup có thể xuất hiện ở nhiều vị trí như thanh thông báo trên dưới, phủ toàn màn hình…

Link tải: https://elementor.com/pro/

Plugin Elementor Pro
Plugin Elementor Pro

Layered Popups

Những tính năng của Plugin Layered Popups:

  • Plugin WordPress Layered Popups có số lượng mẫu sẵn hơn 200.
  • Cho phép bạn dễ dàng biến những popup mẫ thành những popup độc đáo theo phong cách riêng.
  • Layered Popups cho phép cho Website nhúng những biểu mẫu đăng nhập của WordPress vào những Popup.

Link tải: https://layeredpopups.com/

Plugin Layered Popups
Plugin Layered Popups

Popups, Welcome Bar, Optins and Lead Generation Plugin – Icegram

Những tính năng của Plugin Icegram khi tạo Popup WordPress:

  • Kho mẫu popup đa dạng.
  • Bên cạnh gói trả phí có nhiều tính năng nổi bật thì bản plugin popups WordPress Icegram miễn phí cũng đủ để người dùng có thể thiết kế những popup thu hút với các chức năng phổ biến.
  • Kích hoạt được thời gian để hiển thị popup trong phiên bản miễn phí.

Link: https://vi.wordpress.org/plugins/icegram/

Plugin Icegram
Plugin Icegram

Popup Maker

Popup Maker là một trong những plugin Popup WordPress được cài đặt nhiều nhất hiện nay. Nhiều tính năng được cấp miễn phí, dễ sử dụng và điều chỉnh linh hoạt.

Những tính năng của Plugin:

  • Popup Maker nổi bật với tính năng biên tập quảng cáo độc đáo.
  • Cho phép bạn tạo popup trên mọi trang website với chế độ tùy chỉnh linh hoạt, cùng những kiểu hiển thị đa dạng như: thông báo, thanh banner,…
  • Thoải mái sáng tạo popup tùy mục đích.
  • Tích hợp sẵn với những nền tảng Email Marketing nổi tiếng và hiệu quả như: AWeber, Mailchimp, GetResponse,…

Link tải: https://vi.wordpress.org/plugins/popup-maker/

Plugin Popup Maker
Plugin Popup Maker

WP Subscribe Pro

WP Subscribe Pro là một Pugin Popup WordPress được sáng lập bởi MyThemeShop. Trong đó, phiên bản trả phí có nhiều chức năng cải tiến như:

  • Dễ dàng tùy chỉnh những popup với ngôn ngữ lập trình CSS.
  • Giao diện trực quan, dễ điều chỉnh, thiết kế và không cần viết code.
  • Thân thiện với mọi thiết bị và loại màn hình.
  • Tích hợp Shortcode cho phép chèn popup vào bất kỳ vị trí nào trên Website.
  • Hỗ trợ Email Marketing cho doanh nghiệp.
  • Tạo những Popup với hình thức đăng ký linh hoạt.

Link tải: https://vi.wordpress.org/plugins/wp-subscribe/

Plugin Wp Subscribe Pro
Plugin Wp Subscribe Pro

Bài viết trên đây ThemeNest giới thiệu xong tạo Popup cho WordPress và Plugin Popup WordPress. Nếu như bạn có thắc mắc gì thì hãy comment ở dưới để ThemeNest hỗ trợ nhé!

Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với ThemeNest thông qua các kênh sau:

  • Hotline: 0902 170 180
  • Email: sales@themenest.vn

ThemeNest hiện đang có chương trình khuyến mãi dành cho khách hàng mua theme wordpress. ThemeNest sẽ hỗ trợ quý khách 24/24 với chất lượng theme tốt nhất!

Có tất cả 0 bình luận

Trả lời

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 *

0902 170 180