이프두 연관 상품 추천 코드 설치 가이드: Cafe24 편
마케팅 자동화 - IFDO > 오토메시지 작성법
이프두 연관 상품 추천 코드 설치 가이드: Cafe24 편
2022/ 12/ 14

회원님! 이프두의 연관 상품 추천 기능인 IFDO Suggest를 생성하셨나요? 그렇다면 연관 상품 추천을 상품 상세페이지 또는 장바구니에서 노출하기 위해 간단한 설치가 필요합니다. Suggest의 코드를 복사하여 노출을 원하는 페이지(상품 상세페이지 또는 장바구니 페이지)에 붙여 넣어야 하는데요. 다음의 방법에 따라 코드를 붙여 넣을 수 있습니다😉 


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

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

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

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

 

미리 준비해 주세요

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


 

Suggest 설치 가이드 빠른 이동

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

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

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

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

 

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

1. 쇼핑몰 관리자 > 디자인(PC/모바일)로 이동하여 PC형의 [디자인 편집] 버튼을 클릭합니다. 


 

2. 상품 상세페이지를 선택합니다. 


 

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


 

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

  • 상품 상세정보 위

  • 상품 상세페이지 하단 (회사 정보 위) 


세로형 코드 붙여 넣기

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


이미지 출처: 그레이스유


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



​이미지 출처: 로아앤제인

 

 

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

1. 쇼핑몰 관리자 > 디자인(PC/모바일)로 이동하여 모바일형의 [디자인 편집] 버튼을 클릭합니다. 


 

2. 상품 상세페이지를 선택합니다. 


 

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


 

코드 붙여 넣기 권장 위치

  • 상품 상세정보 위

  • 상품 상세페이지 하단 (회사정보 위) 


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


​이미지 출처: 더에르고

 

 

PC형 장바구니 Suggest 설치 방법

1. 쇼핑몰 관리자 > 디자인(PC/모바일)로 이동하여 PC형의 [디자인 편집] 버튼을 클릭합니다. 


 

2. 장바구니 페이지를 선택합니다. 


 

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


 

코드 붙여 넣기 권장 위치

  • 주문 버튼 아래, 이용안내 위 


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



​이미지 출처: 토이미소

 

 

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

1. 쇼핑몰 관리자 > 디자인(PC/모바일)로 이동하여 모바일형의 [디자인 편집] 버튼을 클릭합니다. 


 

2. 장바구니 페이지를 선택합니다. 


 

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


 

코드 붙여 넣기 권장 위치

  • 주문 버튼 아래 이용안내 위 

 

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


​이미지 출처: 마켓B

 

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

코드 삽입을 원하는 위치가 있나요? 해당 위치 위에 있는 박스(콘텐츠)를 클릭해 보세요. 우측 HTML에서 해당하는 HTML이 선택됩니다. 선택된 영역이 끝난 곳 아래에 코드를 삽입하세요. 


 

원하시는 위치에 Suggest를 붙여 넣으셨나요? 이제 Suggest 목록에서 상태를 활성화하면 Suggest 노출이 시작됩니다.


 

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

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



 

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


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


다음 포스팅

Suggest 추천 상품 분석 리포트

최근 업데이트: 2022-12-16

ifdo suggestsuggest연관상품추천연관상품추천설치카페24cafe24부가서비스