Contact Form 7 là plugin tạo form vô cùng mạnh mẽ và được cài mặc định của WP. Mình cũng hay tận dụng Contact Form để tạo form nhập liệu cho khách nhập thông tin liên hệ, khách nhập sđt yêu cầu gọi lại… Nói chung là rất hay. Ở bài này xin hướng dẫn bạn tạo hiệu ứng Popup cho Contact Form 7 dùng FancyBox
Khi sử dụng nó sẽ như thế này: 
Easy FancyBox Các bạn có thể tại trực tiếp từ trang chủ WP, hoặc vào phần Plugin/Cài mới rồi tìm tên, các bạn cài đặt và kích hoạt xong rồi làm như bên dưới để sử dụng nhé (đọc giải thích ở cuối bài là hiểu)
Nếu bạn chèn vào code PHP thì dùng đoạn mã này:
|
1 2 3 4 5 6 |
<a href="#form_kiemtra" class="fancybox">Click để liên hệ</a> <div style="display:none" class="fancybox-hidden"> <div id="form_kiemtra"> <?php echo do_shortcode('[contact-form-7 id="01" title="liên hệ với ad kiemtra.net"]') ?> </div> </div> |
Còn nếu bạn chèn vào code HTML thì dùng:
|
1 2 3 4 5 6 |
<a href="#form_kiemtra" class="fancybox">Click để liên hệ</a> <div style="display:none" class="fancybox-hidden"> <div id="form_kiemtra"> [*contact-form-7 id="01" title="liên hệ với ad kiemtra.net"] </div> </div> |
Chú ý phần Code bạn có thể nhìn và hiểu, ta đặt Contact Form trong thẻ <div> với id là “form_kiemtra”, sau đó khi muốn gọi form popup lên thì thì ta dẫn link #form_kiemtra là được.
Leave a Reply