Tạo Vertical Mega Menu Đẹp Trong Elementor (Menu Dọc) – Hướng Dẫn Chi Tiết Miễn Phí [Có Video]

Nếu bạn mới bắt đầu tìm hiểu WordPress hãy đọc thật kĩ bài này kết hợp xem video có đính kèm bên dưới nhé.

Bạn đã biết dùng Elementor, nhưng đang đau đầu vì muốn làm Vertical Mega Menu mà không phải mua bản Pro hoặc plugin đắt đỏ?

Tin vui là: bạn hoàn toàn có thể tạo Vertical Mega Menu với Elementor Free một cách dễ dàng, đẹp mắt và chuẩn SEO. Đặc biệt, mình chính là tác giả plugin Wpshare247 Elementor Addons – giúp bạn tạo Vertical Menu nhanh gọn, không cần viết code.

Nếu như bạn đã biết tạo nó trong Flatsome theme rồi thì Bài viết này sẽ giúp bạn hiểu và làm được ngay Vertical Mega Menu trong elementor, với hướng dẫn chi tiết và logic nhất.

1. Vertical Mega Menu Trong Elementor Là Gì Và Có Nên Dùng Không?

Vertical Mega Menu là menu điều hướng dọc (thường đặt bên trái hoặc bên phải website) với khả năng:

• Chứa nhiều cột hoặc nhiều nhóm liên kết
• Chèn icon, hình ảnh, hoặc widget nâng cao
• Gọn gàng hơn menu ngang truyền thống, phù hợp website có nhiều danh mục

Nên dùng Vertical Mega Menu nếu:

• Website có nhiều danh mục, cần trình bày rõ ràng
• Muốn tối ưu trải nghiệm người dùng trên desktop và mobile
• Tạo giao diện hiện đại, chuyên nghiệp hơn
• Hỗ trợ SEO tốt (Google dễ hiểu cấu trúc site)

2. Làm Vertical Mega Menu Bằng Elementor Free Có Khó Không?

Không khó, chỉ cần bạn nắm 3 điểm:

• Dùng Elementor Section + Inner Section để chia layout dọc
• Sắp xếp widget (Heading, Icon List, Image) thành menu
• Nếu cần, dùng CSS để tinh chỉnh giao diện hoặc hiệu ứng hover

Tuy nhiên, nếu tự xây dựng hoàn toàn bằng section thì:

• Tốn công chỉnh từng layout
• Không có sẵn chức năng Toggle Menu (thu gọn – mở rộng)
• Không tự động ẩn hiện trên mobile

Giải pháp nhanh hơn là dùng plugin. Và đó là lý do mình tạo ra Wpshare247 Elementor Addons – hoàn toàn miễn phí!

3. Plugin Wpshare247 Elementor Addons Là Gì Và Hỗ Trợ Vertical Mega Menu Như Thế Nào?

Wpshare247 Elementor Addons là plugin do chính mình phát triển, nhằm bổ sung thêm nhiều widget mới cho Elementor Free, trong đó có widget Vertical Menu.

Widget Vertical Mega Menu Elementor

Tính năng Vertical Menu của plugin:

• Tạo menu dọc dễ dàng chỉ bằng kéo-thả
• Hỗ trợ icon, text, URL cho từng menu item
• Tuỳ chỉnh màu sắc, font, khoảng cách
• Hỗ trợ hiệu ứng hover
• Tương thích mobile
• Nhẹ, không ảnh hưởng tốc độ website

👉 Tải plugin miễn phí tại đây:

WPSHARE247 Elementor Addons

4. Làm Thế Nào Tạo Vertical Mega Menu Trong Elementor Free Bằng Plugin Wpshare247?

Mình sẽ hướng dẫn chi tiết, từng bước, y như trong video của mình.

Bước 1 – Cài Plugin Wpshare247 Elementor Addons

• Vào Dashboard WordPress → Plugins → Add New
• Tìm “wpshare247 elementor addons”
• Bấm Install Now → Activate

Bước 2 – Tạo Template Vertical Mega Menu

• Vào Templates → Add New
• Chọn Section → Đặt tên (ví dụ: Vertical Mega Menu)

Bước 3 – Kéo Widget Vertical Menu Vào Section

• Mở Elementor editor
• Tìm widget “Vertical Menu” (biểu tượng Wpshare247)
• Kéo vào section bạn vừa tạo

Bước 4 – Thêm Item Cho Menu

• Nhập:
  • Tên menu item (ví dụ: Trang Chủ, Dịch Vụ, Blog, Liên Hệ,…)
  • URL dẫn tới trang tương ứng
  • Chọn icon (nếu muốn)
• Thêm các mục con nếu muốn tạo menu đa cấp

Bước 5 – Tuỳ Chỉnh Giao Diện

• Màu sắc
• Kiểu chữ
• Khoảng cách dòng
• Hiệu ứng hover
• Độ rộng menu

Bước 6 – Kiểm Tra Responsive

• Chuyển sang chế độ Mobile trong Elementor
• Tuỳ chỉnh lại khoảng cách nếu cần
• Kiểm tra menu có bị tràn ra ngoài hay không

Bước 7 – Chèn Template Vào Trang Hoặc Header

• Xuất bản template
• Chèn template vào trang bất kỳ bằng Elementor
• Hoặc gắn vào Header nếu theme hỗ trợ

Có Thể Xem Hướng Dẫn Bằng Video Không?

Hoàn toàn có!
Mình đã quay video cực chi tiết:

👉 Xem tại đây:

5. Vì Sao Nên Chọn Wpshare247 Thay Vì Plugin Khác?

• Miễn phí 100%
• Gọn nhẹ → không làm chậm website
• Tương thích Elementor Free
• Code tối ưu, không xung đột với theme phổ biến
• Có mình hỗ trợ trực tiếp (tác giả plugin!)

6. Vertical Mega Menu Có Ảnh Hưởng Tới SEO Không?

Rất tốt cho SEO, vì:

• Giúp Google hiểu rõ cấu trúc website (silo structure)
• Tăng trải nghiệm người dùng → giảm bounce rate
• Dễ điều hướng → khách ở lại site lâu hơn
• Hỗ trợ mobile friendly, chuẩn SEO hiện đại

7. Có Cần Elementor Pro Để Làm Vertical Mega Menu Không?

KHÔNG CẦN!

• Elementor Free + plugin Wpshare247 là đủ để làm Vertical Mega Menu
• Không phải tốn thêm chi phí Pro nếu nhu cầu chỉ dừng ở Mega Menu

8. Mẹo Khi Thiết Kế Vertical Mega Menu Trong Elementor

• Chỉ nên để tối đa 5-10 mục chính → tránh dài quá gây rối mắt
• Chọn màu tương phản nền để dễ đọc
• Test kỹ trên mobile
• Đừng nhồi nhét icon quá nhiều → chỉ dùng để nhấn mạnh điểm chính
• Kết hợp Anchor Link nếu muốn scroll tới từng phần

9. Tải Plugin Và Nhận Hỗ Trợ Miễn Phí

👉 Tải ngay Wpshare247 Elementor Addons tại:

WPSHARE247 Elementor Addons

Cần hỗ trợ? Truy cập website: wpshare247.com hoặc bình luận dưới video YouTube. Mình luôn sẵn sàng hỗ trợ bạn.

Nếu bạn muốn thử thêm lựa chọn khác, bạn cũng có thể dùng plugin ElementsKit Elementor Addons. Plugin này có sẵn widget Vertical Menu giúp tạo menu dọc khá nhanh và dễ thao tác. Tuy nhiên, nhiều tính năng đẹp như hiệu ứng mở rộng hay animation chỉ có ở bản Pro.

Nếu bạn muốn một giải pháp hoàn toàn miễn phí mà vẫn đủ tính năng tạo Vertical Mega Menu đẹp và dễ dùng, mình khuyến khích thử Wpshare247 Elementor Addons – chính plugin mình phát triển. Dùng Elementor Free thôi cũng làm được menu chuyên nghiệp, không tốn thêm chi phí nâng cấp Pro.

Kết Luận

Vertical Mega Menu không còn là tính năng xa xỉ. Bạn hoàn toàn có thể làm nó bằng Elementor Free + plugin miễn phí của mình, tiết kiệm chi phí mà vẫn có website chuyên nghiệp, chuẩn SEO.

Hãy thử ngay, vì một website đẹp và tối ưu SEO bắt đầu từ menu điều hướng thật tốt!