Khi tìm kiếm hướng dẫn dùng app tạo menu, nhiều chủ shop bất ngờ khi kết quả hiển thị thực đơn nhà hàng ăn uống thay vì điều hướng thương mại điện tử—bài viết này chỉ tập trung vào việc thiết kế và ra mắt hệ thống menu điều hướng cho cửa hàng trực tuyến Shopify. Lần đầu cài đặt một app chuyên tạo menu có thể khiến bạn e ngại nếu cửa hàng đang có khách mua hàng thật, nhưng việc làm chủ công cụ này không đòi hỏi bạn phải biết viết mã code.
Hãy phác thảo danh mục trên giấy, thực hành trên một theme bản sao, tập trung vào đúng một loại menu duy nhất trước và chạm thử trên điện thoại thật trước khi xuất bản công khai.
- Thực hành trên theme bản sao: Nhân bản theme giúp giữ storefront đang bán ổn định trong lúc bạn học cách dựng menu.
- Học trước một loại menu: Làm chủ một định dạng duy nhất—như thanh tab bar đáy hoặc drawer trượt—trước khi dựng nhiều menu phức tạp.
- Nhớ bật app embed: Mọi app menu đều yêu cầu bật nút gạt app embed trong trình tùy biến theme thì menu mới có thể hiển thị.
Quick answer: how to get started with a Shopify menu builder app
Để bắt đầu dùng app tạo menu Shopify, hãy phác thảo menu trên giấy trước, chọn một loại menu để học, bật app embed trong trình chỉnh sửa theme, dựng vài mục cơ bản, xem thử trên điện thoại, sau đó xuất bản và kiểm tra lại toàn bộ liên kết.
- Step 1: Sketch your menu structure: Liệt kê các bộ sưu tập và trang trên giấy, sau đó dọn dẹp các liên kết gốc trong mục Content > Menus.
- Step 2: Pick one menu type to learn first: Chọn một kiểu hiển thị—Tab Bar hoặc Mobile Drawer cho khách dùng điện thoại, hoặc Mega Menu cho khách dùng máy tính.
- Step 3: Install the app and turn on the app embed: Cài app từ Shopify App Store, bật nút gạt app embed ở thanh bên của theme editor và nhấn Lưu.
- Step 4: Build your first menu: Thêm 4–5 mục điều hướng chính với nhãn ngắn gọn, biểu tượng dễ hiểu và link đích chính xác.
- Step 5: Match your brand: Điều chỉnh màu nền, phông chữ và vị trí hiển thị để hòa hợp tự nhiên với phong cách của theme.
- Step 6: Preview on a phone and a desktop: Kiểm tra kỹ phản hồi chạm trên theme bản sao bằng một chiếc điện thoại thật trước khi áp dụng cho khách.
- Step 7: Publish, check every link, and fix common problems: Bấm xuất bản trong app, thử lại toàn bộ liên kết và xử lý các lỗi hiển thị phổ biến.
Nếu bạn chỉ có khoảng một giờ, hãy tập trung hoàn thành các Bước 1–3 và Bước 6 trên một theme bản sao.
Four terms to learn before you start
Trước khi mở màn hình cấu hình, hãy làm quen với năm thuật ngữ thường gặp sau:
| Thuật ngữ | Ý nghĩa thực tế | Vị trí xuất hiện |
|---|---|---|
| Menu | Danh sách liên kết có cấu trúc dùng để hiển thị và tổ chức đường dẫn tới sản phẩm, bộ sưu tập, trang nội dung và bài viết blog (Shopify Help Center). | Trong Shopify Admin tại mục Content > Menus, cũng như ở thanh header, footer hoặc thanh trượt bên. |
| Menu item / link | Một phần tử có thể nhấp chuột hoặc chạm vào bên trong menu, dẫn khách tới một bộ sưu tập, trang, URL bên ngoài hoặc liên kết neo trống (#). |
Nút bấm, dòng chữ liên kết hoặc tab biểu tượng trên giao diện. |
| Level | Độ sâu phân tầng của hệ thống điều hướng. Trong menu mặc định của Shopify, một mục cấp 1 có thể chứa tối đa hai cấp menu thả xuống lồng bên dưới (Shopify Help Center). | Các danh sách thả xuống nhiều cấp, cột mega menu hoặc nhóm danh mục mở rộng trên di động. |
| App embed | Phần tử do app cung cấp, nổi hoặc phủ lên giao diện theme mà không can thiệp vĩnh viễn vào mã nguồn Liquid gốc (Shopify Help Center). | Nằm ở thanh bên của trình tùy biến theme (Shopify Theme Editor) trong tab App embeds. |
| Publish | Hành động xuất bản để đưa menu mới dựng hiển thị công khai cho khách mua hàng. Bật app embed mới chỉ tải mã script; một số app, trong đó có Navi+, vẫn yêu cầu bạn bấm nút xuất bản riêng trong app để đưa thay đổi lên website. | Nằm bên trong giao diện quản trị của app tạo menu hoặc cài đặt lưu của theme. |
Step 1: Sketch your menu structure before you open the app
Sai lầm phổ biến nhất của người mới là mở app tạo menu lên khi chưa có kế hoạch cụ thể. Sắp xếp danh mục trực tiếp trong phần mềm thường dẫn tới menu rườm rà và mất phương hướng. Hãy chuẩn bị nội dung trên giấy trước.
Liệt kê mọi điểm đến trọng yếu mà người mua cần: bộ sưu tập chủ lực, dòng sản phẩm nổi bật, các trang thông tin quan trọng (Giới thiệu, Vận chuyển, Liên hệ) và blog (Shopify Help Center). Phác thảo cấu trúc cây phân nhánh 2 đến 3 cấp (sketch your menu structure). Xác định 4 đến 5 nhóm danh mục chính, sau đó xếp các bộ sưu tập nhánh nhỏ hơn vào bên dưới.
Tiếp theo, mở trang quản trị Shopify và vào mục Content > Menus (Shopify Help Center). Dọn dẹp lại các menu mặc định, xóa bớt liên kết cũ không dùng và kiểm tra đường dẫn bộ sưu tập. Nếu muốn tạo một mục cha chỉ để gom nhóm các mục con mà không dẫn tới đâu, hãy nhập ký tự # vào ô liên kết (Shopify Help Center).
Giữ độ sâu phân tầng gọn gàng: theo chuẩn của Shopify, một mục cấp 1 có tối đa hai cấp lồng bên dưới (Shopify Help Center). Việc dọn dẹp sẵn trên Shopify Admin sẽ giúp thao tác liên kết hoặc đồng bộ danh mục vào app sau này diễn ra nhanh chóng.
Shopify’s own video shows how to nest menu items:
Step 2: Pick one menu type to learn first
Các app hiện đại mang tới rất nhiều định dạng: thanh tab bar đáy, mega menu đa cột, thanh trượt drawer, nút nổi và lưới biểu tượng. Cố gắng thiết lập tất cả cùng lúc trong buổi đầu tiên sẽ rất dễ quá tải. Hãy chọn một loại menu để học trước (pick one menu type) dựa trên thiết bị mà khách của bạn sử dụng nhiều nhất.
Hình 1: Minh hoạ khái niệm (Concept illustration) — Step 2: Pick one menu type to learn first
Mobile shoppers first
Nếu phần lớn khách truy cập store dùng điện thoại, hãy ưu tiên một menu dễ tìm thấy và dễ chạm trên điện thoại (xem trích dẫn của Nielsen Norman Group bên dưới). Đối với cửa hàng ưu tiên di động, có hai định dạng đáng học trước:
- Tab Bar: Thanh điều hướng cố định gắn ở cạnh đáy màn hình điện thoại. Thanh này giữ các điểm đến cốt lõi (Trang chủ, Mua sắm, Tìm kiếm, Giỏ hàng) luôn hiển thị trong một thanh duy nhất.
- Mobile Drawer: Bảng điều hướng trượt mượt mà từ cạnh màn hình ra khi chạm vào, chứa trọn vẹn cây danh mục nhiều tầng và liên kết tài khoản khách hàng.
Desktop shoppers first
Nếu bạn vận hành một cửa hàng bán hàng trăm danh mục sản phẩm và lượng đơn hàng chủ yếu đến từ khách duyệt web trên máy tính, hãy tập trung vào:
- Mega Menu: Bảng điều hướng thả xuống kích thước rộng, hiển thị nhiều cột danh mục và bộ sưu tập cùng lúc khi khách rê chuột hoặc bấm vào mục chính.
| Loại menu | Phù hợp nhất khi | Nên học đầu tiên nếu |
|---|---|---|
| Tab Bar | Store có tỷ lệ khách dùng điện thoại cao và có một nhóm 4–5 thao tác chính hàng ngày. | Mobile shoppers first: đại đa số đơn hàng và lưu lượng đến từ smartphone. |
| Mobile Drawer | Danh mục sản phẩm phong phú với nhiều tầng nhánh cần duyệt theo dạng trượt cạnh gọn gàng. | Mobile shoppers first: bạn muốn thay thế menu hamburger mặc định chật chội của theme. |
| Mega Menu | Cửa hàng nhiều ngành hàng trên máy tính, cần cho khách thấy tổng quan toàn bộ danh mục ngay. | Desktop shoppers first: máy tính để bàn chiếm tỷ trọng doanh thu chủ đạo của bạn. |
Khả năng khách tìm thấy hàng hóa phụ thuộc rất nhiều vào tín hiệu trực quan. Như Nielsen Norman Group đã đúc kết trong nghiên cứu điều hướng di động: “visual salience, information scent, context, tappability signifiers, and user expectations also affect navigation discoverability on mobile devices” (Nielsen Norman Group).
Hãy tham khảo bài phân tích sâu về how to choose the right menu type theo quy mô store, và tìm hiểu lý do các merchant kết hợp tab bars and hybrid mobile navigation để tối ưu công thái học di động. Hãy chọn đúng một định dạng trong hôm nay.
Step 3: Install the app and turn on the app embed
Hãy cài đặt app tạo menu bạn đã chọn từ Shopify App Store. Sau khi cài, app sẽ xuất hiện trong Shopify Admin tại phần Apps. Tuy nhiên, chỉ cài app thôi thì menu chưa thể xuất hiện ngay trên cửa hàng.
Các app Shopify hiện đại hoạt động dựa trên cơ chế app embed. Theo tài liệu của Shopify, app embed là phần tử do app cung cấp, nổi hoặc phủ lên theme (Shopify Help Center). Cơ chế này cho phép thêm tính năng mà không cần chỉnh sửa trực tiếp vào mã nguồn Liquid của theme.
Các bước bật app embed (turn on the app embed):
- Trong Shopify Admin, vào mục Online Store > Themes.
- Chọn theme bạn muốn thực hành—tốt nhất là một bản sao lưu theme (hướng dẫn ở Bước 6)—rồi nhấn Customize.
- Ở thanh công cụ bên trái, bấm vào biểu tượng App embeds (Shopify Help Center).
- Tìm app tạo menu của bạn và gạt công tắc sang trạng thái Bật (On).
- Nhấn Save (Lưu) ở góc trên cùng bên phải.
- Xem thử cửa hàng để thấy app chạy thật (Shopify Help Center).
Tài liệu kỹ thuật của Shopify chỉ ra rằng app embed dùng được với mọi phiên bản theme (Shopify Help Center). Dù vậy, điều này không đồng nghĩa mọi app đều tự động tương thích hoàn hảo với mọi bố cục theme tùy biến. Ngoài ra, hãy nhớ quy tắc quan trọng này: nếu sau này bạn đổi theme đang xuất bản, bạn phải bật lại app trên theme mới (Shopify Help Center).
Để hiểu rõ hơn về kiến trúc theme extension, bạn có thể đọc bài viết how app embeds work with your theme.
Step 4: Build your first menu: items, links, and icons
Mở trang quản trị của app từ Shopify Admin để bắt đầu dựng menu. Hãy giữ bản dựng đầu tiên thật gọn gàng: tạo 4 đến 5 mục cấp 1 bám sát bản phác thảo bạn đã chuẩn bị ở Bước 1.
Các lưu ý khi thao tác:
- Đặt tên mục rõ ràng: Dùng các nhãn quen thuộc như “Hàng mới về”, “Bộ sưu tập”, “Bán chạy” hoặc “Hỗ trợ”. Tránh các câu khẩu hiệu tiếp thị dài dòng khiến khách phân vân.
- Gắn link tới điểm đến có thật: Liên kết từng mục tới một bộ sưu tập hoặc trang thông tin đã xuất bản công khai. Không dẫn link tới danh mục rỗng.
- Chọn biểu tượng trực quan: Khi dựng thanh Tab Bar đáy, hãy ghép nhãn chữ với một biểu tượng quen thuộc (ngôi nhà cho Trang chủ, kính lúp cho Tìm kiếm, túi hàng cho Giỏ hàng). Luôn hiển thị nhãn chữ bên cạnh icon để bảo đảm tính trợ năng.
- Thêm mục con chừng mực: Khi các mục chính đã hiển thị ổn định, bạn mới bổ sung mục phụ. Lưu ý rằng một mục cấp 1 trong Shopify chỉ nên chứa tối đa hai cấp lồng bên dưới (Shopify Help Center).
- Kết nối menu Shopify có sẵn nếu app hỗ trợ: Nhiều app cho phép kết nối trực tiếp cây menu từ Content > Menus. Nếu có tính năng này, hãy dùng để nhập sẵn danh mục thay vì gõ lại thủ công.
Ghi chú: Bài viết này chỉ tập trung vào việc làm quen và dựng menu đầu tiên. Kỹ thuật dựng các khối mega menu phức tạp nhiều cột kết hợp ảnh khuyến mãi sẽ được đào sâu ở các bài viết chuyên biệt.
Step 5: Match your brand: colors, fonts, and position
Một thanh menu mang màu sắc mặc định lạc điệu sẽ tạo cảm giác thiếu chuyên nghiệp cho cửa hàng. Hãy tùy biến lại giao diện menu để đồng bộ với phong cách thương hiệu của bạn.
Tập trung vào ba yếu tố trực quan:
- Màu sắc: Mở cài đặt theme đang chạy và sao chép chính xác mã màu hex của nền, thanh header, nút bấm và chữ. Áp dụng các mã màu này vào nền menu, viền, trạng thái kích hoạt và icon. Giữ độ tương phản màu cao để khách dễ đọc khi đi ngoài trời.
- Phông chữ và cỡ chữ: Sử dụng cùng phông chữ với nội dung chính của theme. Giữ cỡ chữ trên điện thoại đủ rõ để dễ đọc và dễ chạm.
- Vị trí hiển thị: Cố định Tab Bar sát cạnh đáy màn hình; căn chỉnh Mobile Drawer trượt từ cạnh trái; đặt Mega Menu ngay sát dưới thanh header chính.
Hãy kiểm tra kỹ để thanh menu mới không che khuất các nút quan trọng của theme, ví dụ như nút “Thêm vào giỏ” dạng dính hoặc khung bong bóng chat hỗ trợ.
Đọc thêm bài hướng dẫn make navigation feel like your store để nắm vững các nguyên tắc thiết kế nhận diện thương hiệu.
Step 6: Preview on a phone and a desktop before you publish
Tuyệt đối không xuất bản một menu mới dựng trực tiếp lên cửa hàng đang bán mà chưa kiểm tra. Một liên kết hỏng hay một nút bấm bị che khuất có thể làm gián đoạn trải nghiệm thanh toán của khách. Hãy áp dụng ba quy tắc kiểm thử an toàn sau:
Hình 2: Minh hoạ khái niệm (Concept illustration) — Step 6: Preview on a phone and a desktop before you publish
- Duplicate theme first (Nhân bản theme trước): Tài liệu hướng dẫn của Shopify khuyên rằng trước khi tùy biến cửa hàng, bạn nên “make a backup copy so that you can discard your changes and start again if you need to” (Shopify Help Center). Trong Online Store > Themes, chọn Actions > Duplicate trên theme đang chạy. Hãy bật app embed và dựng menu trên bản sao chưa xuất bản này để khách không nhìn thấy quá trình bạn chỉnh sửa.
- Tap every item (Chạm thử từng mục): Đừng chỉ dựa vào khung xem trước thu nhỏ trên màn hình máy tính. Preview on a phone: hãy mở liên kết xem trước của theme bản sao trên một chiếc điện thoại thật. Cầm điện thoại bằng một tay và chạm thử vào từng tab, từng liên kết và nút đóng mở danh mục để chắc chắn độ nhạy cảm ứng hoạt động mượt mà.
- Check the theme menu (Kiểm tra menu của theme): Quan sát xem menu mới của app có hiển thị song song hay đè lên menu gốc của theme không. Vì vị trí hiển thị menu chính và drop-down phụ thuộc theme (Shopify Help Center), bạn có thể cần ẩn bớt khối menu header mặc định của theme để tránh tình trạng có hai thanh menu xuất hiện cùng lúc.
Đồng thời, mở rộng cửa sổ trình duyệt trên máy tính để kiểm tra bố cục hiển thị trên màn hình rộng.
Step 7: Publish, check every link, and fix common problems
Sau khi các bước xem thử đều đạt yêu cầu, bạn đã sẵn sàng xuất bản. Với một số app tạo menu, trong đó có Navi+, việc bật app embed trong theme editor mới chỉ kích hoạt script; bạn vẫn cần bấm nút xuất bản riêng bên trong bảng điều khiển của app để đẩy menu lên website (Navi+ Help Center).
Check every link: Sau khi xuất bản, hãy mở cửa sổ ẩn danh và bấm thử từng liên kết trên cửa hàng thật. Nếu menu chưa hiển thị đúng, hãy tra cứu bảng xử lý sự cố nhanh dưới đây:
| Hiện tượng | Nguyên nhân phổ biến | Cách xử lý |
|---|---|---|
| Menu không hiển thị trên store | Chưa bật app embed hoặc chưa lưu trong theme editor (Shopify Help Center), hoặc chưa bấm nút xuất bản bên trong app (Navi+ Help Center). | Vào Theme Editor > App embeds, bật công tắc, nhấn Save, sau đó mở app và nhấn nút xuất bản lên website. |
| Menu biến mất sau khi đổi theme | Theme mới xuất bản chưa được bật lại app embed (Shopify Help Center). | Vào Online Store > Themes > Customize trên theme đang chạy, mở tab App embeds, gạt bật app và nhấn Save. |
| Hai menu hiển thị đè lên nhau | Menu mặc định của theme vẫn đang hoạt động cùng lúc với menu của app (Shopify Help Center). | Trong phần tùy biến header của theme, ẩn bớt khối menu gốc hoặc chuyển app sang một vị trí khác (như thanh Tab Bar ở đáy). |
Nếu gặp các lỗi giao diện phức tạp không tự chỉnh được, hãy tham khảo tài liệu hướng dẫn hoặc liên hệ đội ngũ hỗ trợ của nhà phát triển app.
Trade-offs: when you don’t need a menu builder app yet
Một góc nhìn khách quan là cần thiết: không phải cửa hàng Shopify nào cũng bắt buộc phải cài app tạo menu. Biết rõ khi nào các công cụ mặc định đã đủ dùng sẽ giúp bạn tiết kiệm thời gian và chi phí vận hành.
Nếu cửa hàng của bạn có danh mục nhỏ—ví dụ chỉ bán một sản phẩm đơn lẻ hoặc vài mặt hàng—hệ thống điều hướng tích hợp sẵn trong Content > Menus của Shopify thường đã đủ dùng (Shopify Help Center). Menu mặc định của Shopify hỗ trợ mục cấp 1 với tối đa hai cấp lồng bên dưới (Shopify Help Center), mang lại sự tinh gọn mà không làm nặng thêm quy trình quản trị.
Việc cài đặt thêm app bên thứ ba luôn đi kèm những đánh đổi thực tế: thêm một giao diện cấu hình cần theo dõi, mất thời gian làm quen và phải nhớ kích hoạt lại app embed mỗi lần nâng cấp theme (Shopify Help Center).
Tuy nhiên, khi số lượng mặt hàng tăng lên và bạn nhận thấy các giới hạn rõ rệt—như cần thanh tab bar cố định ở đáy cho khách dùng điện thoại, một drawer trượt tùy biến linh hoạt, hoặc mega menu có hình ảnh minh họa mà theme không hỗ trợ—việc nâng cấp lên một app tạo menu chuyên dụng là một quyết định đầu tư đúng lúc.
Bạn có thể đọc thêm bài phân tích về Shopify theme menu limitations để xác định xem catalog của mình đã vượt quá giới hạn theme mặc định hay chưa.
What to learn next: Icon Menu, Floating Button, and seasonal menus
Khi menu đầu tiên đã chạy ổn định trên cửa hàng, bạn có thể tìm hiểu thêm các định dạng điều hướng nâng cao để hỗ trợ khách khám phá sản phẩm nhanh hơn:
- Icon Menu: Bổ sung một hàng biểu tượng danh mục hình tròn hoặc thẻ ảnh nổi bật trên trang chủ, giúp khách nhận diện ngành hàng qua hình ảnh trực quan thay vì đọc danh sách chữ.
- Floating Button (FAB): Đặt một nút tròn nổi ở góc dưới màn hình để tạo lối tắt một chạm dẫn tới các nhu cầu thiết yếu như tra cứu đơn hàng, hỗ trợ trực tuyến hoặc ưu đãi thành viên.
- Menu điều hướng theo mùa: Học cách sắp xếp lại cây menu vào các dịp lễ tết hoặc khuyến mãi lớn, đưa các bộ sưu tập quà tặng lên vị trí ưu tiên cao nhất.
Hãy khám phá thêm bài viết when an icon menu beats a text list cho trải nghiệm tìm kiếm hình ảnh, và đo lường tương tác của khách qua 5 metrics worth tracking sau khi xuất bản menu.
Where Navi+ fits
Nếu bạn đang tìm kiếm một ứng dụng để thực hành toàn bộ các bước trong bài viết này trên một giao diện thống nhất, hãy cân nhắc Navi+ Tab Bar & Mega Menu.
Navi+ được phát triển chuyên biệt cho các chủ shop Shopify muốn thiết lập thanh tab bar đáy dính, mega menu máy tính, menu drawer trượt di động, icon menu và nút nổi chỉ bằng thao tác kéo thả trực quan (Shopify App Store). Thay vì phải gõ lại danh mục từ đầu, Navi+ cho phép kết nối trực tiếp với menu Shopify có sẵn, cung cấp sẵn các mẫu bố cục và hỗ trợ gợi ý cấu trúc bằng AI (Shopify App Store).
App có sẵn gói miễn phí giúp bạn an tâm trải nghiệm mà không tốn chi phí ban đầu (Shopify App Store). Quy trình xuất bản của Navi+ rất mạch lạc: bạn chỉ cần bật nút gạt app embed “Store Connector” trong theme editor của Shopify, tinh chỉnh menu, rồi quay lại app bấm “Publish to website” (Navi+ Help Center).
Đặc biệt, tài liệu hỗ trợ của Navi+ cũng khuyên các cửa hàng đang có lượng truy cập thực tế áp dụng đúng nguyên tắc an toàn: “The best practice is to create a duplicate Theme and test Navi+ on that version first” (Navi+ Help Center). Điều này giúp bạn thoải mái căn chỉnh màu sắc, xem thử trên điện thoại thật và chỉ xuất bản khi hoàn toàn ưng ý.
Action checklist: your first-session plan
Sử dụng danh sách kiểm tra này cho buổi thiết lập menu đầu tiên của bạn:
- Sketch your menu structure: Vẽ sơ đồ 4–5 danh mục chính và các bộ sưu tập con ra giấy.
- Tidy Content > Menus: Dọn bớt liên kết cũ và sản phẩm nháp trong Shopify Admin (Shopify Help Center).
- Duplicate theme first: Tạo bản sao theme trong mục Themes để thử nghiệm an toàn (Shopify Help Center).
- Pick one menu type: Chọn học đúng một loại: Tab Bar, Mobile Drawer hoặc Mega Menu.
- Turn on the app embed: Bật nút gạt app embed ở thanh bên theme editor và nhấn Save (Shopify Help Center).
- Build 4–5 core items: Gán nhãn ngắn gọn, icon phù hợp và link bộ sưu tập thật.
- Match colors/fonts: Đồng bộ mã màu hex và phông chữ cho ăn khớp với theme.
- Tap every item on a phone: Mở xem thử trên điện thoại thật và chạm thử từng nút.
- Publish and check every link: Bấm xuất bản trong app và duyệt lại link trên store thật (Navi+ Help Center).
- Re-check after theme changes: Bật lại app embed nếu sau này có đổi sang theme khác (Shopify Help Center).
Nếu bạn muốn thực hành các bước này trên một app duy nhất, Navi+ Tab Bar & Mega Menu có gói miễn phí, các template dựng sẵn và hỗ trợ kết nối menu Shopify có sẵn — hãy bắt đầu trên một theme bản sao và xuất bản khi bạn đã hài lòng.
FAQ
Tôi nên dựng loại menu nào đầu tiên?
Hãy bắt đầu với định dạng phục vụ nơi phần lớn khách hàng của bạn mua sắm: chọn Tab Bar hoặc Mobile Drawer nếu khách chủ yếu dùng điện thoại, hoặc Mega Menu nếu cửa hàng có nhiều ngành hàng trên máy tính.
Tôi có cần chỉnh sửa menu Shopify trước không?
Nên dọn dẹp các liên kết trong Content > Menus trước để chuẩn hóa đường dẫn gốc (Shopify Help Center); các app như Navi+ có thể kết nối trực tiếp với menu Shopify có sẵn để tiết kiệm thời gian (Shopify App Store).
Cách bật app embed trong Shopify như thế nào?
Trong Shopify Theme Editor, bấm vào biểu tượng App embeds ở thanh bên trái, tìm tên app menu của bạn, gạt công tắc sang Bật (On) và nhấn Save (Lưu) (Shopify Help Center).
Tại sao menu của app không hiển thị trên store?
Các nguyên nhân phổ biến nhất là chưa gạt bật hoặc chưa lưu app embed trong theme editor (Shopify Help Center), chưa bật lại app embed sau khi đổi theme (Shopify Help Center), hoặc chưa nhấn nút xuất bản bên trong app (Navi+ Help Center).
Tôi có thể thử nghiệm mà không để khách thấy không?
Có. Hãy nhân bản theme đang chạy trong Shopify admin, bật app embed và dựng menu trên bản sao đó, rồi xem thử riêng tư trên điện thoại trước khi xuất bản lên theme chính (Shopify Help Center; Navi+ Help Center).
Menu thả xuống của Shopify có thể có bao nhiêu cấp?
Trong menu mặc định của Shopify, một mục cấp 1 có thể chứa tối đa hai cấp menu thả xuống lồng bên dưới (Shopify Help Center).
Sources
- Shopify Help Center: Set up drop-down menus in your online store
- Shopify Help Center: Menus and links
- Shopify Help Center: App embeds and theme extensions
- Shopify Help Center: Duplicating themes
- Nielsen Norman Group: Mobile Navigation Discoverability
- Navi+ Help Center: Publishing on Shopify
- Shopify App Store: Navi+ Tab Bar & Mega Menu
Khám phá các chủ đề
Bài này dẫn tới các bài chuyên sâu hơn — đào sâu từng phần.