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

3. 동영상으로 보는 Wix 사이트 검색 추가 방법