이프두 연관 상품 추천 설치 가이드: 메이크샵
마케팅 자동화 - IFDO > 오토메시지 작성법
이프두 연관 상품 추천 설치 가이드: 메이크샵
2024/ 04/ 08

연관 상품 추천을 상품 상세페이지 또는 장바구니에서 노출하기 위해 간단한 설치가 필요합니다. Suggest의 코드를 복사하여 노출을 원하는 페이지(상품 상세페이지 또는 장바구니 페이지)에 붙여 넣어야 하는데요. 다음의 방법에 따라 코드를 붙여 넣을 수 있습니다😉 


  • Suggest가 작동하기 위해서는 사이트 및 해당 페이지에 이프두 공통 스크립트가 설치되어 있어야 합니다.

  • 원하는 위치에 코드를 붙여 넣어 위치를 지정할 수 있습니다. 

조정 순서: 코드 붙여넣기 → 저장 → Suggest 활성화 → 쇼핑몰 노출 확인 

  • 사이트마다 설정이 다르므로 가이드에 안내된 HTML 코드 번호와 실제 쇼핑몰 HTML 코드 번호가 다를 수 있습니다.

  • 커스텀에 따라 페이지 내 영역이 다를 수 있습니다. 

 

✅ 미리 준비해 주세요

Suggest 코드를 쇼핑몰 관리자에 붙여 넣어야 합니다. 이프두에 로그인한 뒤 연관 상품 추천으로 이동하여 설치를 원하는 Suggest 코드를 복사해 주세요. 



Suggest 설치 가이드 빠른 이동

  1. PC형 상세페이지 Suggest 설치 방법

  2. 모바일형 상세페이지 Suggest 설치 방법

  3. PC형 장바구니 Suggest 설치 방법 

  4. 모바일형 장바구니 Suggest 설치 방법

 

PC형 상세페이지 Suggest 설치 방법

1. 쇼핑몰 관리자 > 개별디자인으로 이동하여 [디자인 편집]을 클릭하세요. 

2. 디자인 편집 화면에서 상품 관련 > 상품 상세페이지 > 기본 상세페이지를 클릭합니다.  

3. 원하는 위치에 미리 복사해 둔 코드를 붙여 넣고 저장합니다.

 

가로형 코드 붙여 넣기 권장 위치 

상품 정보 탭 바로 위
 

세로형 코드 붙여 넣기 권장 위치

상품 상세페이지 세로형 Suggest는 설치 위치에 상관없이 노출 위치가 왼쪽 하단으로 고정됩니다. 편하신 곳에 코드를 붙여 넣어주세요. (일반적으로 페이지 소스 하단에 설치)


4. 상품 상세페이지에서 Suggest가 잘 노출되는지 확인합니다. *Suggest 목록에서 ON(활성화) 필수

상품 상세 위에 설치한 ‘엘칸토’의 사례 

 

모바일형 상세페이지 Suggest 설치 방법

1. 모바일샵 > 모바일D4 (개별디자인)으로 이동하여 [디자인 편집하기]를 클릭하세요.


 

2. 디자인 편집 화면에서 상품 관련 > 상품 상세페이지 > 기본 상세페이지를 클릭합니다.

 

3. 원하는 위치에 미리 복사해 둔 코드를 붙여 넣고 저장합니다.


 

코드 붙여넣기 권장 위치 

  • 상품 쿠폰 노출 영역 위

  • 상품 리뷰 영역 위


4. 상품 상세페이지에서 Suggest가 잘 노출되는지 확인합니다. *Suggest 목록에서 ON(활성화) 필수

상품 상세 위에 설치한 ‘오리고’의 사례

 

PC형 장바구니 페이지 Suggest 설치 방법

1. 쇼핑몰 관리자 > 개별디자인으로 이동하여 [디자인 편집]을 클릭하세요.


 

2. 디자인 편집 화면에서 주문 관련 > 장바구니 담기 > 장바구니를 클릭합니다. 


 

3. 원하는 위치에 미리 복사해 둔 코드를 붙여 넣고 저장합니다.


 

코드 붙여 넣기 권장 위치 

  • 페이지 소스 하단


4. 장바구니 페이지에서 Suggest가 잘 노출되는지 확인합니다. *Suggest 목록에서 ON(활성화) 필수

장바구니 페이지 하단에 설치한 ‘라이온코리아몰’의 사례 

 

모바일형 장바구니 페이지 Suggest 설치 방법

1. 모바일샵 > 모바일D4 (개별디자인)으로 이동하여 [디자인 편집하기]를 클릭하세요.


 

2. 디자인 편집 화면에서 주문 관련 > 장바구니 담기 > 장바구니를 클릭합니다. 


 

3. 원하는 위치에 미리 복사해 둔 코드를 붙여 넣고 저장합니다.


 

코드 붙여 넣기 권장 위치 

  • 페이지 소스 가장 하단


4. 장바구니 페이지에서 Suggest가 잘 노출되는지 확인합니다. *Suggest 목록에서 활성화 필수

장바구니 페이지 하단에 설치한 ‘엘칸토’의 사례 


Q. 코드를 어디에 넣어야 하는지 모르겠다면?

코드 삽입을 원하는 위치가 있나요? Ctrl+F 버튼을 클릭하여 검색창을 활성화한 뒤, 검색어를 입력하여 원하는 영역을 찾을 수 있습니다. ex. ‘detailTab’ 검색


 

Q. Suggest 디자인을 변경하고 싶다면?

Suggest가 노출이 되고 있는 상태에서 디자인(폰트 크기, 색상, 상품 이미지 크기 등)을 변경하고 싶다면 Suggest의 UI 수정 아이콘을 클릭한 후 디자인을 수정하세요. 변경된 디자인이 실시간으로 사이트에 반영됩니다. 

 

  • 왼쪽 Suggest 아이콘 클릭 → Suggest 관리 페이지 → Suggest의 UI 수정 아이콘 클릭 → 디자인 수정 → [저장] 클릭 → 실시간 반영 완료!🎉


설정한 Suggest에 대한 성과는 Analytics > IFDO Suggest에서 확인하실 수 있으며 어떤 상품이 Suggest에서 노출되고 있는지 궁금하신 경우, Analytics의 ‘추천 상품 분석’ 리포트를 참고하실 수 있습니다. 다음 포스팅에서 더 자세히 알아보세요🙂


다음 포스팅

Suggest 추천 상품 분석 리포트

 

suggestifdo suggest서제스트연관상품추천연관상품추천분석부가서비스메이크샵