Wix 홈페이지 내에 사이트 검색(Site Search) 기능 추가
![]() |
Wix 사이트 검색 기능이란? |
홈페이지 내에 사이트를 검색할 수 있는 기능을 제공하면 방문자는 편리하게 서비스를 이용할 수 있습니다. 예전에는 Wix 홈페이지 안에 검색 기능을 추가하려면 앱마켓에서 제공하는 기능을 사용했습니다. 검색 기능을 제공하는 앱으로 Fast Simon의 '사이트 검색', LUMIFISH Labs의 'Lumifish Info Bar' , XiSearch의 '검색 내용을 입력하세요' 등이 있습니다. 현재도 사용해도 되지만 무료와 프리미엄으로 나뉘어 있어서 전체 기능을 다 활용하려면 유료 결제가 필요할 수 있습니다.
요즘은 Wix에서 무료로 제공하는 사이트 검색 상자를 추가하여 홈페이지를 제작할 수 있습니다. 무료이면서 사용자 지정 디자인 변경이 가능하며 검색 결과 목록도 표시할 수 있습니다. 내 홈페이지에 사이트 검색(SEARCH) 기능을 구현한다면 방문자는 검색을 통해 편리하게 원하는 것을 찾을 수 있습니다.
![]() |
Wix 앱 마켓 - 검색 관련 앱 보기 |
1. Wix 사이트 검색 추가 방법
1-1 사이트 편집(에디터)에서 <+추가>를 클릭하고 하단의 <기타>로 이동합니다. 추가할 수 있는 요소 중 <사이트 검색>을 선택합니다.
![]() |
편집화면에서 사이트 검색 추가하기 |
1-2 화면 상단의 머리글에 기본적으로 ①검색창(상자)과 ②결과 페이지가 추가됩니다.
![]() |
검색창과 결과페이지 미리보기 |
1-3 검색창은 일반적으로 홈페이지 내에서 항상 노출될 수 있는 머리글과 바닥글에 기본적으로 설치하여 방문자가 언제든지 검색 가능하도록 합니다. 검색창의 배치는 사용자의 디자인에 맞도록 언제든지 변경 가능합니다. 화면에 추가한 < 검색창 > 을 마우스로 선택하고 설정을 변경할 수 있습니다. 플레이스 홀더 텍스트를 변경할 수 있고 두 가지 레이아웃 중에서 선택한 후 아이콘과 텍스트의 정렬과 간격을 조절합니다. 그리고 마지막으로 바운스인, 글라이드인, 페이드인, 떠다니기 등의 애니메이션을 적용할 수 있습니다.
![]() |
검색창 디자인 설정 |
1-4 홈페이지 방문자가 화면 상단의 검색창에 단어를 입력하고 Enter 키를 클릭하면 사이트 검색 결과 페이지로 이동합니다. 화면 상단의 메뉴에서 < 페이지 관리>를 열고 사이트 메뉴 화면에서 SEO, 공개 여부, 레이아웃, 공유, 이름 변경 등 설정을 변경할 수 있으며 검색 결과 페이지는 < Search Results >라는 이름으로 비공개되어 있습니다.
검색 결과 페이지 구성은 ⓐ검색창, ⓑ결과 메뉴, ⓒ검색 결과 3가지입니다. 검색 결과 상단의 ⓐ 검색창은 홈페이지 방문자가 원하는 것을 찾지못했을 때 다른 것을 검색하기 편리합니다. ⓑ결과 메뉴는 사이트에서 검색 문구가 발견된 위치 예를 들면 페이지, 블로그, 게시판 등을 표시합니다. ⓒ검색 결과는 목록 형식으로 보여 지여 결과가 없는 경우 방문자에게 '결과가 없다'라는 메시지를 표시합니다.
![]() |
검색 결과 페이지 구성 |
검색 결과 페이지 설정은 편집 화면에서 < 검색 결과 >를 마우스로 선택하면 <설정>과 스크린 전체를 사용할지 여부를 결정하는 아이콘이 활성화됩니다. 설정 화면에서 플레이스 홀더 텍스트를 변경하고 검색 결과 메시지를 결정하고 페이지당 보일 검색 결과수를 지정합니다. 내 홈페이지의 레이아웃에 맞도록 메뉴와 번호부의 정렬 방식을 선택하고 배경, 테두리, 폰트 등 디자인 요소를 변경합니다.
![]() |
Wix 검색 결과 페이지 설정 변경 |
1-5 검색 결과는 라이브 사이트에서 확인할 수 있습니다. 작업 내용을 게시한 후 바로 결과를 확인할 수 없다면 조금 시간이 지난 후 다시 확인하는 것이 좋습니다. 콘텐츠를 로딩하는데 최대 10분 정도 소요될 수 있습니다.
![]() |
검색 결과 확인 시 주의하기 |
1-6 Wix 홈페이지에 사이트 검색 기능을 추가하더라고 홈페이지에의 모든 내용이 검색되는 것은 아닙니다. 현재는 정적 페이지, Wix Stores 제품, 게시판, 블로그 내용 만 검색할 수 있습니다. 그리고 Wix Bookings, 이벤트, 동적 페이지, 동적 콘텐츠를 포함한 페이지, Wix 다국어의 보조 언어, 비공개 회원 페이지, 비공개 페이지는 검색이 불가합니다. Wix는 항상 새로운 기능을 추가한 후 점차 기능을 개선하기 때문에 검색 가능한 영역은 계속 증가될 것으로 예상할 수 있습니다.
2. 사이트 검색 추가 홈페이지 디자인 포트폴리오 보기
디자인아라 홈페이지를 방문하면 < Wix 사이트 검색>을 추가하여 완성한 디자인을 참고할 수 있습니다. 검색창을 머리글에 추가하지 않고 <라이트박스>를 활용했습니다. 머리글에 삽입된 돋보기 아이콘을 클릭하면 <라이트박스>가 열리고 해당 화면의 검색창에서 검색어를 입력하고 Enter 키를 클릭하면 검색 결과 화면으로 이동하는 디자인 포트폴리오입니다.
![]() |
WiX 전문가 '디자인아라' https://www.designara.kr |
댓글
댓글 쓰기