Hướng dẫn tạo Popup Form với plugin Popup Maker trên WordPress

Đầu tiên cài đặt và kích hoạt plugin Popup Maker lên

Bước 1: Vào Gói mở rộng → Cài mới

Bước 2: Vào ô Tìm kiếm gói mở rộng… → gõ Popup Maker. Một cửa sổ Popup Maker hiện ra và bấm vào Cài đặt → Kích hoạt

Bước 3: Vào Form liên hệ → Tạo form mới

Bước 4: Điền các thông tin cần thiết mà mình muốn tạo vào. Nếu bạn nào chưa biết cách tạo Form nhập thông tin liên hệ thì có thể xem lại bài “Hướng dẫn tạo Form nhập thông tin liên hệ trên WordPress với Contact Form 7” → Lưu

Bước 5: Sau đó lấy đoạn shortcode sinh ra ở phía trên để lúc sau sẽ sử dụng

Bước 6: Vào Popup Maker → Popup Themes

Bước 7: Đây là các dạng Popup sẽ xuất hiện sau khi bấm vào nút submit. Ở đây mình chọn Default Theme. Bấm vào để chỉnh sửa Popup theo mong muốn

• Overlay Settings: Điều chỉnh màu sắc và độ mờ của Overlay, (Overlay là phần hiển thị đằng sau popup)
• Container Settings: Thiết lập khu vực bên trong popup
• Border: Điều chỉnh thanh trượt của popup
• Drop Shadow: Thiết lập inset trong Shadow box
• Title Settings: Điều chỉnh tiêu đề (màu sắc, cỡ chữ…)
• Text Shadow: Tạo hiệu ứng đổ bóng cho văn bản trong popup
• Content Settings: Cài đặt phần nội dung popup
• Close Settings: Thiết lập nút đóng popup

Bước 8: Vào Add Popup để tạo một Popup mới

Điền tên Popup và tiêu đề Popup

Bước 9: Tạo WPBakery Page Builder chọn TextBlock. Trong đây là nơi bạn sẽ nhập phần shortcode lúc nãy đã tạo ở trên → Save changes

Bước 10: Ở phần Popup settings có 4 mục để bạn tùy chỉnh

• Trigger: Bạn bấm vào Add New Cookie và chọn Contact Form 7 Success. Lấy cái shortcode ở cột Name copy di chuyển đến nút button mà bạn muốn tạo khi nhấn vào sẽ ra Popup

• Display: Bạn bấm vào Appearance lựa chọn dạng theme lúc đầu đã tạo ở mục Popup Themes. Còn các mục Size, Amination, Possition, Advanced để bạn tùy chỉnh các kích thước, hiệu ứng khác → Cập nhật