25/02/2017

Tạo Popup thông báo cho website bằng Getsitecontrol

17:46

Hướng dẫn Tạo Popup thông báo cho website

Để tăng doanh số bán hàng, tăng lượng người đọc Blog, hoặc đơn giản chỉ là thu thập email theo dõi của người truy cập ?
Muốn hiển thị Popup Khuyến mại ?
Muốn tăng lượng người theo dõi bài viết mới ?
Getsitecontrol
Bạn không biết code ?
Bạn không muốn bỏ tiền ra để thuê code hoặc mua dịch vụ Popup ?
Đơn giản thôi, em sẽ hướng dẫn các bác tạo Popup Miễn Phí bằng Getsitecontrol

Nhà bác thấy cái Popup xanh xanh vừa hiện ra chưa ? bài này chúng ta sẽ học cách làm Popup (cửa sổ) thông báo cho website cực đơn giản, quan trọng: Không cần biết code !!!
Getsitecontrol là một phần mềm ứng dụng của GetWebCraft Limited, nước Cộng hòa Síp (Nicosia) - thấy nó giới thiệu thế =))
Getsitecontrol tương thích mọi mã nguồn web (CMS) đặc biệt dễ làm với: Wordpress, Blogger, Drupal,... hoặc các mã nguồn cũ như ASP.net, Joomla,...

Ưu điểm

- Load cực nhanh
- Dễ cài đặt, không ảnh hưởng tốc độ website
- Nhiều tùy biến, chọn cài đặt thoải mái
- Không cần biết code
- MIỄN PHÍ với mỗi tài khoản được 1 website
Nó có tài khoản trả phí, nhưng tạm thời thì em nghĩ dùng gói Free là đủ rồi.

Nhược điểm

- Do là gói Free nên tạm thời không edit được background
- Không thực hiện thêm được full chức năng
- Chỉ hoạt động cho 1 website (muốn nhiều web bác phải trả phí)

Hướng dẫn chi tiết

Bước 1 Đăng ký 1 tài khoản: Click ĐÂY


Hoàn thiện đăng ký, nhớ điền tên website bạn định chạy Popup nhé


Bước 2 Quan trọng đấy nhé

- Copy đoạn code Script nó cho, Paste vào website bạn. Vấn đề là Paste vào đâu ???
Lưu ý: Đừng nhấn  Check Code  vội nhé!!!


1. Nếu web bác là Wordpress thì chỉ việc Download Plugin về, cài vào.
Sau khi cài Plugin (xóa cache nếu có dùng) -> nhấn  Check Code  như hình trên
Done! Vậy là bác có thể chờ xem tiếp bước sau.

2. Nếu web là Blogger thực hiện theo 3 bước sau nhé


Rồi, giờ nhấn Lưu mẫu và tiếp tục -> nhấn   Check Code  màu xanh như hình trên

3. Nếu web là một ngôn ngữ hay mã nguồn nào khác, bạn phải vào Hosting để tìm file index.html. Nếu bạn không rành việc này. Hãy nhờ người có chuyên môn làm nhé.
Nếu tìm được file index.html thì thực hiện paste đoạn Script vào trước thẻ đóng </body> như hình với Blogger trên.
Sau đó nhớ Lưu lại và cũng nhấn   Check Code  màu xanh như hình trên!!

Tóm lại, sau khi nhấn   Check Code  mà nó hiện thông báo Intalled là OK rồi!


Bước 3 Thiết lập các Popup và cài đặt hiển thị trên web bạn

Mình sẽ hướng dẫn 2 Widgets đầu, các Widgets sau các bạn tự tìm hiểu
Lưu ý: Chỉ có Contact Widgets hoạt động tốt với tài khoản Free
Hoặc các Widgets vẫn hoạt động nhưng mình chưa Liên kết với email nên không rõ. Cứ tạm thời thử nghiệm với Contact Widgets đã. Các cái khác tự khám phá sau!!

Thực hiện theo ảnh sau: Widgets -> Contact

Tiếp theo các bác sẽ thấy

1.  Appearance 
  • Position: Dạng hiển thị Popup (Đủ kiểu- cứ nhấn thử từng cái sẽ hiểu ngay)
  • Colors: màu sắc, tùy bạn lựa chọn (đừng chọn lòe loẹt, nên chọn giống màu web bạn)
  • Font: Phông chữ - nên giữ nguyên vì font này rất đẹp rồi!
  • Animation: Hiệu ứng hiển thị, chọn thử thì biết. Nó thay đổi demo trực tiếp

2.   Content  
  • Title: Tiêu đề popup. VD: Nhận ngay khuyến mại, Đăng ký,...
  • Description: Mô tả ngắn
  • Add field: Tạo tab mới
  • Button text: Chữ của nút. VD: Gửi, Send, Nhận ngay,...

3.  Success page  : Thông báo sau khi khách điền vào mẫu, nhấn GỬI
  • Title: Xác nhận gửi thành công
  • Description: Mô tả ngắn

4.  Behavior : Hiệu chỉnh để tránh làm phiền khách truy cập

Start to display the widget: Cài đặt kiểu hiển thị
  • at once: Vào web cái là hiển thị popup ngay - Không nên chọn
  • under the following conditions: Cài đặt theo
  • when the user is leaving the website: khi khách thoát khỏi page - Không nên chọn
  • when the user reaches   100%   of the page: Hiện Popup khi kéo xem đến cuối web
  • after   60   seconds: Hiện Popup sau 60 giây view page - Nên chọn ít nhất 60s
  • programmatically: Tùy chọn riêng - - Không nên chọn
Frequency: Tùy chỉnh tần số hiển thị
  • on every page view: Trên mọi page, mọi lần xem, kể cả F5 - Không nên chọn
  • not more than once every      per user: Nên để sau 4 phút lại hiển thị lại
Stop to display the widge: Không hiển thị Popup nữa khi
  • never: Không bao giờ bỏ - Không nên chọn
  • under the following conditions: Lựa chọn
  • after the user performs the action: Sau khi người xem tắt đi - Không nên chọn
  • after showing it  3  times to the user: Sau khi người xem tắt đi 3 lần

Date: Lên lịch thời gian hiển thị, khi nào cho nó hiện, ngày nào tắt nó đi
Cái này chỉ áp dụng cho Popup Chương trình khuyến mại nào đó. Trong những ngày Khuyến mại thì hiện lên, hết khuyến mại thì tự động nó không hiện nữa - Tùy các bác nhé.

5.  Targeting : Tùy chọn URL nào mà nó hiển thị
Có thể chọn từng url hay một nhóm url thuộc 1 Danh mục nào đó.
Em dùng tính năng này cho việc hiển thị Popup bài viết này đấy =)))
  • Show on: Chỉ hiển thị Popup trên url này
  • Don't show on: Không Popup hiển thị trên url này
Who should see this widget? Ai sẽ thấy Popup của bạn
  • all visitors: Tất cả khách truy cập - Nên chọn
Các lựa chọn khác nên để tự động như Getsitecontrol cài sẵn!!


Riêng phần điền URL, có chút lưu ý nhỏ cho các bác:
Nếu muốn Popup chỉ hiển thị (show on) với 1 url: điền y nguyên đuôi url đó vào
Nếu muốn Popup chỉ hiển thị (show on) với 1 nhóm url, thì chỉ điền đầu url Danh mục.
Với "Don't show on" cũng làm tương tự.

VD: Muốn các bài viết thuộc Danh mục 2017/02 sẽ được hiển thị Popup
**Thì sẽ chỉ điền phần: *2017/02/ vào thôi
*Tất cả các bài viết khác, trong url không chứa 2017/02 sẽ không được hiển thị Popup

Rồi, giờ nhấn OK phía dưới và   Activate now  

Bước 4 Cuối cùng và Quan trọng nhất

Bác cần Đăng ký 1 tài khoản của một trong những dịch vụ sau, cái nào cũng được:
Sau khi lập tài khoản, VD của MailChimp thì Connect với Getsitecontrol nhé.
Nó báo như hình dưới là được


F5 web bác và chờ đúng thời gian như Setup để xem (^.^)
Điền thông tin thử và check Email của bác, tận hưởng thành quả nhé.
Nếu muốn dùng nhiều tính năng hơn, các bác trả phí cho nó nhé =)))) Hay lắm!!

Hot hot: Mã giảm giá 10% khi thanh toán (nếu dùng trả phí): THANKS10

Những tiện ích mà tài khoản trả phí có được!! tuyệt vời

Bài hướng dẫn hơi dài nhưng khi thực hiện xong, các bác sẽ thấy thỏa mãn đấy.
Chúc các bác thành công!

Written by

"Hãy chia sẻ những điều bạn biết, bất cứ khi nào có thể. Xin hãy cứ cho đi đừng tính toán bạn sẽ nhận được gì..."

 

© 2013 AZ Backlink. All rights resevered. Designed by Templateism

Back To Top