Cách tạo Popup quảng cáo WordPress với GetSiteControl

Để tạo popup quảng cáo cho WordPress, bạn có thể sử dụng plugin Popup Maker hoặc Getsitecontrol.

Trong khuôn khổ bài viết này, mình sẽ hướng dẫn tạo popup quảng cáo với GetSiteControl

Bước 1. Truy cập vào GetSiteControl.com

và bấm vào Sign Up

themevi-tao-popup-quang-cao1-min

Bước 2. Điền email

và bấm Sign up with Email

themevi-tao-popup-quang-cao2-min

Bước 3. Điền tên và mật khẩu

Điền tên (không dấu), mật khẩu, và website sẽ cài Popup. Và nhớ đừng đánh dấu vào Send me the…. sau đó bấm Continue

themevi-tao-popup-quang-cao3-min

Bước 4. Dán mã popup vào website

Bấm chuột vào Copy to Clipboard để sao chép đoạn mã. Sau đó chèn vào trước thẻ </body> trong file Footer.php

Tìm trong Appereance (Giao diện) > Editor (Sửa) > Footer.php

themevi-tao-popup-quang-cao4-min

Bạn sẽ có như hình

themevi-tao-popup-quang-cao5-min

Bạn cũng có thể chèn qua plugin Insert Headers and Footers theo hướng dẫn này (nhớ chèn vào Scripts in Footers nhé)

Bước 5. Xác nhận

Bấm vào Check Code như hình phía trên để GetSiteControl kiểm tra code đã hoạt động chưa

themevi-tao-popup-quang-cao4-min

Và nếu nó báo như này là ổn rồi đấy

themevi-tao-popup-quang-cao6-min

Bước 6. Bắt đầu tạo Popup quảng cáo

Sau khi bấm vào OK, bạn sẽ được dẫn tới. Bấm tiếp vào Create Widget > chọn Subscribe

GetSiteControl cho phép tạo nhiều loại Popup như:

  • Popup liên hệ: Contact – với 2 trường Email và lời nhắn
  • Popup thông báo: Promo – với mô tả và nút dẫn tới liên kết khác
  • Popup khảo sát – Survey – cho phép tạo nhiều câu hỏi khảo sát
  • Popup mạng xã hội – Follow – Thanh công cụ với các mạng xã hội phổ biến
  • Livechat – Chat – Tính năng chat online

themevi-tao-popup-quang-cao7-min

Bước 7. Cài đặt Popup quảng cáo

Sau khi đã tạo Subscribe, bạn sẽ được dẫn tới phần cài đặt Popup bao gồm nhiều tùy chọn như Appearance, Content, Sucess Page, Behavior, Targeting, Integrations,…

Appereance – Cài đặt giao diện Popup

  • Position: 9 vị trí hiển thị popup, giữa màn hình, góc dưới bên trái, góc dưới bên phải, phía trên, phía dưới, bên trái, bên phải, góc dưới bên trái và bên phải nhưng cách bên dưới 1 khoảng bao nhiêu Pixel đó.
  • Color: Màu sắc Popup gồm màu nền (Background) – Màu chữ (Text) – Màu nền nút (Button) – Màu chữ nút (Button Text)
  • Font: font chữ, hỗ trợ một số font chính thôi. Inherit là sử dụng font chữ mặc định của website
  • Animation: hiệu ứng chuyển động cho popup. Với mỗi vị trí hiển thị popup, sẽ có một số hiệu ứng khác nhau
  • Mobile Button Position: vị trí hiển thị popup trên điện thoại

Nhìn bên phải bạn sẽ thấy hình ảnh xem trước của Popup sau khi cài đặt.

  • Full size Preview: xem trước popup trên máy tính
  • Icon điện thoại (bên trái): xem trước popup trên điện thoại

Thiết lập xong xuôi thì bấm tab Content

themevi-tao-popup-quang-cao8-min

Tab Content giúp bạn thay đổi nội dung của Popup

Bên phải sẽ có phần xem trước, nên dù bạn không đọc hiểu Tiếng Anh, bạn vẫn đoán được nó là cái gì.

  • Title: tên của popup, dòng chữ sẽ hiển thị ở ngay đầu popup
  • Description: dòng mô tả
  • Input Fields: hỗ trợ hai trường là Email và Tên.
  • Button Text: tên nút
  • Note: dòng ghi chú bên dưới

Trường Text bạn có thể ghi thành Số điện thoại, tất nhiên nếu người dùng nhập vào không phải số thì popup không thể giúp bạn phát hiện được, vì mặc định nó là trường Text mà 😀

themevi-tao-popup-quang-cao9-min

và đây là hình ảnh khi mình điền thông tin như trên

themevi-tao-popup-quang-cao10-min

Tab Success Page

Cho phép cài đặt hành động sau khi người dùng bấm vào nút Subscribe

  • Title: tên
  • Description: mô tả
  • Final Action: Hành động sau khi bấm nút Subscribe ở Popup trước
  • None: Không làm gì hết, chỉ hiện dòng Title và Description (như hình dưới)
  • Close widget: Tắt popup
  • Redirect to URL: Chuyển hướng tới một liên kết do bạn cài đặt

themevi-tao-popup-quang-cao12-min

Tab Behavior

Start to display widget: điều kiện để hiển thị popup

  • at once: xuất hiện khi vào web
  • when the user is leaving the website: khi người đọc thoát website
  • when the user reaches… of the page: khi người đọc xem được bao nhiêu % đó của trang, bài viết
  • after …. seconds: sau bao nhiêu giây đó từ lúc vào web
  • programmatically: khi người đọc thực hiện hành động nào đó. Bấm vào rồi bấm tiếp Learn More để tìm hiểu thêm.

Frequency: tần xuất hiển thị popup

  • on every page view: trên mọi trang mà người đọc mở
  • not more than once every…… per user: xuất hiện không nhiều hơn X lần trong Y ngày/giờ/phút

Stop to display the widget: ngừng hiển thị popup khi

  • Never: không bao giờ, hiển thị liên tục
  • after the user performs the action: sau khi người đọc thực hiện hành động
  • after showing it … times to the user: sau khi xuất hiện X lần

Date: ngày xuất hiện và ngày ngừng hiển thị popup

Time: tương tự, nhưng là theo giờ, và có thể thiết lập chỉ hiển thị ở múi giờ nào

Days of the week: và chỉ hiển thị widget trong những ngày nào

 

themevi-tao-popup-quang-cao13-min

Lưu ý: Điều kiện nào có chữ PLUS là phải trả phí nhé 😛

Targeting

  • Show on..: hiển thị popup ở toàn web, hay chỉ ở trang nào, hoặc không hiển thị ở trang nào
  • Who should see this widget?: ai sẽ thấy popup này.
  • All visitors: tất cả mọi người vào web
  • Visitors who meet the condition below: người đọc đáp ứng các điều kiện sau (chỉ dành cho bản trả phí)

themevi-tao-popup-quang-cao14-min

Integrations

  • Enable email notifications: kích hoạt nhận thông báo qua email
  • Email: địa chỉ email
  • Frequency: tần xuất nhận thông báo
  • Instant Notification: khi có người đăng ký vào popup
  • Daily: hàng ngày
  • Weekly: hàng tuần

bên phải có phần liên kết với các email marketing phổ biến.

themevi-tao-popup-quang-cao15-min

Bấm vào OK để lưu toàn bộ cài đặt Popup

Bước 8. Kích hoạt Popup

Bấm vào Activate như hình để kích hoạt hiển thị Popup trên website

themevi-tao-popup-quang-cao16-min

Nếu bạn muốn sửa Popup thì bấm vào Edit, xem trước thì Preview, xem thống kê là Statistics, hoặc tải danh sách những người đã đăng ký là Download subscribers.

themevi-tao-popup-quang-cao17-min

Bước 9. Xem thành quả

Mở website và xem thành quả nhé.

themevi-tao-popup-quang-cao18-min

Và còn rất nhiều tính năng nữa, bạn hãy tự khám phá thêm nhé. Hi vọng qua bài hướng dẫn trên, bạn sẽ tự tay tạo popup quảng cáo cho WordPress ngon lành.