header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

CMS: 데이터세트에 버튼 연결하기

5 분
페이지 메뉴
  • 데이터세트에 버튼 연결하기
  • 자주 묻는 질문
버튼 요소를 데이터세트에 연결해 버튼 클릭 시 발생하는 동작을 정의하세요. 예를 들어, 버튼을 "제출" 클릭 작업, 동적 아이템 페이지 또는 컬렉션에 저장된 문서를 연결할 수 있습니다. 버튼 라벨을 컬렉션 입력란에 연결해 버튼에 동적 텍스트를 표시할 수도 있습니다. 
사용 가능한 데이터세트 작업 목록은 데이터세트 모드 및 일반 데이터세트에 연결하는지 동적 페이지 데이터세트에 연결하는지 여부에 따라 달라집니다. 사용 가능한 데이터세트 클릭 작업에 대한 자세한 도움말을 확인하세요.

데이터세트에 버튼 연결하기

버튼을 데이터세트에 연결하면 클릭 시 수행 작업 드롭다운에서 사용 가능한 모든 연결 유형을 확인할 수 있습니다. 데이터세트는 페이지의 요소를 CMS 컬렉션 콘텐츠에 바인딩합니다.  
Wix 에디터
Studio 에디터
  1. 에디터에서 해당 페이지로 이동합니다.
  2. 버튼을 클릭해 CMS에 연결합니다. 버튼을 추가하는 방법에 대한 자세한 도움말을 확인하세요. 
  3. CMS에 연결 아이콘을 클릭합니다.  
  4. 데이터세트 선택 드롭다운을 클릭해 컬렉션에 연결할 기존 데이터세트를 선택합니다. 또는, 데이터세트 추가를 클릭한 후 연결할 컬렉션을 선택하고 데이터세트에 이름을 지정한 후 추가를 클릭 합니다.
  5. 클릭 시 수행 작업 드롭다운을 클릭해 해당 옵션을 선택합니다.
버튼을 동적 아이템 페이지에 연결하는 스크린샷
  1. (선택사항) 연결되는 컬렉션 아이템에 따라 변경되는 동적 텍스트를 버튼에 표시합니다. 라벨 연결 대상 드롭다운을 클릭해 해당 컬렉션 입력란을 선택합니다.
    도움말: 또는 버튼 설정으로 이동해 변경되지 않는 정적 텍스트를 사용할 수 있습니다.
버튼 라벨을 컬렉션 입력란에 연결하는 스크린샷
  1. (선택사항) 버튼에 '색상' 입력란을 연결합니다. 
    1. 오른쪽의 버튼 연결 패널에서 색상으로 스크롤합니다.
    2. 기본, 마우스오버, 비활성화 중 해당 탭을 클릭해 연결할 버튼 상태를 선택합니다.
    3. 해당 드롭다운 메뉴를 클릭해 연결할 '색상' 입력란을 선택합니다.
      • 텍스트 색상 연결 대상: '색상' 입력란을 텍스트 문자의 색상에 연결합니다. 
      • 아이콘 색상 연결 대상: '색상' 입력란을 버튼 아이콘에 연결합니다(버튼에 아이콘이 있는 경우).  
      • 테두리 색상 연결 대상: '색상' 입력란을 테두리 색상에 연결합니다. 
      • 배경 색상 연결 대상 '색상' 입력란을 버튼의 배경 색상에 연결합니다.
    4. '색상' 컬렉션 입력란에 연결하려는 각 버튼 상태에 대해 이 단계를 반복합니다.  
Wix 에디터 버튼의 다양한 색상 연결 옵션 스크린샷
  1. 미리보기를 클릭해 연결을 테스트합니다. 
  2. 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다. 

자주 묻는 질문

아래를 클릭해 CMS의 버튼 연결에 대한 일반적인 질문과 답변을 확인하세요. 
버튼을 동적 아이템 페이지에 연결하는 스크린샷
버튼 라벨을 컬렉션 입력란에 연결하는 스크린샷
Wix 에디터 버튼의 다양한 색상 연결 옵션 스크린샷