thứ nhất cài đặt và kích hoạt plugin Popup Maker lên

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

Bước 2: vào ô tìm gói mở rộng… → gõ Popup Maker. 1 Cửa sổ Popup Maker hiện ra và bấm vào trong 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 những tin tức quan trọng mà mình hi vọng tạo vào bên trong. Nếu các 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 tin tức liên hệ trên WordPress với Contact Form 7” → Lưu

Bước 5: Sau đó lấy đoạn shortcode sinh ra tại vừa rồi để lúc sau sẽ dùng

Bước 6: vào bên trong Popup Maker → Popup Themes

Bước 7: Đây là những dạng Popup sẽ hình thành sau khi bấm vào nút submit. Tại đây mình lựa chọn Default Theme. Bấm vào bên trong để chỉnh sửa chữa Popup theo mong muốn

• Overlay Settings: Điều chỉnh màu sắc & độ 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 bài viết popup
• Close Settings: Thiết lập nút đóng popup

Bước 8: vào trong 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 lựa 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: tại phần Popup settings có 4 mục để bạn còn tùy chỉnh

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

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