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

Wix 에디터: 텍스트 및 아이콘 버튼 추가 및 설정하기

2 분
페이지 메뉴
  • 1 단계 | 버튼 추가하기
  • 2 단계 | 버튼 설정하기
텍스트 및 아이콘 버튼은 방문자가 사이트와 상호작용할 수 있는 훌륭한 방법입니다. 다양한 옵션을 사용할 수 있어 알아보기 쉬운 콜 투 액션(CTA), 시선을 끄는 아이콘 또는 둘 다 표시하는 버튼을 선택할 수 있습니다.

1 단계 | 버튼 추가하기

에디터 왼쪽의 요소 추가 패널에서 버튼을 추가할 수 있습니다. 다양한 레이아웃의 여러 옵션을 사용할 수 있습니다.

버튼을 추가하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 버튼을 클릭합니다.
  3. 텍스트 & 아이콘 버튼을 클릭합니다.
  4. 선택한 버튼을 클릭하거나 드래그해 페이지에 추가합니다.
사용 가능한 버튼 디자인을 보여주는 Wix 에디터의 요소 추가 패널 스크린샷

2 단계 | 버튼 설정하기

버튼을 사용자 지정할 수 있는 방법은 다양합니다. 표시할 내용을 선택하고 필요에 따라 설정을 조정하세요.
설정을 완료하려면 버튼에 링크를 추가해 방문자를 관련 위치로 안내하세요. 사이트 페이지, 외부 웹 주소, 문서 등 다양한 위치로 링크할 수 있습니다.
참고:
사용 가능한 옵션은 버튼에 표시하도록 선택한 항목(텍스트, 아이콘 등)에 따라 다릅니다.

버튼을 설정하려면:

  1. 에디터에서 버튼을 클릭합니다.
  2. 설정을 클릭합니다.
  3. 표시할 항목 선택 아래에서 옵션을 선택합니다.
    • 텍스트 및 아이콘: 텍스트와 아이콘이 모두 버튼에 표시됩니다.
    • 아이콘: 버튼에 아이콘만 표시됩니다.
    • 텍스트: 버튼에 텍스트만 표시됩니다.
    • 표시하지 않음: 버튼이 비어 있습니다.
  4. 다음 옵션 중 하나를 선택해 버튼 설정을 변경합니다.
    • 텍스트: 선택한 버튼 텍스트를 입력란에 입력합니다.
    • 아이콘: 사용할 아이콘의 종류를 선택합니다.
      • Wix 미디어를 클릭해 Wix에서 제공하는 다양한 무료 아이콘 중에서 선택합니다.
      • + 미디어 업로드를 클릭해 업로드하고 나만의 벡터아트 파일을 사용합니다.
  5. 버튼 링크를 설정합니다.
    1. 링크 대상 아래에서 링크 아이콘을 클릭합니다.
    2. 왼쪽에서 링크 유형을 선택합니다.
    3. 링크 상세 정보를 입력한 후 완료를 클릭합니다.
Wix 에디터의 버튼 설정 패널 옆 텍스트 및 아이콘 버튼 스크린샷
다음 단계
텍스트 및 아이콘 버튼을 사용자 지정해 원하는 디자인을 완성하세요.
사용 가능한 버튼 디자인을 보여주는 Wix 에디터의 요소 추가 패널 스크린샷
Wix 에디터의 버튼 설정 패널 옆 텍스트 및 아이콘 버튼 스크린샷