# 2. Hướng dẫn chuyển đổi chế độ thiết kế Landing page từ Mobile Only sang Responsive

Khi tạo mới Landing Page, nếu bạn chọn chế độ **Mobile Only** và muốn chuyển sang chế độ **Responsive** để hiển thị tốt hơn trên cả máy tính và thiết bị di động, bạn có thể chuyển đổi chế độ thiết kế theo các bước sau:

### **Bước 1: Mở trang danh sách Landing Page và chọn trang cần chỉnh sửa**

### **Bước 2: Truy cập phần cài đặt**

* Nhấn vào biểu tượng **Cài đặt** <img src="https://2305753878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuirRnKaniWtkmyJdKYX4%2Fuploads%2Fw7QZnRSaYl0dJTm1y4yx%2Fimage.png?alt=media&#x26;token=81d739fe-ea91-40ab-924d-3a1bb06b3372" alt="" data-size="line">ở thanh công cụ bên trái giao diện chỉnh sửa.
* Trong menu bên trái, chọn **Cài đặt landing page**.

<figure><img src="https://2305753878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuirRnKaniWtkmyJdKYX4%2Fuploads%2FvzXe3zCRdVbHQIemHnOE%2Fimage.png?alt=media&#x26;token=1de7c9fe-ca98-46fc-bfbe-1b441f731916" alt=""><figcaption></figcaption></figure>

### **Bước 3: Chuyển chế độ thiết kế (Design Mode)**

* **Mobile Only**: Chỉ dành cho thiết bị di động.
* **Responsive**: Hiển thị phù hợp cả trên máy tính và di động. (Đây là chế độ mang lại trải nghiệm tốt hơn cho người dùng trên đa nền tảng, phù hợp với các chiến dịch tiếp cận rộng rãi.)

### **Bước 4: Lưu thay đổi**

* Sau khi chọn **Responsive**, hệ thống sẽ tự động áp dụng cài đặt mới.
* Kiểm tra kỹ giao diện trang trên cả thiết bị di động và máy tính để đảm bảo mọi yếu tố hiển thị đúng cách.

{% hint style="warning" %}
**Lưu ý:** Nội dung và bố cục cần được kiểm tra kỹ lưỡng để đảm bảo trải nghiệm tốt nhất cho người dùng trên mọi thiết bị.
{% endhint %}