Các shortcode nút lightbox Flatsome cung cấp một cách tuyệt vời để hiển thị nội dung mong muốn của bạn trong các popup. Điều này có nghĩa là khi một người truy cập trang web nhấn vào một nút, bạn có thể dễ dàng hiển thị nội dung trang web mong muốn của mình. Như bạn đã biết, chủ đề WordPress Flatsome đi kèm với UX Builder, bạn có thể hiển thị bất kỳ phần tử UX Builder nào trong lightbox Flatsome. Bạn có thể kích hoạt Đăng ký Bản tin, hiển thị Các Danh mục Sản phẩm Nổi bật và Sản phẩm Bán Chạy Nhất, chia sẻ Phiếu giảm giá, và kích hoạt các Lời kêu gọi Hành động Tùy chỉnh.
Cách thiết lập nút lightbox Flatsome
Trước khi trình bày các khả năng hiển thị nội dung bên trong lightbox, tôi sẽ chỉ cho bạn cách sử dụng cơ bản của các shortcode nút lightbox Flatsome. trong các shortcode sau, bạn có thể thấy có hai phần của shortcode [bottom] và Sử dụng hai shortcode, tôi sẽ chỉ cho bạn quy trình xây dựng và sử dụng tuyệt vời của nút lightbox Flatsome. Bước 01 – Tạo một khối UX gọi là – Lightbox Từ mã trên, đặt các shortcode lightbox bên trong trang Khối UX Lightbox. Sau khi nhấn nút Xuất bản, bạn có thể nhận thấy một khu vực shortcode được tạo ra ở thanh bên phải. Trong bài hướng dẫn trước, tôi đã chỉ cách tạo một popup đăng ký bản tin lightbox Flatsome tự động. Trong bài hướng dẫn này, tôi sẽ chỉ cách kích hoạt một popup với đăng ký bản tin với nút lightbox Flatsome. Popup bản tin sẽ trông giống như ảnh chụp màn hình tiếp theo. Block "”newsletter-signup”" not found Block "”newsletter-signup”" not foundCách cơ bản để thiết lập Popup Nút Lightbox Flatsome
Bước 01 – Tạo một trang WordPress gọi là – Trang Đích Bây giờ, tạo một trang WordPress gọi là Trang Đích và đặt các shortcode Lightbox UX Block bên trong trang gọi là Trang đích, và sau đó [nút] sau đó.
Xuất bản trang đích và nhấn nút Xem trước để xem trang ở giao diện người dùng. Về phần mình, lightbox cơ bản hiển thị như ảnh chụp màn hình sau.
Bây giờ, tôi sẽ chỉ cho bạn cách bạn có thể sử dụng quy trình cơ bản để kích hoạt đăng ký bản tin, hiển thị sản phẩm bán chạy nhất và các danh mục nổi bật trong popup lightbox flatsome.
01. Kích hoạt Đăng ký Bản tin
Đầu tiên, theo cách cơ bản để tạo một khối UX gọi là Lightbox và trang WordPress gọi là Trang Đích. Thứ hai, Tạo một khối khác gọi là Đăng ký Bản tin. Tôi đã phát triển trang trong UX Builder.
Khối sẽ tạo một mã shortcode
Bây giờ hãy đến trang đích nơi bạn đã đặt nút lightbox Flatsome. Nhấn nút, và popup đăng ký bản tin sẽ xuất hiện.
02. Hiển thị Sản phẩm Bán chạy trong Lightbox
Giống như đăng ký bản tin, tạo một khối gọi là Sản phẩm Bán chạy. Tôi sẽ chia sẻ cách tôi đã thiết kế popup sản phẩm bán chạy của mình trong Flatsome UX Builder. Bạn có thể thấy tôi đã tạo Sản phẩm Bán chạy. Bạn có thể dễ dàng tạo Sản phẩm Bán chạy của riêng mình sử dụng trình tạo trang của Flatsome gọi là UX Builder. Khối của tôi đã tạo mã này [id=”best-selling-products”] cho popup lightbox Sản phẩm Bán chạy.
Vì mã [id=”best-selling-products”] đã được tạo. Đặt mã bên trong shortcode