Landing Page - Button

Button cho phép bạn tạo các nút bấm (Nút kêu gọi hành động) vào Landing page.
 
Để tạo nút bấm, bạn bấm chọn đối tượng Button ở thanh menu bên trái màn hình.
 


Hoặc bấm +Thêm mới chọn Nút bấm 

Sau đó bạn cấu hình nút bấm bằng các chức năng sau: 

1. Thiết kế

1.1 Thiết lập chữ

Bạn có thể tùy chỉnh tên nút bấm cũng như Font chữ, cỡ chữ, định dạng chữ, màu sắc cho chữ,....

1.2 Điều chỉnh kích thước nút bấm

Bạn có thể điều chỉnh kích thước Button bằng cách co kéo các góc hoặc thay đổi thông số trong ô Kích thước.


1.3 Màu & Hình nền

Nền nút bấm bạn có thể cài màu đơn sắc hoặc hình ảnh
 

1.4 Overlay

Đè một hoặc nhiều màu lên nền của Nút bấm

1.5 Cài đặt viền & bo góc cho nút bấm

2. Hiệu ứng

Bạn vào >> chọn Hiệu ứng, tại đây bạn có thể cài đặt:

2.1 Đổ bóng

2.2 Hiệu ứng

Lựa chọn các loại hiệu ứng muốn sử dụng và cài đặt cho hiệu ứng đó

Ví dụ: Lựa chọn hiệu ứng Pulse, lặp lại 2 lần, xoay 2.

2.3 Hiệu ứng rê chuột

Bật hiệu ứng rê chuột. Cài đặt hiệu ứng như màu nền, màu chữ, phóng to, độ mờ, xoay, đen trắng. 

3. Sự kiện

Bạn có thể cấu hình đích đến cho nút khi khách nhấn/ di chuột vào nút bấm bằng cách click vào nút bấm >> Cài đặt >> Sự kiện và lựa chọn các thông tin sau: 

- Hành động : hành động của khách hàng đối với đối tượng: Bấm chuột hoặc Rê chuột
- Sự kiện: sự kiện xảy ra khi khách hàng thực hiện hành động

  • Cuộn đến: cuộn trang đến block được chọn ở dưới
  • Liên kết: mở link sang trang mới
  • Mở  popup: mở popup được chọn ở dưới
  • Đóng popup: đóng popup được chọn ở dưới,
  • ......

- Block: Chọn đối tượng chuyển hướng đến khi diễn ra sự kiện. 

Hoặc các sự kiện khác tương ứng với sự chuyển hướng

4. Nâng cao

 Cài đặt mô tả trong nút bấm và biểu tượng
 
 

Bạn có thể điều chỉnh thêm từ thanh công cụ ngay đối tượng

Lên trên - Xuống dưới: Đưa Button lên trên hoặc xuống dưới đối tượng khác
Nhân bản: Nhân bản đối tượng Button 
Xóa: Xóa đối tượng nếu không muốn sử dụng
Sự kiện: Cài đặt nhanh sự kiện
Màu chữ: Chọn nhanh màu chữ
Màu nền: Chọn nhanh màu nền button
Bo góc: Chỉnh nhanh bo góc button
Cài đặt: Mở ra cài đặt chi tiết button
Khóa đối tượng: Khóa lại đối tượng không cho di chuyển
Đồng bộ thiết kế từ điện thoại: Đồng bộ với bản mobile
Ẩn phần tử: Phẩn đi Button nếu không hiển hiển thị ra page. 

Chúc bạn thành công!