Hướng dẫn thiết kế trang với Page Builder
Cách mở trình thiết kế kéo thả, chỉnh sửa nội dung, tùy biến giao diện, lưu và xuất bản trang của bạn.
- Page Builder là trình thiết kế kéo thả trực quan để bạn tùy biến trang định danh mà không cần lập trình.
- Bạn thêm thành phần, chỉnh sửa văn bản, hình ảnh, màu sắc, khoảng cách và bố cục ngay trên bản xem trước.
- Thay đổi được lưu vào trang và có lịch sử phiên bản để khôi phục khi cần.
1. Mở trình thiết kế
Bạn mở Page Builder từ bảng điều khiển hoặc từ danh sách tên miền.
- Vào mục Tên miền hoặc Đơn hàng và nhấn nút mở trình thiết kế của trang tương ứng.
- Trình thiết kế chỉ khả dụng với tên miền đang hoạt động, chưa bị khóa và gói có hỗ trợ.
- Mỗi phiên thiết kế dùng một liên kết bảo mật riêng gắn với quyền sở hữu trang.
2. Chế độ chỉnh sửa và xem trước
Trình thiết kế cho phép chuyển nhanh giữa hai chế độ.
- Chế độ Chỉnh sửa: thay đổi nội dung và bố cục trực tiếp trên bản xem trước.
- Chế độ Xem trước: xem trang như người truy cập thấy, không chỉnh sửa.
- Hỗ trợ Hoàn tác và Làm lại để thử nghiệm an toàn.
3. Thêm và chọn thành phần
Bạn xây dựng trang bằng cách thêm và sắp xếp các thành phần.
- Kéo thả section, văn bản, hình ảnh, nút bấm vào canvas.
- Nhấn vào một thành phần để mở bảng thuộc tính và chỉnh sửa.
- Dùng bảng Lớp (layers) để xem cây thành phần và chọn nhanh.
4. Tùy biến nội dung và giao diện
Bảng thuộc tính cho phép tinh chỉnh chi tiết từng thành phần.
- Văn bản: đổi nội dung, in đậm, in nghiêng, gạch chân, canh lề, cỡ chữ.
- Liên kết: đặt đường dẫn và cách mở (cùng cửa sổ hoặc cửa sổ mới).
- Hình ảnh: đổi nguồn ảnh, đặt văn bản thay thế và điều chỉnh kích thước.
- Màu sắc và nền: đặt màu chữ, màu nền, hiệu ứng gradient và trạng thái khi rê chuột.
- Viền và bo góc: đặt màu viền, độ dày và bán kính bo góc.
- Khoảng cách: điều chỉnh padding (bên trong) và margin (bên ngoài).
5. Lưu và quản lý phiên bản
Sau khi chỉnh sửa, bạn lưu lại để áp dụng thay đổi lên trang.
- Nhấn Lưu để cập nhật trang (nút chỉ khả dụng với chủ sở hữu hoặc quản trị viên).
- Xem lịch sử phiên bản để đối chiếu và khôi phục bản lưu trước đó nếu cần.
- Bản xem trước cập nhật theo thời gian thực khi bạn chỉnh sửa.
6. Lưu ý
Khả năng thiết kế phụ thuộc vào gói dịch vụ; gói cao hơn mở khóa nhiều tùy biến hơn.
Nếu trình thiết kế không mở được, hãy kiểm tra tên miền còn hạn và chưa bị khóa, hoặc liên hệ MyVibe qua kênh hỗ trợ chính thức.
