지난 시간, IFDO Suggest 기능에 대하여 알아보았습니다. 이제 사이트에 Suggest를 적용해 볼 시간인데요. Suggest에는 종류가 많지만 오늘은 상품 상세페이지 가로형 Suggest의 작성법에 대해 알아보도록 하겠습니다.
상품 상세페이지 가로형 Suggest는 주로 상품 구매 버튼 바로 아래 또는 상품 설명 위 또는 상품 설명 하단 영역에 많이 설치합니다. 다음의 방법에 따라 Suggest를 적용해 보세요😉
1. 이프두 로그인 후 연관 상품 추천으로 이동합니다.
2. [Suggest 만들기]를 클릭하세요.
3. 이름을 입력한 뒤 [디바이스 - PC 또는 모바일], [형태 - 가로형]을 선택하고 [다음 단계]를 클릭합니다.
📢 적용하고자 하는 디바이스에 따라 옵션(PC or 모바일)을 선택하세요.
4. 상품을 노출하고자 하는 알고리즘을 선택하세요.
연관 상품 추천이프두 연관 규칙 분석 알고리즘 분석에 따라 고객이 현재 보고 있는 상품과 함께 구매가 될 가능성이 높은 상품을 추천합니다.
최근 7일간 구매수가 많은 상품최근 7일간 구매수가 많은 순서대로 상품을 추천합니다.
최근 7일간 구매율이 높은 상품최근 7일간 구매율이 높은 순서대로 상품을 추천합니다.
최근 7일간 구매액이 높은 상품최근 7일간 구매액이 높은 순서대로 상품을 추천합니다.
최근 3시간 조회수가 높은 상품최근 3시간 동안 조회수가 높은 순서대로 상품을 추천합니다.
최근 3시간 구매수가 많은 상품
최근 3시간 동안 구매수가 많은 순서대로 상품을 추천합니다.
5. Suggest 상단에 표시될 타이틀을 작성합니다.
6. 스타일을 선택하세요.
일반형 (기본)상품 이미지 하단에 상품명과 상품 가격이 표시됩니다.
카드형상품 이미지와 오버랩되어 상품명과 상품 가격이 표시됩니다.
7. 컨테이너 크기(Suggest 크기)를 조절하세요.
가로 (A)Suggest의 가로 크기입니다. px(픽셀)와 % 값을 사용하여 조절할 수 있으며 100% 선택 시 페이지 너비에 맞춰 100%로 Suggest의 가로 크기가 조정됩니다.
세로 (B)Suggest의 세로 크기(px)입니다.
좌우 안쪽 여백(D)페이징 버튼이 나타나는 좌우 안쪽 여백의 너비(px)입니다.
추천 상품 수Suggest에 포함하여 추천할 상품의 개수입니다.
자동 롤링
활성화 시 Suggest가 자동으로 롤링됩니다.
롤링 시간을 설정할 수 있습니다. (2~7초)
좌우 이동 버튼
좌우 이동 버튼이 기본으로 제공됩니다.
필요시 이미지 URL을 통해 커스텀 이미지 적용하실 수 있습니다.
8. 상품 이미지 설정값을 지정하세요.
간격 (E)상품 이미지 사이의 간격(px)을 조정할 수 있습니다.
가로 크기 (C)상품 이미지의 가로 크기(px)를 지정할 수 있습니다. 세로 사이즈는 가로 사이즈에 맞춰 자동으로 리사이징됩니다.
라운드 효과상품 이미지의 모서리에 라운드 효과를 적용할 수 있습니다.
이미지 비율이미지 비율을 선택하여 적용할 수 있습니다. → 관련 가이드 읽기
원본이미지가 원본 비율대로 노출됩니다.
1:1이미지가 1:1 정사각형 비율로 노출됩니다.
9. 텍스트 설정값을 선택하세요.
상품명 (F)상품명의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.
가격가격의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.
상품 이름 표시상품 이름을 1줄 또는 2줄로 표현할 수 있습니다.
할인가 표시
제품 상세페이지를 기준으로 정상가(판매가), 할인율, 할인가격이 표시됩니다.
비활성화 시 할인이 적용되지 않은 정상가(판매가)가 표시됩니다.
가격 표시상품 가격이 표시됩니다. 비활성화 시 가격이 표시되지 않고 상품명만 노출됩니다.
10. (옵션) 세부 설정을 클릭하고 제외할 상품명 또는 문구를 입력하여 특정 상품을 Suggest 노출 상품에서 제외합니다. ex) 한정특가, 개인결제, 특가 등
11. 노출 테스트를 실행하기 위하여 [노출 허용 IP > 내 IP]를 클릭하여 IP 주소를 추가합니다.
💡Tip! 입력한 IP에서만 Suggest가 노출되도록 노출 허용 IP를 지정할 수 있습니다. [내 IP] 버튼을 클릭하면 현재 접속 중인 IP가 자동 입력되며 해당 IP에서만 Suggest가 노출됩니다. → 관련 가이드 읽기
12. 저장합니다.
13. 작성한 Suggest의 코드를 복사하세요.
14. 쇼핑몰 관리자로 이동하여 HTML 영역에 복사한 Suggest 코드를 붙여 넣으세요.
→ 카페24 설치 방법 읽기
→ 고도몰 설치 방법 읽기
15. Suggest를 활성화합니다.
📢 방패 아이콘이 적용된 Suggest는 지정한 IP에서만 노출됩니다.
16. Suggest가 정상적으로 노출되는지 확인하세요.
예시 이미지 출처: 모던하우스
17. 활성화한 Suggest가 정상적으로 노출되고 있음을 확인했다면 다시 Suggest 목록으로 돌아와 해당 Suggest의 UI 수정을 클릭하세요.
18. 지정했던 IP를 삭제하고 저장합니다.
19. 방패 아이콘이 사라졌다면 모든 방문자에게 Suggest가 정상적으로 노출됩니다.
이렇게 Suggest 설정을 완료했습니다. 이제 각 상품에 어떤 상품이 추천될지 궁금하실 텐데요🙂 이프두에서는 각 상품별 추천되고 있는 연관 상품을 확인할 수 있는 추천 상품 분석 리포트를 제공하고 있습니다. 리포트에 대해 더 알아보세요!
다음 포스팅 추천
추천 상품 분석 리포트 기능 더 알아보기
지난 시간, IFDO Suggest 기능에 대하여 알아보았습니다. 이제 사이트에 Suggest를 적용해 볼 시간인데요. Suggest에는 종류가 많지만 오늘은 상품 상세페이지 가로형 Suggest의 작성법에 대해 알아보도록 하겠습니다.
상품 상세페이지 가로형 Suggest는 주로 상품 구매 버튼 바로 아래 또는 상품 설명 위 또는 상품 설명 하단 영역에 많이 설치합니다. 다음의 방법에 따라 Suggest를 적용해 보세요😉
1. 이프두 로그인 후 연관 상품 추천으로 이동합니다.
2. [Suggest 만들기]를 클릭하세요.
3. 이름을 입력한 뒤 [디바이스 - PC 또는 모바일], [형태 - 가로형]을 선택하고 [다음 단계]를 클릭합니다.
4. 상품을 노출하고자 하는 알고리즘을 선택하세요.
연관 상품 추천
이프두 연관 규칙 분석 알고리즘 분석에 따라 고객이 현재 보고 있는 상품과 함께 구매가 될 가능성이 높은 상품을 추천합니다.
최근 7일간 구매수가 많은 상품
최근 7일간 구매수가 많은 순서대로 상품을 추천합니다.
최근 7일간 구매율이 높은 상품
최근 7일간 구매율이 높은 순서대로 상품을 추천합니다.
최근 7일간 구매액이 높은 상품
최근 7일간 구매액이 높은 순서대로 상품을 추천합니다.
최근 3시간 조회수가 높은 상품
최근 3시간 동안 조회수가 높은 순서대로 상품을 추천합니다.
최근 3시간 구매수가 많은 상품
최근 3시간 동안 구매수가 많은 순서대로 상품을 추천합니다.
5. Suggest 상단에 표시될 타이틀을 작성합니다.
6. 스타일을 선택하세요.
일반형 (기본)
상품 이미지 하단에 상품명과 상품 가격이 표시됩니다.
카드형
상품 이미지와 오버랩되어 상품명과 상품 가격이 표시됩니다.
7. 컨테이너 크기(Suggest 크기)를 조절하세요.
가로 (A)
Suggest의 가로 크기입니다. px(픽셀)와 % 값을 사용하여 조절할 수 있으며 100% 선택 시 페이지 너비에 맞춰 100%로 Suggest의 가로 크기가 조정됩니다.
세로 (B)
Suggest의 세로 크기(px)입니다.
좌우 안쪽 여백(D)
페이징 버튼이 나타나는 좌우 안쪽 여백의 너비(px)입니다.
추천 상품 수
Suggest에 포함하여 추천할 상품의 개수입니다.
자동 롤링
활성화 시 Suggest가 자동으로 롤링됩니다.
롤링 시간을 설정할 수 있습니다. (2~7초)
좌우 이동 버튼
좌우 이동 버튼이 기본으로 제공됩니다.
필요시 이미지 URL을 통해 커스텀 이미지 적용하실 수 있습니다.
8. 상품 이미지 설정값을 지정하세요.
간격 (E)
상품 이미지 사이의 간격(px)을 조정할 수 있습니다.
가로 크기 (C)
상품 이미지의 가로 크기(px)를 지정할 수 있습니다. 세로 사이즈는 가로 사이즈에 맞춰 자동으로 리사이징됩니다.
라운드 효과
상품 이미지의 모서리에 라운드 효과를 적용할 수 있습니다.
이미지 비율
이미지 비율을 선택하여 적용할 수 있습니다. → 관련 가이드 읽기
원본
이미지가 원본 비율대로 노출됩니다.
1:1
이미지가 1:1 정사각형 비율로 노출됩니다.
9. 텍스트 설정값을 선택하세요.
상품명 (F)
상품명의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.
가격
가격의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.
상품 이름 표시
상품 이름을 1줄 또는 2줄로 표현할 수 있습니다.
할인가 표시
제품 상세페이지를 기준으로 정상가(판매가), 할인율, 할인가격이 표시됩니다.
비활성화 시 할인이 적용되지 않은 정상가(판매가)가 표시됩니다.
가격 표시
상품 가격이 표시됩니다. 비활성화 시 가격이 표시되지 않고 상품명만 노출됩니다.
10. (옵션) 세부 설정을 클릭하고 제외할 상품명 또는 문구를 입력하여 특정 상품을 Suggest 노출 상품에서 제외합니다. ex) 한정특가, 개인결제, 특가 등
11. 노출 테스트를 실행하기 위하여 [노출 허용 IP > 내 IP]를 클릭하여 IP 주소를 추가합니다.
💡Tip! 입력한 IP에서만 Suggest가 노출되도록 노출 허용 IP를 지정할 수 있습니다. [내 IP] 버튼을 클릭하면 현재 접속 중인 IP가 자동 입력되며 해당 IP에서만 Suggest가 노출됩니다. → 관련 가이드 읽기
12. 저장합니다.
13. 작성한 Suggest의 코드를 복사하세요.
14. 쇼핑몰 관리자로 이동하여 HTML 영역에 복사한 Suggest 코드를 붙여 넣으세요.
→ 카페24 설치 방법 읽기
→ 고도몰 설치 방법 읽기
15. Suggest를 활성화합니다.
16. Suggest가 정상적으로 노출되는지 확인하세요.
예시 이미지 출처: 모던하우스
17. 활성화한 Suggest가 정상적으로 노출되고 있음을 확인했다면 다시 Suggest 목록으로 돌아와 해당 Suggest의 UI 수정을 클릭하세요.
18. 지정했던 IP를 삭제하고 저장합니다.
19. 방패 아이콘이 사라졌다면 모든 방문자에게 Suggest가 정상적으로 노출됩니다.
이렇게 Suggest 설정을 완료했습니다. 이제 각 상품에 어떤 상품이 추천될지 궁금하실 텐데요🙂 이프두에서는 각 상품별 추천되고 있는 연관 상품을 확인할 수 있는 추천 상품 분석 리포트를 제공하고 있습니다. 리포트에 대해 더 알아보세요!
다음 포스팅 추천
추천 상품 분석 리포트 기능 더 알아보기