Tạo Popup cho Contact Form 7 Đẹp Xịn Xò Không Cần Plugin

Bài viết này chỉ dành cho các sếp sử dụng theme Flatsome.

Contact Form 7 là một plugin tạo form cực kỳ ấn tượng mà cả đống form trả phí cũng phải chắp tay chịu thua và không sánh được. Tuy nhiên, việc tuỳ biến Contact Form 7 rất dễ nhưng cũng rất khó nếu bạn là người chưa chuyên khi sử dụng. Trong bài viết này mình sẽ hướng dẫn các bạn tạo popup hiển thị form mà không cài bất kỳ plugin nào và rất dễ dàng.

Bạn có thể xem demo tại đây: http://luugia.webdep.live/

Tại bảng điều khiển các bạn chọn Flatsome => Advanced => Global Setting và chèn đoạn code bên dưới vào ô FOOTER SCRIPTS.

	
			
	
	

Bỏ dấu chấm đằng sau chữ block [block. id=”header”]

id=”newsletter-signup-link”: đường dẫn đến form.
width=”750px”: chiều rộng của form.
padding=”0px”: Padding form.
[block. id=”header”]: shortcode Ux Blocks chứa nội dung form.

Chèn code dưới đây vào vị trí bất kỳ để hiển thị form, bạn cũng có thể tự thêm css để nút xuất hiện trông thẩm mỹ hơn.

<div class="header-button"><a href="#newsletter-signup-link" class="tooltip icon primary button round is-small tooltipstered"><i class="icon-envelop"></i> <span class="header-newsletter-title hide-for-medium"> NHẬN BÁO GIÁ </span> </a></div>

Trả lời

Email của bạn sẽ không được hiển thị công khai.

0966698996