도움말 홈

상자와 버튼 디자인

안내 상자와 클릭 버튼은 추가 → 기본 상자 → 상자에서 시작합니다. 상자에 안내문만 넣을 수도 있고, 링크를 연결해 버튼으로 사용할 수도 있습니다.

자세히 보기 버튼 만들기

  1. 본문의 필요한 위치에 상자를 추가합니다.
  2. 캔버스의 상자 문구를 자세한 일정 보기로 바꿉니다. 여기를 클릭보다 이동할 내용을 알 수 있는 표현을 사용합니다.
  3. 상자를 선택하면 상자 설정이 열립니다. 꾸미기·글자·디자인·링크에서 작업할 항목을 고릅니다.
  4. 링크에 https://example.com/event처럼 전체 주소를 적고 적용합니다. 예시 주소 대신 실제 행사 페이지를 입력합니다.
  5. 현재 연결된 주소를 다시 읽고, 링크를 없애려면 제거합니다. 상자 안 글자만이 아니라 상자를 클릭했을 때 이동할 목적지를 설정하는 항목입니다.
반려동물 기획전의 제목 글자 설정과 상품 상세 보기 버튼의 꾸미기·링크 설정
제목을 선택해 글자 설정을 확인하고, ‘상품 상세 보기’ 버튼을 선택해 꾸미기와 링크 탭을 살펴보세요. 버튼의 표시 문구와 연결할 주소는 각각 확인합니다.

꾸미기와 글자 설정

  • 꾸미기: 배경색·테두리·모서리와 상자의 크기·정렬·안쪽 여백을 조정합니다. 본문과 자연스럽게 어울리되 버튼 문구와 배경의 대비가 충분한지 봅니다.
  • 글자: 글꼴·굵게·기울임·밑줄·정렬·글자 크기·색상을 설정합니다. 버튼의 짧은 문구가 PC와 모바일에서 읽히는지 확인합니다.
  • 상자 바깥 모양과 글자 정렬은 각각 다른 항목입니다. 상자를 가운데 놓으려는 것인지, 상자 안의 문구를 가운데 맞추려는 것인지 구분합니다.

상자·버튼 디자인 고르기

  1. 상자 설정 → 디자인을 엽니다.
  2. 안내문처럼 쓰려면 상자 디자인, 클릭 행동을 강조하려면 버튼 디자인을 살펴봅니다.
  3. 디자인을 선택하면 캔버스에서 미리보기 중 상태로 결과를 비교할 수 있습니다. 문구가 잘리지 않는지, 배경과 글자가 충분히 구분되는지 확인합니다.
  4. 사용할 모양이면 적용, 원래 모양을 유지하려면 취소를 누릅니다. 미리보기 중인 것을 최종 적용한 것으로 혼동하지 마세요.
  5. 적용한 뒤 문구와 연결 URL을 다시 확인합니다. 디자인을 골랐다고 링크의 목적지가 정해지는 것은 아닙니다.

버튼이 있어도 이동하지 않는다면

링크가 비어 있는지, 주소를 입력한 뒤 적용했는지 확인합니다. 편집 캔버스에서는 클릭이 요소 선택으로 동작할 수 있으므로 미리보기와 자신이 받는 테스트 메일에서 실제 목적지를 점검합니다. 잘못 적용한 디자인은 실행 취소로 되돌릴 수 있습니다.

문장 일부에 링크 걸기 · 테스트 메일로 확인

원하는 답을 찾지 못하셨나요?

화면과 오류 문구를 함께 알려주시면 빠르게 확인할 수 있습니다.

1:1 문의하기