[Flatsome] Thêm form đăng ký newsletter

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.

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:

1. Tạo menu, trường URL sẽ là #newsletter-signup
2. 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]

Ví dụ trên, mình dùng ninja forms Bạn cũng có thể tạo form liên hệ trong WordPress với contact form 7.

Nếu bạn thích bài viết này, hãy ủng hộ chúng tôi bằng cách đăng ký nhận bài viết mới ở bên dưới và đừng quên chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể theo dõi blog này trên Twitter và Facebook