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

모든 섹션은 고유의 ‘섹션 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. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

관련 도움말

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
977.2K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
2.2K
전국 파트너/리셀러 수

아임웹과 함께하는 제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.