Tạo popup cho website WordPress với Popup Maker

Chức năng Popup thường được dùng khi hiển thị một Form liên hệ trên website. Đối với WordPress một Plugin tên Popup Maker có thể làm được điều đó. Nhờ nó bạn sẽ tạo popup form cho Contact Form 7, Ninja Form, WPForms… hay bất cứ một plugin liên hệ.

Hướng dẫn tạo Popup Form trong WordPress 

Popup Maker khi sử dụng bạn sẽ chèn vào một liên kết. Sau đó click vào link popup sẽ nảy lên trên màn hình. Sau đây sẽ là từng bước tạo popup cho WordPress đơn giản:

Tải plugin tại đây.

Các bước thực hiện:

Sau khi cài xong bạn làm như sau

Bước 1: Ấn vào Create Popup tại cột Menu bên trái

popup-maker

Bước 2: Điền thông tin như trong hình

Mình sẽ chèn Shortcode của Contact Form 7 vào

popup-maker-1

Bước 3: Kéo xuống dưới để cài đặt

Ở đây bạn sẽ tùy chỉnh Form theo ý thích của mình. Toàn tiếng Anh thôi nên bạn nên dùng Google dịch để hiểu rõ hơn.

popup-maker-2

Ấn vào Triggers => Chọn Click Open

popup-maker-3

Ấn vào Add => Thêm Id hoặc Class

popup-maker-4

Chèn Popup vào Menu

popup-maker-5

Chèn Popup vào một liên kết bất kỳ

Nhấp vào All Popups

popup-maker-6

Lấy Class đưa vào trong HTML như sau:

<span class="popmake-9130">Liên hệ ngay với chúng tôi</span>

Popup tự động bật lên khi load trang

Dạng này sẽ nẩy Popup lên khi có một người nào đó ghé thăm trang web của bạn.

popup-maker-7

Tích vào ô Prevent popup from showing to visitor again using a cookie? nghĩa là sẽ không hiện Popup khi người dùng sử dụng Cookie.

Cài đặt thời gian lưu trữ Cookie

popup-maker-8

Ấn vào biểu tượng chiếc bút để sửa thời gian lưu Cookie

popup-maker-9

Cài đặt thời gian hết hạn với các giá trị

  • seconds
  • minute(s)
  • hour(s)
  • day(s)
  • month(s)
  • year(s)

Ở đây mình sẽ đặt thời gian là 24 hours. Có nghĩa là Popup chỉ hiển thị 1 lần duy nhất sau khi hết 24h mới hiển thị lần tiếp theo cho một người dùng.

Với Plugin này bạn đã có thể tạo nên một Form liên hệ nhanh chóng. Nếu bạn không muốn dùng Plugin thì nên tham khảo thêm bài Hướng dẫn tạo Popup bằng JavaScript. Với cách này sẽ làm website nhẹ hơn. Tuy nhiên bạn cần am hiểu một chút về ngôn ngữ lập trình JavaScript.

Hãy để lại bình luận:

Mình rất vui khi bạn đã để lại một bình luận. Xin lưu ý rằng tất cả các bình luận đều được kiểm duyệt theo chính sách bảo mật và tất cả các liên kết đều là nofollow. KHÔNG sử dụng từ khóa trong trường tên. Hãy để lại một cuộc trò chuyện cá nhân và ý nghĩa. *