특정 섹션으로 이동하도록 링크 연결이 가능한가요?

모든 섹션은 고유의 ‘섹션 ID’를 갖고 있으며, 버튼 등에 추가할 수 있는 링크 주소로 활용할 수 있습니다.

예를 들어, 방문자가 ‘섹션 ID’가 링크된 버튼을 클릭하면 아래의 애니메이션과 같이 방문자를 동일한 페이지의 다른 섹션으로 이동시킬 수 있으며, 필요에 따라 다른 페이지의 특정 섹션으로 이동시키는 것도 가능합니다.

이 도움말을 통해 버튼을 클릭하면 특정 섹션으로 이동시키는 앵커 링크를 만드는 방법을 배워보세요.

참고: 아래는 버튼 위젯을 예로 설명하지만, 링크를 설정할 수 있는 위젯(이미지 위젯, 갤러리 위젯 등)이라면 모두 적용할 수 있습니다.

설정방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  3. 버튼 위젯을 클릭해 페이지에 추가합니다.
  4. 버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
  6. 링크 타입으로 코드를 선택합니다.

  7. 오른쪽 코드 입력 칸에 링크 걸 섹션의 섹션 ID 를 입력합니다. (예: #s201910224dc7406405bc4)

    참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.

  8. 버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
  9. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  10. 버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
  11. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
참고: 다른 페이지에 앵커 링크를 걸 땐 페이지 새로고침이 일어나며 이건 정상적인 현상입니다.
  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  3. 버튼 위젯을 클릭해 페이지에 추가합니다.
  4. 버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
  6. 링크 타입으로 코드를 선택합니다.

  7. 링크 타입 오른쪽에 위치한 코드 입력 칸에 /메뉴URL#섹션ID 형식으로 메뉴 URL과 섹션 ID를 붙여서 입력합니다. (예: /lookbook#s20200623123e797c6dfb8)

    참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.

  8. 버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
  9. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  10. 버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
  11. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

관련 도움말

목록으로