Để thêm Popup tự động hiện ra khi khách vào web 1 khoảng thời gian nào đó, chúng ta có thể làm theo cách sau:
Các bạn vào Flatsome – Advanced – Global Setting – Footer , và thêm đoạn code sau vào:
[lightbox auto_open="true" auto_timer="3000" auto_show="always" id="popup-dang-ky" width="600px" padding="20px"]<img src="https://webkhoinghiep.net/anh.jpg" /> [/lightbox]
Trong đó:
auto_open=”true” : Thông số này là true và Popup sẽ tự động mở . false thì popup sẽ không tự động mở.
auto_show=”always” : Thông số này có 2 giá trị là “always” và “once” . “always” thì popup sẽ luôn luôn hiện mỗi khi vào web. “once” sẽ chỉ hiện lần đầu tiên khi vào web, các lần sau khách quay lại sẽ không hiện.
auto_timer=”3000″ : Popup sẽ hiển thị sau 3 giây. Bạn có thể thay đổi thông số theo ý muốn.
<imsg src=””> : Chỗ này các bạn thay lại thành ảnh các bạn muốn chèn
Để thêm Form nhận thông tin vào popup, các bạn thay shortcode của contact form vào chỗ <img src> là được. Ví dụ:
[lightbox auto_open="true" auto_timer="3000" auto_show="always" id="popup-dang-ky" width="600px" padding="20px"][contact-form-7 id="5" title="Contact form 1"] [/lightbox]
Để thêm 1 nút để khi nhấn vào sẽ hiện popup lên, thì các bạn chỉ cần điền id của popup vào phần ahref là được. Ví dụ : Popup phía trên có id là popup-dang-ky. Vậy nút Button sẽ có code là:
<a href="#popup-dang-ky" class="button primary">Đăng ký ngay</a>