2.2. Nút

Tiện ích Nút cho phép bạn thêm và tùy chỉnh các button trên trang landing page của bạn, giúp người dùng thực hiện các hành động như gửi biểu mẫu, truy cập liên kết, hoặc tương tác với các phần khác của trang web.

• Đặt Nút ở các vị trí chiến lược, chẳng hạn như đầu trang, cuối trang hoặc gần các nội dung chính để thu hút sự chú ý

• Sử dụng các màu sắc nổi bật và rõ ràng để Nút dễ nhìn thấy.

• Đảm bảo nút có kích thước đủ lớn để dễ dàng nhấn, đặc biệt trên thiết bị di động.

• Gắn nhãn nút bằng các từ ngữ rõ ràng và khuyến khích hành động như “Đăng ký”, “Mua ngay”, “Tìm hiểu thêm”.

3.1. Thêm Nút vào trang

• Trong thanh sidebar, nhấp vào Tiện ích, sau đó chọn Nút

• Nhấp và kéo tiện ích Nút vào trang landing page của bạn

3.2. Trình chỉnh sửa Nút

3.2.1. Trình chỉnh sửa nội dung

• Nhấp chuột vào tiện ích Nút và chọn Nội dung trên thanh thiết lập nhanh để truy cập trình chỉnh sửa nội dung

• Lựa chọn cách thể hiện của Nút: Text and icon, Icon only, Text only, Nothing.

• Nhập văn bản, lựa chọn icon bạn muốn hiển thị trên button vào ô được cung cấp (bạn có thể điều chỉnh cách sắp xếp vị trí của 2 thành phần này trong nút bấm)

+ Direction: Điều chỉnh vị trí của biểu tượng

+ Reverse: Đảo ngược vị trí của Icon và Text trong nút.

+ Space between elements: Điều chỉnh khoảng cách giữa Icon và Text bên trong nút.

3.2.2. Trình chỉnh sửa thiết kế

• Nhấp chuột vào tiện ích Nút và chọn Thiết kế trên thanh thiết lập nhanh để truy cập trình chỉnh sửa thiết kế

• Căn chỉnh: giúp bạn căn chỉnh button theo khung chứa. Xem thêm thông tin, xem Căn chỉnh.

• Kích thước: Điều chỉnh kích thước của button. Xem thêm thông tin, xem Kích thước.

• Hiển thị: Xác định các thiết bị mà button sẽ được hiển thị bao gồm Desktop và Mobile

• Thiết kế: cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của button đã chọn. Xem thêm thông tin, xem Thiết kế.

• Kiểu chữ: tùy chỉnh cách hiển thị của văn bản trên button như phông chữ, kích thước chữ, chiều cao dòng, khoảng cách giữa các ký tự, trọng lượng chữ, phong cách. Xem thêm thông tin, xem Kiểu chữ

• Đường viền: cho phép bạn thêm và tùy chỉnh viền xung quanh của button, bạn cũng có thể điều chỉnh độ bo tròn của viền. Xem thêm thông tin, xem Đường viền.