Wix 에디터: 에디터에서 사용 가능한 요소

7 분 분량
Wix 에디터에는 사이트 제작, 디자인 및 관리에 도움이 되는 다양한 요소가 있습니다. 다양한 카테고리와 유형 중에서 선택해 비즈니스 또는 브랜드를 확장하는 데 필요한 모든 것을 갖추고 있습니다.
다음 도움말을 참고하세요.

요소 카테고리

에디터에는 다양한 요소 유형을 모두 포함하는 세 가지 주요 카테고리가 있습니다.
  • 필수 요소: 사이트의 콘텐츠 대부분을 표시하는 데 사용됩니다. 여기에는 텍스트, 메뉴, 이미지 및 버튼이 포함됩니다. 필수 요소를 사용해 사이트를 설정하고 서비스 및 정보를 소개할 수 있습니다.
  • 장식 요소: 기능적 목적과 장식적 목적으로 사용할 수 있는 다양한 요소가 있습니다. 여기에는 모양, 벡터아트 및 갤러리가 포함됩니다.
  • 고급 요소: 고급 요소를 추가해 잠재 고객을 확보하고 비즈니스를 더욱 확장할 수 있습니다. 인기 있는 고급 요소로는 반복 레이아웃, 양식 및 삽입 요소 등이 있습니다. 

요소에 대한 중요 정보

사이트에 요소를 추가하기 전에 염두에 두어야 할 몇 가지 중요한 사항이 있습니다.
  • 일부 요소는 특정 기능을 활성화하지 않으면 추가 패널에서 사용할 수 없습니다. 예를 들어 Velo 개발자 모드를 활성화해야 패널에 사이트 이동 경로 요소가 표시됩니다.
  • 사이트에 추가할 수 있지만 제대로 작동하려면 추가 단계가 필요한 요소가 있습니다. 예를 들어, 사이트에 페이지 번호바를 사용하려면 사이트에 CMS를 추가하고 컬렉션를 생성해야 합니다.
  • 패널에서 요소 카테고리를 클릭하면 텍스트 추천 디자인, 버튼 추천 디자인 등의 추천 디자인이 표시되는 경우가 있습니다. 이러한 요소는 사이트 색상 및 텍스트 테마에 맞춰 선정된 요소입니다.
시작할 준비가 되었다면:
에디터 왼쪽의 요소 추가를 클릭해 요소를 둘러보고 추가합니다.
에디터의 요소 추가 패널입니다. 물음표 아이콘이 강조 표시되어 있습니다.
도움말:
각 요소 유형에 대한 더 자세한 정보가 필요한 경우 추가 패널 상단의 도움말 아이콘을 클릭하세요.

에디터의 필수 요소

필수 요소를 사용해 사이트 제작을 시작해 보세요. 필수 요소는 사이트 콘텐츠의 가장 중요한 부분을 구성하므로 정보를 표시하고 방문자가 정보를 확인하는 데 필요한 모든 것을 갖추고 있습니다. 
요소 유형은 추가 패널에서 탭으로 나누어져 있으므로 원하는 것을 쉽게 찾을 수 있습니다. 아래 목록에서 에디터에서 추가할 수 있는 필수 요소 유형을 확인하세요.
요소 탭 이름
설명
텍스트
사이트에 다음 텍스트 요소를 추가할 수 있습니다.
  • 제목: 머리글로 사용되어 방문자에게 페이지 또는 섹션의 내용을 안내합니다.
  • 단락: 사이트의 텍스트 콘텐츠 대부분에 사용할 수 있습니다. 
  • 접이식 텍스트: 텍스트 미리보기가 표시되며 방문자는 링크나 펼치기 버튼을 클릭해 전체 텍스트를 볼 수 있습니다. 
이미지
이미지를 사용해 사이트를 생생하게 만들고 이벤트 또는 사진 등의 콘텐츠를 표시해 보세요. 다음 세 가지 방법으로 이미지를 추가할 수 있습니다.
  • 내 업로드: 이미지를 미디어 관리자에 직접 업로드한 다음 사이트에 추가합니다. 
  • 이미지 컬렉션: 무료 Wix 컬렉션에서 이미지와 일러스트레이션을 추가하거나 Shutterstock 및 Unsplash에서 전문 유료 이미지를 구매합니다.
  • SNS 이미지: SNS(예: Facebook, Flickr, Instagram)를 연결해 좋아하는 이미지를 사이트에 추가합니다.
버튼
방문자는 버튼을 사용해 사이트를 탐색하거나 특정 작업을 수행할 수 있습니다. 사이트에 추가할 수 있는 두 가지 유형의 버튼이 있습니다.
  • 기본 버튼: 기본 버튼에는 이미지, 아이콘 및 텍스트 버튼이 포함됩니다. 업로드 또는 파일 버튼을 추가해 방문자가 제공한 파일을 관리할 수 있습니다.
  • 결제 버튼: 이 버튼을 사용하면 빠르고 쉽게 결제를 수락할 수 있습니다. 사이트의 결제 수단 또는 PayPal 계정과 연결하는 버튼을 추가할 수 있습니다.
스트립
스트립은 단으로 나누거나 섹션에 추가하거나 행으로 사용할 수 있는 컨테이너입니다. 사이트의 필요에 맞게 미리 디자인된 유형을 추가하거나 빈 스트립을 추가해 처음부터 시작할 수 있습니다.
상자
상자를 추가해 콘텐츠 및 기타 요소의 프레임으로 사용해 보세요. 두 가지 유형의 상자를 사용할 수 있습니다.
  • 컨테이너 상자: 이 상자를 사용하면 간편하게 여러 요소를 그룹화하고 사이트를 깔끔하게 정렬할 수 있습니다. 
  • 마우스오버 상자: 이 상자는 방문자가 상자에 마우스오버하면 모양이 바뀝니다. 마우스오버시 표시되는 내용을 사용자 지정하고, 재미있는 효과를 추가하고, 필요에 따라 상자를 디자인할 수 있습니다.
메뉴 및 앵커
이 카테고리에는 방문자가 사이트를 탐색하는 데 필요한 모든 아이템이 포함됩니다. 네 가지 유형이 있습니다. 
  • 메뉴: 방문자가 사이트를 쉽게 탐색할 수 있도록 메뉴를 추가합니다. 다양한 가로 및 세로 스타일 중에서 선택할 수 있습니다.
  • 사이트 이동 경로: 사이트 이동 경로는 사이트의 구조와 계층 구조를 표시하고 방문자가 클릭해 탐색할 수 있도록 합니다. 방문자는 사이트 경로를 사용해 현재 머물고 있는 페이지, 하위 페이지에 있는 경우에는 메인 페이지, 홈페이지를 볼 수 있습니다. 
  • 앵커: 앵커를 추가해 방문자를 사이트의 특정 부분으로 안내합니다. 앵커를 메뉴, 버튼 및 기타 요소에 연결할 수 있습니다. 단일 페이지 사이트에 특히 유용한 페이지 내 메뉴를 추가할 수도 있습니다.
  • 사이트 검색: 방문자가 검색창을 사용해 사이트를 검색할 수 있도록 합니다. 검색 결과가 목록으로 명확하게 표시되어 방문자가 원하는 것을 쉽게 찾을 수 있습니다.
SNS
방문자가 SNS 계정에서 쉽게 찾고 팔로우할 수 있도록 SNS 요소를 추가해 보세요. 추가할 수 있는 요소는 다음과 같습니다.
  • SNS: 방문자와 연결되기 위해 사이트에 추가할 수 있는 다양한 SNS 도구가 있습니다. 여기에는 SNS 모음, Twitter 팔로우 버튼 및 VK 공유 버튼이 포함됩니다.
  • 음악 및 동영상: 방문자가 YouTube 계정을 구독하고 콘텐츠를 즐길 수 있도록 YouTube 구독 버튼을 추가합니다.

에디터의 장식 및 인터랙티브 요소

방문자가 사이트에 매력을 느낄 수 있도록 장식 및 인터랙티브 요소를 사용해 보세요. 디자인 목적으로 사용하거나 방문자의 클릭을 계속 유도하기 위해 사용할 수 있습니다.
아래에는 추가 패널에서 사용할 수 있는 모든 장식 및 인터랙티브 요소 유형이 나열되어 있습니다.
요소 탭 이름
설명
기본
장식 요소는 사이트를 돋보이게 하는 동시에 방문자에게 재미있는 경험을 선사합니다. 장식 탭에는 다음이 포함됩니다.
  • 모양: 다양한 모양과 줄 중에서 선택합니다. 기본 모양은 사이트에 활기를 불어넣을 수 있으며 줄을 사용해 콘텐츠를 구조화하거나 구성할 수 있습니다. 
  • 벡터아트: 다양한 벡터아트 모음에서 아름다운 디지털 일러스트레이션을 추가합니다. 재미있고 전문적이며 크기를 조정해도 품질이 저하되지 않습니다. 
  • 동영상: 동영상을 사용해 작업물, 이야기 또는 일상 생활을 소개합니다. 필요에 따라 동영상 상자, 동영상 마스크 또는 투명배경 동영상을 추가할 수 있습니다.
갤러리
갤러리로 사이트의 이미지와 동영상을 표시합니다. 추가할 수 있는 네 가지 유형의 갤러리가 있습니다.
  • 프로 갤러리: 이 갤러리는 공유 및 다운로드 옵션과 함께 이미지, 동영상 및 텍스트를 함께 표시할 수 있는 반응형 멀티미디어 갤러리입니다.
  • 그리드 갤러리: 그리드 갤러리를 사용하면 간단하고 구조화된 레이아웃으로 이미지를 표시할 수 있으며 보다 미니멀한 디자인의 사이트에 적합합니다.
  • 슬라이더 갤러리: 슬라이더 갤러리는 이미지의 동적 보기와 함께 재생 방법을 사용자 지정할 수 있는 옵션을 제공합니다.
  • 추가 갤러리: 이 갤러리에는 프리스타일 레이아웃과 벌집 패턴이 포함되어 있어 원하는 방식으로 정확하게 미디어를 표시할 수 있습니다.
동영상 및 음원
이 요소를 사용해 사이트에 재미있고 생생한 미디어를 추가해 보세요. 이 탭에는 다음이 포함됩니다.
  • 동영상: 동영상은 방문자의 참여를 유도하고 브랜드 스토리를 전달할 수 있는 좋은 방법입니다. 추가할 수 있는 다섯 가지 동영상 유형이 있으므로 필요에 가장 적합한 유형을 선택할 수 있습니다.
  • 음악: 음악 요소는 방문자에게 음악을 소개할 수 있는 다양한 방법을 제공합니다. 추가한 유형에 따라 사이트에서 직접 음악을 재생, 공유 및 판매할 수 있습니다.
인터랙티브
인터랙티브 요소는 방문자가 사이트를 탐색하고 참여하도록 유도합니다. 사용할 수 있는 다섯 가지 유형이 있습니다.
  • 슬라이드쇼: 슬라이드쇼는 사이트의 콘텐츠를 보여주는 다재다능한 방법입니다. 특별 세일을 홍보하거나, 새로운 제품 컬렉션을 선보이거나, 프레젠테이션을 표시하는 데 사용할 수 있습니다. 
  • 라이트박스: 팝업 라이트박스는 방문자의 관심을 끌 수 있는 좋은 방법입니다. 중요한 메시지와 공지사항을 표시하는 데 사용합니다.
  • 상자: 사이트에 인터랙티브 마우스오버 상자를 추가합니다. 방문자가 마우스오버하면 모양이 바뀌며 원하는 대로 사용자 지정할 수 있습니다.
  • 반복 레이아웃: 반복 레이아웃은 동일한 디자인과 레이아웃을 가지고 있으나, 각기 다른 콘텐츠를 표시하는 아이템 목록입니다. 마우스오버 레이아웃은 방문자가 아이템에 마우스오버 시 아이템이 약간 변하는 효과가 있습니다.
  • 지표: 페이지 번호바를 사용하면 방문자가 컬렉션에 있는 아이템의 페이지를 탐색하고 특정 페이지로 이동할 수 있습니다.
내 디자인
이 패널에는 에디터에서 디자인하고 저장한 모든 요소가 표시됩니다. 디자인을 저장한 후에는 계정 내 모든 에디터 사이트에 추가할 수 있습니다. 요소 디자인 저장 방법 자세히 보기

에디터의 고급 요소 및 앱

고급 요소를 사용하면 비즈니스를 계속 성장시키고 확장할 수 있을 뿐만 아니라 사이트 디자인을 더욱 업그레이드할 수 있습니다. 양식 및 목록 등의 요소를 추가해 데이터세트에 연결하거나 고유한 코드의 사용자 지정 요소를 추가할 수 있습니다. 
아래에서 패널에서 사이트에 추가할 수 있는 모든 고급 요소와 앱 목록을 살펴보세요.
요소 탭 이름
설명
문의 및 양식
이 카테고리에는 방문자가 문의하거나 정보를 제출하는 방법이 포함됩니다. 
  • 양식: 양식을 사용해 사이트 방문자로부터 정보를 수집합니다. 필요에 따라 다양한 유형을 사용할 수 있으며 원하는 대로 사용자 지정할 수 있습니다.
  • Google 지도: 사이트 방문자가 비즈니스 위치를 찾는 데 도움을 줍니다. 지도에 하나 이상의 주소를 추가하고 디자인을 사용자 지정할 수 있습니다.
  • 채팅: 채팅 기능을 사용하면 방문자에게 실시간으로 응답할 수 있습니다. Wix Chat을 사용해 사이트 방문자와 직접 대화하거나 LINE 공유 버튼을 추가해 방문자가 계정에 사이트를 공유할 수 있도록 합니다.
목록
목록을 사용하면 사이트에 콘텐츠와 정보를 저장하고 표시할 수 있습니다. 페이지에 추가할 수 있는 두 가지 유형의 목록이 있습니다.
  • 반복 레이아웃: 반복 레이아웃은 동일한 디자인과 레이아웃을 가지고 있으나, 각각 콘텐츠가 다른 아이템 목록입니다. 미리 디자인되었거나 빈 레이아웃 또는 마우스오버 효과가 있는 레이아웃을 추가할 수 있습니다.
  • 표: 표를 사용해 데이터베이스 컬렉션에 연결된 콘텐츠를 보여줍니다. 백엔드에서 컬렉션을 변경하면 표가 자동으로 업데이트됩니다.
코드 삽입
사이트에 코드를 삽입해 외부 서비스를 표시하거나 고급 도구를 사용해 마케팅 통합 및 사용자 지정 요소를 연결합니다. 에디터에서 사용할 수 있는 삽입 유형은 다음과 같습니다. 
  • 인기: 외부 위젯, 앱 또는 사이트를 페이지에 추가하거나 사용자 지정 요소를 추가합니다.
  • 동영상: 사이트에 동영상 플레이어를 추가해 단일 동영상을 표시합니다. 외부 사이트에서 동영상을 선택하거나 직접 업로드할 수 있습니다.
  • 고급: 고급 삽입을 사용해 마케팅 통합 도구 및 사용자 지정 웹 어플리케이션으로 사이트 방문자를 위한 경험을 업그레이드합니다. 
입력 요소
입력 요소를 추가해 방문자의 콘텐츠를 캡처, 저장, 편집 및 표시합니다. 사이트에 추가할 수 있는 세 가지 유형의 입력 요소가 있습니다.
  • 텍스트: 이 요소는 작거나 많은 양의 텍스트 또는 굵게 및 기울임꼴과 같은 옵션으로 서식을 지정할 수 있는 텍스트를 입력하는 데 사용할 수 있습니다.
  • 목록: 목록 요소를 통해 방문자는 사이트에서 옵션을 선택하고 제출할 수 있습니다. 여기에는 버튼, 슬라이더 및 드롭다운 메뉴가 포함됩니다.
  • 고급: 이 요소를 사용하면 방문자가 파일 업로드 및 세부 정보 입력과 같은 특정 작업을 사이트에서 수행할 수 있습니다.
CMS
사이트에 CMS를 추가해 동적 페이지 및 요소 생성합니다.
블로그
이 탭에서 사이트에 Wix 블로그를 추가해 흥미롭고 유익한 게시물을 작성해 보세요. 이미 블로그를 추가한 경우 탭에는 카테고리 메뉴 또는 최근 게시물 피드와 같이 콘텐츠를 홍보하는 데 도움이 되는 요소가 표시됩니다.
쇼핑몰
이 탭에서 Wix Stores를 추가해 사이트에서 제품을 판매할 수 있습니다. 이미 쇼핑몰을 설치한 경우 탭에 앱과 함께 제공되는 요소가 표시됩니다. 여기에는 제품 갤러리와 카트에 추가 버튼이 포함됩니다.
예약
사이트에 Wix Bookings를 설치하면 방문자가 서비스를 예약하고 비용을 지불할 수 있습니다. 이미 추가한 경우 시간표 및 건강 상태 확인서 양식과 같은 무료 추가 기능 요소가 탭에 표시됩니다.
이벤트
사이트에 이벤트 앱을 추가해 이벤트를 주최하는 데 필요한 모든 것을 확인할 수 있습니다. 이미 이벤트를 설치한 경우 탭에서 이벤트를 알리고 참석자 목록을 관리하기 위해 미리 디자인된 요소를 추가할 수 있습니다.
커뮤니티
이 탭에서 사이트에 네 가지 유형의 회원, 게시판, 그룹온라인 프로그램 앱을 추가해 온라인 커뮤니티를 성장시킬 수 있습니다. 이미 사이트에 앱이 있는 경우 관련 앱 이름을 클릭해 해당 서비스에 대한 무료 요소를 확인하고 추가할 수 있습니다.

도움이 되었나요?

|