• 가이드

버튼/링크 클릭 시 상품 상세페이지로 이동시키기

방문자가 페이지의 버튼 또는 링크 클릭 시 상품 상세페이지로 이동하도록 설정할 수 있습니다. 이 기능을 구현하기 위해서는 앞서 상품 링크(URL)가 필요하며, 해당 상품의 링크를 버튼 또는 링크에 삽입해야 합니다.

이 도움말에서는 사용자가 올린 상품의 링크(URL)을 확인하는 방법과 해당 링크를 활용하는 방법에 대해 설명합니다.

1단계: 상품 URL 가져오기

웹사이트에 올린 상품의 링크(URL)을 가져오는 방법을 설명합니다. 아직 상품을 등록하지 않은 경우 쇼핑몰 시작하기 도움말을 참고해 쇼핑 기본설정을 마쳐주세요.

  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [쇼핑 > 상품관리]를 클릭합니다.
  3. 상품명 오른쪽 끝 돋보기  아이콘을 클릭합니다.

  4. 새 브라우저 탭이 열리며 해당 상품 상세페이지가 열립니다.
  5. 주소창의 링크를 확인하고 복사합니다. (단축키: CTRL + C)

2단계: 버튼에 상품 URL 링크 걸기

이 과정에서는 버튼 위젯에 상품 링크를 삽입하는 방법을 설명합니다. 이 도움말에서는 버튼 위젯을 사용하지만, 링크 걸기 가능한 모든 위젯에 적용 가능합니다.

  1. 관리자 페이지의 왼쪽 상단에 위치한 디자인모드를 클릭합니다.
  2. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭해, 버튼 또는 링크를 추가할 메뉴로 이동합니다.
  3. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  4. 버튼 위젯을 클릭합니다.
  5. 버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  6. 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
  7. 링크 타입링크로 지정하고, 위 1단계에서 복사한 상품 URL을 붙여넣습니다. (단축키: CTRL + V)

  8. (선택 사항) 버튼의 크기, 정렬, 라운딩을 설정하고, 버튼 스타일과 텍스트를 설정합니다.
  9. 버튼 제작 완료 후, 메뉴를 원하는 모양으로 디자인을 완료합니다.

3단계: 동작 확인하기

  1. 디자인 모드 오른쪽 상단에 위치한 미리보기 아이콘을 클릭합니다.
  2. 버튼 또는 링크를 클릭해, 지정한 상품 상세페이지로 이동하는지 확인합니다.
  3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
목록으로

시작이 어려우신가요?

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

온라인 교육 바로가기

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

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

아임웹 공식제휴사

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