Cách tạo nút nổi trong Elementor

Rifat Elementor Jul 29, 2022

Bạn có muốn biết cách tạo một nút nổi với trình tạo trang Elementor ? Một nút nổi là nút xuất hiện trước tất cả các thông tin khác trên màn hình. Hầu hết các chủ sở hữu trang web bao gồm một nút nổi có thể hành động để hướng người dùng đến một mục tiêu cụ thể, chẳng hạn như đăng ký danh sách email hoặc duyệt trang cửa hàng. mạng xã hội, trong số những thứ khác

Bạn có thể nhanh chóng tạo một nút nổi cho trang web của mình với Elementor theo nhiều cách khác nhau. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thực hiện điều đó theo cách đơn giản nhất có thể bằng cách sử dụng trình tạo trang Elementor .

Tạo một nút nổi trong Elementor

Ở đây chúng tôi sẽ thiết lập chỉ mục z để xây dựng nút nổi của chúng tôi. Sử dụng phiên bản miễn phí của Elementor, bạn có thể tạo một nút nổi cho một trang cụ thể bằng cách làm theo quy trình này. Nếu bạn muốn thêm nút nổi vào toàn bộ trang web của mình, bạn phải thêm nút vào từng trang theo cách thủ công nếu bạn đang sử dụng phiên bản miễn phí của Elementor.

Bây giờ, hãy mở trình chỉnh sửa Elementor và điều hướng đến trang mà bạn muốn thêm nút nổi. Bạn có tùy chọn tạo trang mới hoặc chỉnh sửa trang hiện có. Để thêm một phần, hãy nhấp vào biểu tượng "+" và chọn bố cục một cột.

Tạo trang web tuyệt vời

Với trình tạo trang miễn phí tốt nhất Elementor

Bắt đầu bây giờ

Thêm tiện ích nút vào cột mới tạo của bạn từ bảng tiện ích.

Bây giờ bạn phải chọn hành động của nút. Trong trường hợp này, chúng tôi đang sử dụng nút để điều hướng đến URL trang cửa hàng. Để thực hiện điều này, hãy chuyển đến trường liên kết và thêm liên kết vào trang. Vị trí nút có thể được thay đổi bằng cách sử dụng tùy chọn căn chỉnh. Làm cho nút càng nhỏ càng tốt.

Nút của chúng tôi hiện đã sẵn sàng nổi khi người dùng cuộn xuống trang. Đối với điều này, hãy chuyển đến tab Nâng cao và chọn tùy chọn Bố cục. Đặt chiều rộng và vị trí thành Nội tuyến (Tự động). Bạn cũng phải định cấu hình các hướng Ngang và Dọc, cũng như độ lệch.

Bây giờ bạn phải chỉ định z-index để làm cho nút luôn có thể thả nổi. Điền vào khe z-index với 800. Nó sẽ luôn làm cho nút nổi.

Xem cuối cùng

Đây là thiết kế cuối cùng của chúng tôi trông như thế nào.

Kết thúc

Tính năng Phần tử Floating Elementor đã thu hút sự quan tâm của chúng tôi. Nó hỗ trợ giải quyết nhanh chóng các vấn đề thiết kế. Chúng tôi tin rằng nó sẽ có tác dụng tương tự đối với bạn. Nếu vậy, hãy chia sẻ thiết kế của bạn trong phần bình luận. Chúng tôi muốn phổ biến công việc của bạn trên toàn thế giới. Hãy xem các hướng dẫn về phần tử khác của chúng tôi.