Thêm form đăng ký newsletter - Lightbox Flatsome 13.3.3

Nếu bạn có để ý thì tính năng newsletter có hiển thị trên trang demo của theme flatsome được tạo tự động với element “newsletter” trong Header. Truy cập vào Theme Options → Header và tìm element “newsletter”, kích hoạt nó trong khu vực header đang hoạt động và điều chỉnh cài đặt cho phù hợp.

Lightbox Flatsome - Thêm form đăng ký newslettere — Lightbox Flatsome – Thêm form đăng ký newsletter

Thêm thủ công newsletter

Bạn cũng có thể tạo form đăng ký newsletter theo cách thủ công, với menu kết hợp với shortcode [lightbox]. Để thực hiện ban làm theo các bước sau:

Tạo menu, trường URL sẽ là #newsletter-signup
Tại ô ‘CSS Classes’ điền class “icon-envelop“. Chú ý: nếu không thấy trường này, bạn có thể kích hoạt trong menu Screen Option

Bước tiếp theo, chúng ta sẽ cấu hình lightbox. Truy cập Theme Option → Header → Header & thêm đoạn mã sau vào phần ‘HTML After Header’

[lightbox id="newsletter-signup" padding="0px" width="600px"] [ux_banner bg="http://bgurl" height="400px" link="" animation="fadeInLeft" text_align="left" text_pos="left top" text_color="dark" text_width="40%"] <h3>Signup for our Newsletter!</h3> ____ [ninja_forms_display_form id=1] [/ux_banner] [/lightbox]

1
2
3
4
5
6
7
8

[lightbox id="newsletter-signup" padding="0px" width="600px"]
[ux_banner bg="http://bgurl" height="400px" link="" animation="fadeInLeft" text_align="left"
text_pos="left top" text_color="dark" text_width="40%"]
<h3>Signup for our Newsletter!</h3>
____
[ninja_forms_display_form id=1]
[/ux_banner]
[/lightbox]