Code thêm Popup cho website Flatsome

Để 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>
Bài viết liên quan