Hướng dẫn tạo popup hiển thị sự kiện lên website WordPress

Huong-dan-tao-popup-su-kien-bang-hinh-anh-trum-thiet-ke-web-34

Bạn đang muốn làm mới website của bạn vào dịp tết hay sự kiện của bạn bằng một tấm thiệp hình ảnh lên website WordPress nhưng chưa biết phải làm sao. Bài viết này sẽ giúp bạn làm điều đó một cách đơn giản và nhanh chóng.

Các tính năng nổi bật mà plugin này mang lại:

Plugin Popup Marker này có tiềm năng vô hạn mà không có hạn chế.

Đơn giản là có quá nhiều tính năng để liệt kê ở đây! Nhưng chúng ta sẽ bắt đầu với:

  1. Trượt các cửa sổ bật lên, Thanh biểu ngữ, Cửa sổ bật lên dính nổi, Cửa sổ bật lên thông báo, Cửa sổ bật lên màn hình, Hộp đèn video, và tất nhiên, Cửa sổ bật lên chọn tham gia.
  2. Cửa sổ bật lên của chúng tôi hỗ trợ các plugin xây dựng biểu mẫu phổ biến nhất hiện có: Biểu mẫu Ninja, Biểu mẫu trọng lực, Biểu mẫu liên hệ (contact form 7) và hơn thế nữa.
  3. Chúng tôi hỗ trợ thực tế mọi hình thức xây dựng danh sách, bao gồm nhưng không giới hạn ở: MailChimp, AWeber, InfusionSoft, GetResponse, Constant Contact, Mail Poet, Mad Mimi, Hubspot và Emma.
  4. Tất cả các cửa sổ bật lên của chúng tôi là cửa sổ bật lên đáp ứng.
  5. Sử dụng Trình chỉnh sửa Popup độc đáo của chúng tôi để xây dựng bất kỳ nội dung nào bạn có thể tưởng tượng bên trong cửa sổ bật lên của chúng tôi, cộng với kiểm soát kích thước cửa sổ bật lên, vị trí, hoạt hình và hơn thế nữa.
  6. Điều kiện cho phép bạn nhắm mục tiêu chính xác những người sẽ (và sẽ không) nhìn thấy cửa sổ bật lên của bạn. Nhắm mục tiêu bất kỳ nội dung WordPress như: bài viết, trang và hơn 26  kiểu nữa!
    Chúng tôi đã bao gồm các điều kiện cụ thể cho các plugin phổ biến như WooC Commerce.
  7. Xác định tần suất người dùng nhìn thấy cửa sổ bật lên của bạn bằng Cookies và chỉnh sửa cách tạo cookie bằng Sự kiện tạo cookie.
  8. Nhấp vào Kích hoạt cho phép bạn kích hoạt cửa sổ bật lên khi nhấp vào các mục menu, thanh bên, nút, hình ảnh hoặc bất kỳ nội dung nào khác trên trang web của bạn. Chúng tôi có nhiều phương pháp khác nhau cho phép bạn tích hợp các kích hoạt nhấp chuột của chúng tôi với gần như bất kỳ plugin hoặc chủ đề nào.
  9. Auto Open Triggers cho phép bạn đặt độ trễ theo thời gian , sau đó cửa sổ bật lên sẽ hiển thị theo sở thích của bạn.
  10. Một loạt các tùy chọn để tùy chỉnh giao diện cửa sổ bật lên của bạn bằng Trình chỉnh sửa chủ đề độc đáo của chúng tôi . Thay đổi màu sắc, bóng, phông chữ, paddings, và nhiều, nhiều hơn nữa.
    Theo dõi thống kê: Popup Mở số lượng.

Với những điều tuyệt vời trên thì tại sao chúng ta không sử dụng ngay nào?

Đầu tiên bạn hãy truy cập vào trang quản trị website của bạn và tìm đến menu Plugin nhấp vào đó và bấm nút Cài mới ở phía trên

Sau đó gõ vào ô tìm kiếm bên phải “Popup Maker” và cài đặt plugin như hình dưới

Dợi khi cài đặt xong bạn bấm nút Kích hoạt để sử dụng plugin

Bây giờ bạn về trang quản trị lại và vào menu Popup Maker

Tiếp tục mở menu con Popup Themes

Bấm nút Add Popup Theme để thêm mới 1 giao diện cho popup

Nhập tên popup và ô tô đỏ bên dưới

Bây giờ thiết lập hiển thị cho popup, bạn đổi màu nền bên ngoài popup ở ô Color trong mục Overlay Settings và xem nó hiển thị như thế nào ở khung màu đỏ bên phải, đó là ô xem trước Theme của bạn.

Để nền có độ trong suốt thì bạn thay đổi giá trị ở thanh trượt Opacity ngay bên dưới ô chọn màu (thông thường mình để ở mức 75%)

Mục Container Settings cho phép bạn thay đổi cách hiển thị bên trong popup, khoản cách lề (Padding), màu nền popup (Background), độ trong suốt nền (Opacity)

Thay đổi màu nền ổ ô Color

Thay đổi độ bo tròn góc ở ô Radius

Thay đổi kiểu đường viền ở ô Style

Thay đổi độ rộng đường viền ở ô Thickness

Bỏ đổ bóng popup bằng cách chọn No ở ô Inset

Ở mục Title settings bạn có thể thay đổi màu chữ tiêu đề (Color), kích thước (Size), độ cao của đòng chữ (Line Height), phông chữ (Family), căn dòng (Align)

Mục Close Settings bạn nhập từ hiển thị ở nút đóng popup

thay đổi màu chữ nút Close popup

Đổi màu nền nút Close popup

Và bây giờ bạn bấm nút Đăng bên phải để lưu lại

Đến đây bạn quay lại trang quản trị và vào menu Popup Maker sau đó bấm nút Add Popup bên trên để tạo mới popup

Bạn nhập tên popup ở ô trên và bấm nút Thêm Media để tải hình ảnh thiệp của bạn lên, sau đó bấm Đăng để lưu lại.

Đến bước này popup của bạn vẫn chưa hiển thị đâu, hãy tiếp tục các bước sau.

Bạn kéo xuống bên dưới ô nhập nội dung tìm phần Popup Settings và bấm vào menu Triggers rồi chọn nút Add New Trigger bên phải

Một hộp thoại hiển thị bạn chọn Time Delay/ Auto Open để cho popup tự động mở khi truy cập website của bạn.

Và ở menu Targeting bạn chọn các trang bạn muốn hiển thị popup, ở đây mình cho hiển thị chỉ trang chủ nên chọn Home Page

Tiếp tục ở menu Display mục Appearance và chọn Theme bạn tạo ở đầu bài viết

Bạn sang phần Size trong Display và chọn Auto ở mục size

Mục Animation bạn chọn các kiểu xuất hiện thị popup như hình dưới.

Mục Position bạn chọn Middle Center để popup hiển thị giữa màn hình

Giờ bạn sang menu Close và nhập tên cho nút đóng popup

Cũng trong menu Close bạn chọn tiếp mục Alternate Methods và tích chọn vào 3 ô dưới

Bây giờ bạn xem lại website của bạn nó xuất hiện popup rồi đấy, chúc mừng bạn đã hiển thị được popup cho website của mình.

VIDEO THAM KHẢO CÁCH THỰC HIỆN TẠO POPUP CHO WORDPRESS

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 *