Tạo Popup trong Elementor khi thiết kế WordPress

Mở cửa sổ bật lên bằng liên kết văn bản

  1. Tạo cửa sổ bật lên của bạn trong trình tạo Elementor Tìm hiểu thêm tại đây
  2. Điều hướng đến Cài đặt cửa sổ bật lên bằng cách nhấp vào biểu tượng bánh răng ở góc dưới
  3. Trong Tab Nâng cao> Mở Bằng Bộ chọn, tạo mã ngắn liên kết kích hoạt neo (ví dụ a[href="#link-popup"]🙂
  4. Đặt Điều kiện Hiển thị để Bao gồm> Toàn bộ Trang web
  5. Áp dụng liên kết này ở bất kỳ đâu trên trang web của bạn bằng cách liên kết đến liên kết kích hoạt neo (ví dụ: # link-popup)

Tài nguyên mẫu

tao popup trong elementor khi thiet ke wordpress 1096
tao popup trong elementor khi thiet ke wordpress 1096 1
tao popup trong elementor khi thiet ke wordpress 1096 2

Mở cửa sổ bật lên theo liên kết menu

  1. Tạo cửa sổ bật lên của bạn trong trình tạo Elementor Tìm hiểu thêm tại đây
  2. Điều hướng đến Cài đặt cửa sổ bật lên bằng cách nhấp vào biểu tượng bánh răng ở góc dưới
  3. Trong Tab Nâng cao> Mở Bằng Bộ chọn, tạo liên kết cố định ID CSS (ví dụ: .menu-popup)
  4. Đặt Điều kiện Hiển thị để Bao gồm> Toàn bộ Trang web
  5. Trong Giao diện> Menu tạo một Liên kết tùy chỉnh
  6. Gán URL là “#” và đặt tên cho liên kết của bạn
  7. Trong các lớp CSS, hãy nhập ID giống như bộ chọn Cửa sổ bật lên của bạn mà không có dấu “.” (ví dụ: menu-popup)

Tài nguyên mẫu

tao popup trong elementor khi thiet ke wordpress 1096 3
tao popup trong elementor khi thiet ke wordpress 1096 4