Navi+는 Shopify에서만 작동하나요?

아니요. Shopify 스토어의 경우 Shopify 앱 스토어에서 설치할 수 있으며, dash.naviplus.app에서 계정을 생성하고 스니펫을 추가하여 임베드 스니펫을 통해 모든 웹사이트(예: WordPress, Wix, Webflow 및 기타 플랫폼)에서도 작동합니다.

Navi+가 제 테마나 다른 앱과 충돌할까요?

Navi+에 따르면, 순수 HTML5 및 CSS3로 구축되었으며 외부 JavaScript 라이브러리를 사용하지 않아 테마 또는 다른 앱과의 충돌이 전혀 발생하지 않도록 설계되었습니다.

Navi+는 모바일 및 데스크톱 메뉴를 지원하나요?

네. 모바일 우선으로 설계되었으며 모바일과 데스크톱에 대한 별도의 구성을 지원합니다. 예를 들어, 모바일에서는 탭 바를 사용하고 데스크톱에서는 메가 메뉴를 독립적으로 사용할 수 있습니다.

Navi+가 제 스토어 또는 웹사이트 속도를 저하시킬까요?

Navi+는 가볍고 6개 대륙에 걸쳐 엣지 서버를 갖춘 글로벌 CDN을 통해 제공되어 지연을 피하고 사이트 속도를 저하시키지 않도록 설계되었다고 명시하고 있습니다.

Navi+에는 어떤 AI 기능이 포함되어 있나요?

Navi+에는 AI 지원 메뉴 디자인(자신의 계정으로 ChatGPT, Claude 또는 Gemini 사용), 기존 사이트 메뉴를 Navi+로 스캔/변환하는 옵션, 9개 언어로 원클릭 AI 번역 기능이 포함되어 있습니다.

무료 플랜에는 무엇이 포함되어 있나요?

무료 플랜에는 평생 사용, 메뉴 1개, 월 최대 50,000회 조회, 핵심 기능, 이메일 지원이 광고 없이 포함됩니다. 유료 플랜은 더 많은 메뉴, 더 높은 조회수 제한, 연중무휴 지원을 위해 월 $6.25부터 시작합니다.

Navi+를 사용하려면 코딩 방법을 알아야 하나요?

아니요. Navi+는 템플릿과 사용자 지정 옵션을 갖춘 드래그 앤 드롭 방식입니다. 고급 사용자는 더 깊은 사용자 지정을 위해 선택적으로 사용자 지정 CSS, HTML 또는 JavaScript를 추가할 수 있습니다.

Navi+ Menu Builder

WebsiteFreemiumAI Website Builder

Navi+ 메뉴 빌더는 코드가 필요 없는 AI 기반 탐색 레이어로, 탭 바, 메가 메뉴, 슬라이드 메뉴, 플로팅 버튼 등을 몇 분 안에 모든 웹사이트에 추가하고 사용자 정의할 수 있습니다. 모바일 우선, 다국어 지원, 글로벌 CDN 전송을 통해 속도에 최적화되어 있습니다.

웹사이트 방문

이 도구 광고하기

https://naviplus.io/?ref=producthunt&utm_source=aipure

개요
대안

제품 정보

업데이트됨:Jun 8, 2026

Navi+ Menu Builder이란?

Navi+ 메뉴 빌더(Navi+ AI 메뉴 빌더)는 테마를 재설계하거나 코드를 작성하지 않고도 현대적인 웹사이트 탐색 기능을 만들 수 있는 드래그 앤 드롭 도구입니다. Shopify(공식 앱을 통해) 및 WordPress, Wix, Webflow, Squarespace, WooCommerce와 같은 다른 플랫폼 또는 간단한 임베드 스니펫을 통해 모든 사용자 정의 사이트에서 작동합니다. 20개 이상의 사전 디자인된 레이아웃과 하단/탭 바, 메가 메뉴, 슬라이드(서랍/햄버거) 메뉴, 그리드 메뉴, FAB(플로팅 액션 버튼)와 같은 여러 메뉴 유형을 통해 Navi+는 방문자가 더 깔끔하고 앱과 같은 경험으로 주요 페이지, 제품, 캠페인 및 유틸리티(검색, 지원, 채팅)로 이동하도록 돕습니다.

Navi+ Menu Builder의 주요 기능

Navi+ 메뉴 빌더는 코딩 없이 드래그 앤 드롭 방식으로 내비게이션을 구축할 수 있는 도구로, 임베드 스니펫을 통해 Shopify 및 기타 플랫폼 전반에 걸쳐 여러 메뉴 유형(탭 바, 메가 메뉴, 슬라이드 메뉴, 고정/내비게이션 바, 플로팅 버튼, 그리드 레이아웃)을 추가하고 사용자 지정할 수 있습니다. 가볍고 테마에 안전하게 설계되었으며(순수 HTML5/CSS3), 모바일 우선 및 개별 모바일/데스크톱 구성을 지원하고, 메뉴 디자인 생성, 기존 메뉴 가져오기, 다국어 자동 번역과 같은 AI 지원 워크플로우를 포함합니다. 메뉴는 빠른 성능을 위해 글로벌 CDN을 통해 제공되며, 고급 사용자는 선택적으로 사용자 지정 CSS/HTML/JavaScript로 확장할 수 있습니다.

다중 유형 내비게이션 시스템: 탭 바, 메가 메뉴, 슬라이드 메뉴, 드롭다운/그리드 레이아웃, 고정 내비게이션 바, 플로팅 액션 버튼을 구축하세요. 다양한 UX 작업(모바일 빠른 액세스 vs. 데스크톱 탐색)을 위해 하나를 사용하거나 여러 개를 결합할 수 있습니다.

코드 없는 드래그 앤 드롭 빌더 + 템플릿: 미리 디자인된 템플릿에서 시작하여 시각적 편집기로 색상, 아이콘, 레이아웃 및 구조를 사용자 지정하세요. 디자인 또는 기술 기술이 필요하지 않습니다.

AI 지원 생성 및 최적화: AI로 메뉴를 생성하거나 재설계하고, 기존 사이트 메뉴를 스캔/가져와 Navi+에서 다시 만들고, 메뉴 콘텐츠를 여러 언어로 자동 번역하세요.

별도 데스크톱 구성이 가능한 모바일 우선: 모바일 및 데스크톱 경험을 독립적으로 구성하여(예: 모바일에서는 탭 바, 데스크톱에서는 메가 메뉴) 장치 전반에 걸쳐 더 나은 유용성을 제공합니다.

빠르고 가볍고 테마에 안전한 제공: 테마/앱 충돌을 피하기 위해 순수 HTML5/CSS3로 구축되었으며, 낮은 지연 시간 성능을 위해 6개 대륙에 걸쳐 에지 서버를 갖춘 글로벌 CDN을 통해 제공됩니다.

고급 사용자를 위한 확장 가능: 선택적으로 사용자 지정 CSS/HTML/JavaScript를 추가하고 메뉴 구성을 내보내거나 재사용하여(예: JSON 내보내기) 사이트 또는 테마 전반에서 더 빠르게 반복할 수 있습니다.

Navi+ Menu Builder의 사용 사례

이커머스 상점 내비게이션 (Shopify/WooCommerce): 주요 목적지(상점, 검색, 장바구니, 지원)를 위한 모바일 탭 바와 카테고리 탐색, 프로모션, 추천 컬렉션을 위한 데스크톱 메가 메뉴를 결합하여 제품 발견 및 전환율을 향상시키세요.

콘텐츠 중심 사이트 (블로그/뉴스/잡지): 메가 메뉴와 슬라이드 메뉴를 사용하여 깊은 토픽 트리를 구성하고, 인기 기사를 강조하며, 헤더를 압도하지 않고 독자를 주요 섹션으로 안내하세요.

다국어 / 국제 사이트: 메뉴를 자동 번역하고 언어 변형을 유지하여 전 세계 방문자가 빠르게 탐색할 수 있도록 돕고, 특히 새로운 지역으로 확장하는 상점에 유용합니다.

서비스 비즈니스 및 리드 생성: 플로팅 버튼 또는 하단 바를 사용하여 눈에 띄는 액션 항목(전화, WhatsApp, 예약, 문의)으로 앱과 같은 내비게이션을 만들어 문의 및 예약을 늘리세요.

캠페인 및 시즌 프로모션 허브: 캠페인 타일/배너를 특징으로 하고 방문자를 우선 랜딩 페이지로 안내하여 세일 이벤트(예: 블랙 프라이데이)를 위한 임시 내비게이션 레이아웃을 빠르게 만드세요.

크로스 플랫폼 웹사이트 (WordPress, Wix, Webflow, Squarespace): 단일 스니펫을 삽입하여 테마를 다시 구축하지 않고도 현대적인 내비게이션을 추가할 수 있습니다. 이는 다양한 사이트 빌더에서 일관된 메뉴 시스템을 원하는 팀에 유용합니다.

장점

템플릿과 드래그 앤 드롭 편집을 통한 진정한 코드 없는 설정; 필요할 때 선택적 고급 사용자 지정.

모바일 우선, 다중 메뉴 접근 방식은 '모바일에서 축소되는 단일 메가 메뉴'보다 더 나은 UX를 가능하게 합니다.

가볍고 충돌 없이(HTML5/CSS3) 설계되었으며, 속도를 위해 글로벌 CDN을 통해 제공됩니다.

평생 사용, 핵심 기능 및 넉넉한 월별 보기 제한이 포함된 무료 플랜을 사용할 수 있습니다.

단점

일부 고급 기능(예: 더 풍부한 템플릿/기능, 여러 메뉴)은 무료/스타터 등급에서 업그레이드해야 할 수 있습니다.

AI 지원 가져오기 후에도 기존 메뉴를 스캔한 후 수동 조정이 필요할 수 있습니다.

특정 플랫폼별 기능(예: 완전한 다국어 워크플로우)은 다른 플랫폼보다 Shopify에서 더 성숙할 수 있습니다.

Navi+ Menu Builder 사용 방법

1) Navi+를 웹사이트에 설치 또는 연결: Shopify: Shopify 앱 스토어에서 공식 앱을 설치합니다. 다른 플랫폼(WordPress/Wix/Webflow/Squarespace/사용자 정의): naviplus.io로 이동하여 무료 계정을 만들고 dash.naviplus.app에 로그인한 후 연결 지침을 따릅니다.

2) 메뉴가 나타날 위치 선택 (임베드 방식): 메뉴를 모든 페이지(사이트 전체)에 표시할지 또는 특정 섹션/페이지에만 표시할지 결정합니다. Shopify에서는 테마 설정에 따라 테마/섹션(일반적) 또는 페이지별/섹션별 임베드를 통해 임베드할 수 있습니다.

3) Navi+ 대시보드에서 새 메뉴 생성: dash.naviplus.app에서 메뉴를 만들고 필요한 메뉴 유형(예: 모바일용 하단/탭 바, 데스크톱용 메가 메뉴, 슬라이드/서랍 메뉴, FAB, 그리드)을 선택합니다.

4) 템플릿 선택: 사전 디자인된 레이아웃(20개 이상의 템플릿) 중에서 선택합니다. 템플릿은 완전히 사용자 정의 가능하며 다양한 장치 및 사용 사례에 맞게 설계되었습니다.

5) 메뉴 구조 구축 (드래그 앤 드롭): 메뉴 항목을 추가하고 그룹/레벨로 구성하며 링크를 구성합니다. 사용성을 유지하기 위해 깊이를 적절하게 유지합니다(종종 2단계면 충분합니다).

6) 디자인 사용자 정의: 색상, 글꼴, 간격, 아이콘/이미지 및 레이아웃 옵션을 조정합니다. 더 깊은 제어가 필요한 경우 사용자 정의 CSS를 사용합니다(Navi+는 CSS를 통한 고급 사용자 정의를 지원합니다).

7) 모바일 vs 데스크톱 동작 구성 (모바일 우선): 원하는 경우 모바일과 데스크톱에 대해 별도의 메뉴를 설정합니다(예: 모바일에서는 하단/탭 바, 데스크톱에서는 메가 메뉴). Navi+는 단일 반응형 메뉴에 의존하기보다는 각 장치 유형을 최적화하도록 설계되었습니다.

8) (선택 사항) AI 기능을 사용하여 설정 속도 향상: AI를 사용하여 메뉴 색상/구조/콘텐츠를 재설계하고, 기존 사이트 메뉴를 Navi+로 변환/가져오고, 메뉴를 여러 언어로 자동 번역합니다.

9) (선택 사항) 다국어 메뉴 활성화: Navi+에서 직접 메뉴에 추가 언어를 추가합니다(추가 플러그인 필요 없음). 대시보드/문서에 지시된 대로 언어 설정을 구성합니다.

10) 비 Shopify 사이트에 메뉴 임베드 (스니펫 붙여넣기): Navi+에서 제공된 임베드 코드를 복사하여 메뉴를 로드하려는 사이트에 붙여넣습니다. 예시에는 CDN에서 Navi+를 로드하는 스크립트 태그와 컨테이너 요소, shop, embed_id, sticky 동작과 같은 선택적 설정이 포함됩니다.

11) 메뉴 게시: Navi+ 대시보드에서 게시를 클릭합니다. 메뉴가 활성화되고 빠른 로딩을 위해 CDN 엣지를 통해 제공됩니다.

12) 실시간 트래픽에 배포하기 전에 안전하게 테스트: 사이트에 정기적인 트래픽이 있는 경우 Shopify 테마(또는 스테이징 환경)를 복제하고 거기서 먼저 Navi+를 테스트합니다. 메뉴는 언제든지 켜고 끌 수 있습니다.

13) 일반적인 문제 해결 (테마/앱 충돌): 메뉴가 다른 고정 요소와 겹치는 경우 z-index를 조정합니다. Shopify에 메뉴를 삽입할 수 없는 경우 일반적인 원인으로는 비 OS2.0 테마, 심하게 수정된 테마 또는 Shopify 섹션을 재정의하는 페이지 빌더 앱이 있습니다.

14) Shopify 기본 메뉴를 교체할 때 인지되는 지연 감소 (선택 사항): 테마의 기본 메뉴를 교체/삽입 전/후할 때 Shopify는 기본 메뉴를 먼저 렌더링하여 약간의 지연을 유발할 수 있습니다. 모범 사례: 테마에서 CSS로 기본 테마 메뉴를 숨겨 변경 사항이 즉시 적용되도록 합니다.

15) 메뉴 항목을 메뉴 간에 재사용 또는 전송 (빠른 방법): 두 개의 브라우저 탭에서 Navi+ 앱을 열고 한 메뉴에서 다른 메뉴로 메뉴 항목을 복사합니다.

16) 플랜 제한 내에서 유지 (스타터 플랜 팁): 스타터 플랜(1개 메뉴 슬롯)에서는 사용할 수 없는 기능(예: 이미지 업로드/고급 상호 작용)이 필요한 경우 빨간색 (i) 경고로 표시된 항목을 제거하거나, 더 많은 메뉴와 기능(종종 평가판 포함)을 잠금 해제하려면 Business/Elite로 업그레이드합니다.