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

Thống kê bài viết

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]

CÓ THỂ BẠN QUAN TÂM

Host TinoHost Ưu đãi lên đến 99% trọn đời dịch vụ Hosting và VPS 09/2023
Black Friday 2021 tại TinoHost: Lifetime, giảm đến 99%, tặng 100% thời gian sử dụng 09/2023
Hiện thị mô tả acf cho danh mục categories blog 09/2023
Share icon box liên hệ đẹp cho theme Flatsome 09/2023
Theme Flatsome mới nhất Flatsome 3.17.0 09/2023
WP Content Crawler 1.11.0 việt hóa Content Crawler full 09/2023