Tùy chỉnh bố cục trang EdCommerce của bạn

Giải thích cách tùy chỉnh bố cục trang của một site EdCommerce sau khi tạo site ban đầu, bao gồm ba phần: (1) Chi tiết trang — chỉnh sửa thông tin nhận diện cơ bản và cài đặt cấu hình trong Settings > Ecommerce > Ecommerce Details (màu sắc thông qua bảng màu mặc định hoặc mã HEX tùy chỉnh, logo, múi giờ, ngày bắt đầu và ngày kết thúc chiến dịch, tiêu đề site, URL, mô tả, chính sách bảo mật, ngôn ngữ mặc định và đơn vị tiền tệ mặc định, sau đó nhấp vào Save); (2) Mẫu và bố cục — chuyển đổi các mẫu bố cục không cần mã cho Main Search (trang chủ) trong Settings > EdCommerce > Search, trang kết quả tìm kiếm trong Settings > EdCommerce > Results và các trang nhà cung cấp thông qua Settings > Providers > biểu tượng ba dấu chấm > Customize Provider Page; và (3) Menu thanh điều hướng — chỉnh sửa thanh điều hướng trong Settings > EdCommerce > Navbar (được cung cấp sẵn với Search, Proposals và Contact), bao gồm bật hoặc tắt các mục, sắp xếp lại và lồng các mục bằng thao tác kéo và thả, thêm mục mới qua 'Add New Page' (URL bên ngoài hoặc trang EdCommerce hiện có) và thiết lập 'Logo Redirect' tùy chỉnh cho logo của site.

Trong quá trình tạo site, bạn đã thêm các thông tin ban đầu như logo, kiểu phông chữ, bảng màu, tiêu đề, mô tả, URL...

Bài viết này hướng dẫn cách chỉnh sửa các khía cạnh cơ bản này của site, cách cá nhân hóa bố cục bằng các mẫu và cách chỉnh sửa menu điều hướng.

Chi tiết trang

Trong phần này, chúng ta sẽ xem cách chỉnh sửa tất cả các khía cạnh cơ bản này của site (nếu bạn không muốn thay đổi gì, bạn có thể bỏ qua bước này).

• Đi tới Settings > Ecommerce > Ecommerce Details

Trong phần này, bạn có thể chỉnh sửa:

• Màu sắc: Bạn có thể thêm một trong các màu mặc định hoặc màu HEX của riêng mình (ví dụ: #FFFFFF)
• Logo của bạn
• Múi giờ của bạn
• Ngày bắt đầu và ngày kết thúc chiến dịch thương mại điện tử của bạn.
• Tiêu đề site của bạn
• URL
• Mô tả site của bạn
• Thêm chính sách bảo mật của bạn
• Đặt ngôn ngữ mặc định
• Đặt đơn vị tiền tệ mặc định

Đừng quên lưu các thay đổi trước khi đóng trang! Bạn sẽ tìm thấy nút 'save' ở cuối trang.

Mẫu và bố cục

Như bạn có thể đã biết, nội dung các trang EdCommerce của bạn hoàn toàn có thể tùy chỉnh.

Bạn không chỉ có thể lựa chọn nhiều màu sắc, phông chữ và các cài đặt khác mà còn có thể kiểm soát cách nội dung này được hiển thị. Nhờ các mẫu thân thiện với người dùng, bạn có thể tùy chỉnh bố cục trang mà không cần bất kỳ kiến thức lập trình nào!

Mẫu cho Main Search

Bạn có thể chọn giữa 2 kiểu khác nhau cho trang chủ và cá nhân hóa trải nghiệm của học viên khi tìm kiếm chương trình trên site của bạn.

Chỉ cần đi tới trang Settings > EdCommerce > Search - và chọn kiểu bạn yêu thích.

Mẫu cho trang kết quả tìm kiếm

Sau khi học viên thực hiện tìm kiếm, họ sẽ được chuyển đến trang kết quả. Bạn cũng có thể tùy chỉnh cách hiển thị các kết quả này bằng cách chọn một trong ba kiểu khác nhau.

Chỉ cần đi đến trang 'Cài đặt' của bạn, chọn 'EdCommerce', sau đó chọn 'Kết quả', và chọn mẫu phù hợp nhất với sở thích của bạn.

Mẫu trang nhà cung cấp

Các chủ đề hoặc mẫu này cung cấp ba kiểu bố cục khác nhau cho các trang nhà cung cấp của bạn. Những kiểu này quyết định cách thông tin của các nhà giáo dục được trình bày cho học viên của bạn.

Để chọn một kiểu, hãy đi đến trang cài đặt EdCommerce, chọn 'Nhà cung cấp', nhấp vào biểu tượng ba dấu chấm bên cạnh nhà cung cấp mà bạn muốn tùy chỉnh, rồi chọn 'Tùy chỉnh trang nhà cung cấp'.

Menu thanh điều hướng

Thanh điều hướng, thường được gọi là navbar, đóng vai trò là menu cho trang EdCommerce của bạn. Thanh này cho phép học viên dễ dàng truy cập vào các phần khác nhau trên trang web của bạn.

Để chỉnh sửa menu của trang web, hãy đi đến trang cài đặt > EdCommerce > Navbar.

Tại đây, theo mặc định, bạn sẽ tìm thấy các trang sau:

• Tìm kiếm
• Đề xuất
• Liên hệ

Cách ẩn hoặc hiện các mục trong menu

Trong phần 'Navbar' của cài đặt EdCommerce, bạn sẽ tìm thấy danh sách tất cả các thành phần (hoặc trang) có sẵn cho thanh điều hướng của mình.

Bạn có thể quyết định liệu các thành phần này có xuất hiện trong menu hay không. Để hiển thị hoặc ẩn chúng, chỉ cần bật hoặc tắt chúng. Thao tác này lần lượt sẽ thêm hoặc xóa các mục khỏi menu trang web của bạn.

Cách sắp xếp các mục trong menu

Việc sắp xếp các trang trong menu rất đơn giản nhờ tính năng kéo và thả. Chỉ cần nhấp vào các mục (trang) mà bạn muốn sắp xếp lại, sau đó kéo chúng đến vị trí mong muốn trong menu.

Ngoài ra, bạn có thể tạo một menu có tổ chức và thân thiện với người dùng hơn bằng cách nhóm các trang liên quan lại với nhau. Việc này được thực hiện bằng cách thêm các thành phần phụ bên dưới một mục menu chính.

Để thực hiện việc này, hãy nhấp và kéo trang bạn muốn nhóm, di chuột lên mục menu chính nơi bạn muốn đặt trang đó làm thành phần phụ. Thả nút chuột để đặt trang ở đó, qua đó nhóm trang bên dưới mục chính đã chọn.

Hãy nhớ rằng những thay đổi này sẽ được phản ánh trên thanh điều hướng của trang web, giúp khách truy cập dễ dàng tìm thấy những gì họ đang tìm kiếm hơn.

Cách thêm các mục mới vào menu

Để thêm một mục mới vào menu, hãy nhấp vào nút 'Thêm trang mới.'

Sau đó nhập tiêu đề và chỉ định trang mà mục đó sẽ dẫn đến.

• Bạn có tùy chọn thêm URL và liên kết đến một trang web bên ngoài.
• Ngoài ra, bạn có thể nhấp vào 'Trang' để chọn từ các trang hiện có trên trang EdCommerce của mình, được liệt kê thuận tiện cho bạn.

Sau khi thực hiện bất kỳ thay đổi nào đối với navbar, hãy nhớ nhấp vào "Lưu".

Cách thêm liên kết vào logo của trang web

Ở đầu trang điều hướng, bạn sẽ thấy nút 'Chuyển hướng logo.'

Bằng cách nhấp vào đó, bạn có thể thêm một liên kết tùy chỉnh để sử dụng khi mọi người nhấp vào logo trên trang EdCommerce của bạn.

Chúng tôi khuyên bạn nên liên kết nó với trang chủ của website hoặc trang chủ EdCommerce của bạn.

Bằng cách làm theo các bước đơn giản này, bạn có thể dễ dàng tạo một menu tùy chỉnh cho trang web của mình, với các tùy chọn thả xuống để sắp xếp thông tin một cách tối ưu.

Để xem những thay đổi này, hãy nhấp vào logo EdCommerce ở góc trên bên trái màn hình, sau đó chọn 'EdCommerce Preview'.