> For the complete documentation index, see [llms.txt](https://huongdan.webmatrix.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://huongdan.webmatrix.vn/cuon-trang-landing-page-voi-scroll-to-trong-flatsome.md).
# Cuộn trang Landing Page với "Scroll To" trong Flatsome
Trong bài viết này, để các bạn dễ hình dung, mình sẽ lấy ví dụ khi chúng ta click vào button “**Nhận Báo Giá**“, trang Landing Page sẽ cuộn xuống mục “**Báo** **Giá**“.
### Cuộn trang với button
Đầu tiên các bạn mở trình chỉnh sửa UX-Builder lên -> “**Add** **elements**” -> Chọn “**Scroll** **To**” -> Tại đây các bạn nhập thông tin:
* **Tiêu đề/Title**: Title này sẽ hiển thị tại bullet/chấm tròn bên phải màn hình Desktop khi người dùng rê chuột đến.
* **Link**: các bạn set link bắt đầu với **#**link.
* **Bullet**: On hoặc Off để tùy chọn hiển thị chấm tròn bên phải màn hình Desktop.
Sau đó, các bạn click và kéo mục “**Scroll** **To**” đến section mà bạn cần cuộn trang đến. Và chọn **button** cần chèn link, kéo xuống mục liên kết, paste link **#link** mà bạn đã đặt vào. *(Như ví dụ ở hình dưới, mình đã set link cho “Scroll To” là #baogia).*
Xong xuôi, các bạn update và reload lại trang để test thử.
### Chèn Scroll To lên Menu
Để chèn link cuộn trang lên thanh menu, các bạn truy cập vào trang quản trị, các bạn chọn “**Giao** **diện**” -> “**Menu**” -> Chọn “**Menu**” cần sửa -> Chọn “**Liên** **kết** **tự** **tạo**” -> Nhập link & Tiêu đề Menu -> “**Thêm** **vào** **Menu**” -> kéo menu đến vị trí bạn cần đặt & “**Lưu** **Menu**” để cập nhật.
Trong quá trình thực hiện, có thắc mắc nào, các bạn có thể để lại comment cho mình phía dưới bài viết nhé!
*Cảm ơn các bạn đã ghé qua Webmatrix, chúc các bạn một ngày vui vẻ!*