3.3. Trình chỉnh sửa nâng cao

Trình chỉnh sửa nâng cao trong thanh thiết lập nhanh cung cấp các công cụ và cài đặt nâng cao để tinh chỉnh chi tiết các phần tử trên trang web. Đây là nơi bạn có thể thực hiện các điều chỉnh tinh vi và cấu hình chi tiết hơn cho các widget, cho phép bạn kiểm soát sự hiển thị và hành vi của các phần tử một cách chính xác hơn.

Nhấp vào Nâng cao trên thanh thiết lập nhanh để truy cập trình chỉnh sửa nâng cao

Sự kiện

Sự kiện cho phép bạn thêm các sự kiện tương tác vào các thành phần trên trang như nút bấm, hình ảnh, các khối văn bản… Những sự kiện này có thể làm cho trang của bạn trở nên sống động và hấp dẫn hơn, đồng thời cải thiện trải nghiệm người dùng.

• Chọn sự kiện:

+ Nhấp chuột: sự kiện xảy ra khi người dùng nhấp chuột vào phần tử

+ Di chuột: sự kiện xảy ra khi người dùng di chuyển con trỏ chuột qua phần tử

• Thiết lập hành động khi xảy ra sự kiện:

+ Thay đổi màu sắc: thay đổi màu sắc của phần tử khi sự kiện.

Mục tiêu: lựa chọn thay đổi màu sắc của màu chữ, màu nền, màu viền

+ Mở popup: hiển thị một cửa sổ popup với thông tin hoặc biểu mẫu.

Mục tiêu: lựa chọn popup và hiệu ứng popup xuất hiện.

+ Đóng popup: đóng một cửa sổ popup hiện đang mở.

Mục tiêu: lựa chọn popup và hiệu ứng popup đóng lại.

+ Cuộn: tự động cuộn trang đến một phần tử cụ thể

Mục tiêu: lựa chọn section sẽ cuộn tới.

+ Mở liên kết: mở một liên kết cụ thể khi người dùng tương tác với phần tử

Mục tiêu: lựa chọn liên kết mục tiêu và lựa chọn cách hiển thị: in site hoặc new window

Hiệu ứng

Hiệu ứng cho phép bạn thêm các hiệu ứng động cho phần tử trên landing page để tạo sự thu hút và sinh động hơn. Việc sử dụng các hiệu ứng này giúp tăng tính tương tác và thu hút sự chú ý của người dùng.

• Thể loại:

Đây là tên của hiệu ứng động mà bạn muốn áp dụng cho phần tử trên trang. Mỗi hiệu ứng sẽ tạo ra một kiểu chuyển động hoặc biến đổi khác nhau cho phần tử.

Tìm và chọn animation từ danh sách thả xuống. Bạn có thể thử các hiệu ứng khác nhau để chọn hiệu ứng phù hợp với phong cách của trang landing page.

• Thời gian chạy:

Đây là thời gian mà hiệu ứng sẽ diễn ra, tính bằng giây (seconds). Thời gian ngắn hơn sẽ làm cho hiệu ứng diễn ra nhanh hơn, trong khi thời gian dài hơn sẽ làm cho hiệu ứng chậm hơn.

Trong phần Thời gian chạy, nhập hoặc chọn thời gian bạn muốn cho hiệu ứng. Điều chỉnh thời gian sao cho phù hợp với mục đích và thẩm mỹ của trang landing page. Một hiệu ứng quá nhanh hoặc quá chậm có thể ảnh hưởng đến trải nghiệm người dùng

• Thời gian chờ:

Độ trễ là khoảng thời gian trước khi hiệu ứng bắt đầu, tính từ lúc phần tử xuất hiện trên màn hình. Điều này cho phép bạn kiểm soát khi nào hiệu ứng sẽ bắt đầu diễn ra.

Trong phần Thời gian chờ, nhập hoặc chọn thời gian trễ mong muốn. Thời gian chờ có thể được sử dụng để tạo ra hiệu ứng nối tiếp hoặc đồng bộ giữa các phần tử khác nhau trên trang.

• Lặp lại:

Tùy chọn Lặp lại cho phép bạn quyết định liệu hiệu ứng sẽ lặp lại liên tục hay chỉ diễn ra một lần. Trong phần Lặp lại, nhập số lần bạn muốn hiệu ứng lặp lại.