Cách Thêm Lightbox vào Website Sử Dụng Flatsome

Gần đây tôi nhận được câu hỏi từ một người hỏi tôi làm thế nào để thêm lightbox vào Flatsome. Anh ấy muốn người dùng nhấp vào một nút trên trang web của mình để hiển thị thông báo popup.

Thêm vào đó, anh ấy yêu cầu tôi làm cho quá trình này dễ dàng để anh ấy có thể tự thực hiện trong tương lai. Vì vậy, tôi quyết định tạo một hướng dẫn về cách thêm lightbox trong chủ đề Flatsome.

Lightbox có thể có nhiều kiểu dáng khác nhau, từ sự kết hợp của hình ảnh với văn bản đến văn bản trên nền đơn giản và nhiều hơn nữa. Như vậy, chúng đảm bảo rằng người dùng tập trung vào popup hơn là phần còn lại của màn hình.

 

 

Thêm lightbox vào Flatsome

Việc thêm lightbox vào trang web sử dụng Flatsome rất đơn giản. Bạn có thể mở bất kỳ nội dung nào trong lightbox bằng cách sử dụng mã ngắn lightbox.

Truy cập bảng điều khiển WordPress của bạn. Nhấp vào nút Thêm mới dưới Khối UX.

Thêm tiêu đề và dán mã ngắn cho nút lightbox vào trường mô tả từ tài liệu Flatsome.

Vì mục đích trình diễn, tôi đang thêm tiêu đề là Lightbox Demo.

Nhấp vào nút Xuất bản khi hoàn thành. Sau đó, đi tới liên kết và nhấp vào nút để kiểm tra kết quả.

Thêm lightbox vào Flatsome bằng UX Builder

Truy cập trang mà bạn muốn thêm lightbox và nhấp vào Chỉnh sửa với UX Builder dưới Chỉnh sửa Trang từ bảng điều khiển của bạn.

Tùy chọn cài đặt sẽ xuất hiện, và bạn cần chọn nơi bạn muốn thêm mã ngắn lightbox. Bạn cũng có thể thêm các phần tử mong muốn của mình.

Vì mục đích trình diễn, ở đây tôi sẽ thêm lightbox vào nút Đặt hàng Tùy chỉnh.

Khi bạn nhấp vào nút, bạn sẽ có tùy chọn để tùy chỉnh.

Nhấp vào Thêm vào Mục và chọn phần tử Văn bản từ danh sách.

Sau đó, chọn các cài đặt sẵn yêu thích của bạn từ liên kết đã cho và nhấp vào nút Áp dụng. Tôi đã chọn Đoạn văn vì mục đích trình diễn.

Trong trường Mở Trình chỉnh sửa Văn bản, thêm mã ngắn lightbox này và viết thông điệp popup của bạn. Nhấp vào nút Áp dụng để lưu cài đặt.

Để thêm một nút mới cho thông điệp popup, bạn có thể dán mã ngắn từ tài liệu Flatsome.

Bây giờ nhấp vào nút từ trang web để kiểm tra cách nó hoạt động.

Lightbox là một xu hướng đã phát triển rất nhiều trong vài năm qua. Ngày càng nhiều người bắt đầu sử dụng nó trên các trang web của họ. Việc trình bày các tệp phương tiện của bạn trong một lightbox có thể là một cách tuyệt vời để làm cho nội dung thêm hấp dẫn. Bạn cũng có thể biết cách tạo popup đăng ký bản tin lightbox để thu hút nhiều người hơn tham gia cộng đồng của bạn.

Nếu bạn cần thêm hướng dẫn về chủ đề Flatsome hoặc WooCommerce, hãy cho tôi biết trong phần bình luận. Tôi sẽ viết hướng dẫn tiếp theo cho bạn.