버튼 위젯

위젯 소개

페이지에 버튼을 추가할 수 있습니다.

설정 변경

버튼 모양, 크기, 버튼명, 링크 주소 및 링크 방식 등을 변경할 수 있습니다.

1. 버튼 위젯을 추가합니다. 위젯 추가방법
2. 버튼 설정을 열어줍니다. 위젯 설정 열기
3. 다음 설정항목을 확인하고 변경합니다.

설정항목

1) 버튼 추가·관리

우측 상단 [버튼 추가·관리]를 누르면 버튼 에디터 화면이 나타납니다. 버튼 에디터에서 [+버튼 추가]를 누르면 2개 이상의 버튼을 구성할 수 있습니다.

2) 개별 설정

• 버튼 문구: 버튼에 들어갈 텍스트를 입력합니다.
• 아이콘: 버튼 문구 앞에 아이콘을 추가할 수 있습니다.
• 스타일:
  • 일반: 공통 디자인 설정 > 버튼 스타일 > 일반 버튼 설정이 적용됩니다.
  • 보조: 공통 디자인 설정 > 글자색 설정이 반영됩니다.
    • 배경색: 공통 디자인 설정의 배경색
    • 테두리색: 글자색의 투명도 20%
    • 글자색: 공통 디자인 설정의 글자색
  • 커스텀: 텍스트 색상, 배경색, 테두리 색, 선 두께 등을 자유롭게 설정할 수 있습니다.

3) 클릭 시 동작

개별 버튼 클릭 시 동작을 설정할 수 있습니다.

• 링크
• 전화 걸기, 문자 발송, 이메일
• 파일 다운로드, 동영상 재생
• 소셜 공유, 말풍선, 코드 실행
• 최신상품 연결, 모달 기능 등

4) 공통 설정

• 형태:
  • 일반 버튼: 버튼이 여러 개일 경우, 개별 버튼이 떨어져 있어요. 
  • 탭 버튼: 버튼이 여러 개일 경우, 개별 버튼이 하나로 붙어 탭처럼 보여요.
• 크기: 작게, 중간, 크게 크기로 선택할 수 있으며, 커스텀으로 버튼 크기를 변경할 수도 있습니다. 
• 버튼 좌우 간격: 일반 버튼일 경우, 버튼 사이 간격을 조정할 수 있습니다.
• 정렬: 왼쪽, 가운데, 오른쪽으로 정렬할 수 있습니다.
• 모서리 둥글기: 버튼 모서리를 둥글게 처리할 수 있습니다. 기본값은 공통 디자인 설정에 따릅니다.