방문객이 상품 페이지를 살펴볼 때 왼쪽 구석에 나타나 인기 상품이나 연관 상품을 추천하고 구매를 유도하는 이 알림의 정체는 무엇일까요?
이미지 출처: 4XR
바로! 이프두에서 제공하는 연관 상품 추천 기능인 IFDO Suggest인데요. 그중에서 세로형 Suggest입니다🙂 세로형 Suggest는 좌측에 고정되어 상품 상세페이지의 몰입도를 해치지 않으면서도 스크롤을 이동해도 계속 노출되어 인지 효과가 탁월하다는 장점이 있는데요. 회원님의 사이트에도 적용해 보시는 건 어떨까요?
세로형 Suggest 작성 방법
1. 이프두 로그인 후 연관 상품 추천으로 이동합니다.
2. [Suggest 만들기]를 클릭하세요.
3. 이름을 입력한 뒤 [디바이스 - PC], [형태 - 세로형]을 선택하고 [다음 단계]를 클릭합니다.
📢 세로형 Suggest는 PC 버전만 지원합니다.
4. 상품을 노출하고자 하는 알고리즘을 선택하세요.
연관 상품 추천이프두 연관 규칙 분석 알고리즘 분석에 따라 고객이 현재 보고 있는 상품과 함께 구매가 될 가능성이 높은 상품을 추천합니다.
최근 7일간 구매수가 많은 상품최근 7일간 구매수가 많은 순서대로 상품을 추천합니다.
최근 7일간 구매율이 높은 상품최근 7일간 구매율이 높은 순서대로 상품을 추천합니다.
최근 7일간 구매액이 높은 상품최근 7일간 구매액이 높은 순서대로 상품을 추천합니다.
최근 3시간 조회수가 높은 상품최근 3시간 동안 조회수가 높은 순서대로 상품을 추천합니다.
최근 3시간 구매수가 많은 상품
최근 3시간 동안 구매수가 높은 순서대로 상품을 추천합니다.
5. Suggest 상단에 표시될 타이틀을 작성합니다.
6. 스타일을 선택하세요.
일반형 (기본)상품 이미지 하단에 상품명과 상품 가격이 표시됩니다.
카드형상품 이미지와 오버랩되어 상품명과 상품 가격이 표시됩니다.
7. 컨테이너 크기(Suggest 크기)를 조절하세요.
가로 (A)
Suggest의 가로 크기입니다. px(픽셀)와 % 값을 사용하여 조절할 수 있습니다. Suggest 세로형의 경우 % 사용 시 Suggest가 전체 페이지를 덮을 수 있습니다. px를 사용해 가로 크기를 조절하세요.
세로 (B)Suggest의 세로 크기(px)입니다.
좌우 안쪽 여백 (D)좌우 안쪽 여백의 너비(px)입니다.
페이지당 상품 노출페이지당 노출될 상품의 수입니다. 세로형에서는 최대 2개까지 노출할 수 있습니다.
추천 상품 수Suggest에 포함하여 추천할 상품의 개수입니다.
스크롤 반응 노출스크롤 반응(%)에 따라 Suggest를 노출합니다.
자동 롤링
활성화 시 Suggest가 자동으로 롤링됩니다.
롤링 시간을 설정할 수 있습니다. (2~7초)
좌우 이동 버튼
좌우 이동 버튼이 기본으로 제공됩니다.
필요시 이미지 URL을 통해 커스텀 이미지 적용하실 수 있습니다.
8. 상품 이미지 설정값을 지정하세요.
가로 크기 (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 설치 방법 읽기
→ 고도몰 설치 방법 읽기
📢 세로형 Suggest는 HTML 내 설치 위치에 관계없이 위치가 좌측 하단으로 고정됩니다.
15. Suggest를 활성화합니다.
📢 방패 아이콘이 적용된 Suggest는 지정한 IP에서만 노출됩니다.
16. Suggest가 정상적으로 노출되는지 확인하세요.
예시 이미지 출처: TBH SHOP
17. 활성화한 Suggest가 정상적으로 노출되고 있음을 확인했다면 다시 Suggest 목록으로 돌아와 해당 Suggest의 UI 수정을 클릭하세요.
18. 지정했던 IP를 삭제하고 저장합니다.
19. 방패 아이콘이 사라졌다면 모든 방문자에게 Suggest가 정상적으로 노출됩니다.
이렇게 Suggest 설정을 완료했습니다. 이제 각 상품에 어떤 상품이 추천될지 궁금하실 텐데요🙂 이프두에서는 각 상품별 추천되고 있는 연관 상품을 확인할 수 있는 추천 상품 분석 리포트를 제공하고 있습니다. 리포트에 대해 더 알아보세요!
다음 포스팅 추천
추천 상품 분석 리포트 기능 더 알아보기
방문객이 상품 페이지를 살펴볼 때 왼쪽 구석에 나타나 인기 상품이나 연관 상품을 추천하고 구매를 유도하는 이 알림의 정체는 무엇일까요?
이미지 출처: 4XR
바로! 이프두에서 제공하는 연관 상품 추천 기능인 IFDO Suggest인데요. 그중에서 세로형 Suggest입니다🙂 세로형 Suggest는 좌측에 고정되어 상품 상세페이지의 몰입도를 해치지 않으면서도 스크롤을 이동해도 계속 노출되어 인지 효과가 탁월하다는 장점이 있는데요. 회원님의 사이트에도 적용해 보시는 건 어떨까요?
세로형 Suggest 작성 방법
1. 이프두 로그인 후 연관 상품 추천으로 이동합니다.
2. [Suggest 만들기]를 클릭하세요.
3. 이름을 입력한 뒤 [디바이스 - PC], [형태 - 세로형]을 선택하고 [다음 단계]를 클릭합니다.
📢 세로형 Suggest는 PC 버전만 지원합니다.
4. 상품을 노출하고자 하는 알고리즘을 선택하세요.
연관 상품 추천
이프두 연관 규칙 분석 알고리즘 분석에 따라 고객이 현재 보고 있는 상품과 함께 구매가 될 가능성이 높은 상품을 추천합니다.
최근 7일간 구매수가 많은 상품
최근 7일간 구매수가 많은 순서대로 상품을 추천합니다.
최근 7일간 구매율이 높은 상품
최근 7일간 구매율이 높은 순서대로 상품을 추천합니다.
최근 7일간 구매액이 높은 상품
최근 7일간 구매액이 높은 순서대로 상품을 추천합니다.
최근 3시간 조회수가 높은 상품
최근 3시간 동안 조회수가 높은 순서대로 상품을 추천합니다.
최근 3시간 구매수가 많은 상품
최근 3시간 동안 구매수가 높은 순서대로 상품을 추천합니다.
5. Suggest 상단에 표시될 타이틀을 작성합니다.
6. 스타일을 선택하세요.
일반형 (기본)
상품 이미지 하단에 상품명과 상품 가격이 표시됩니다.
카드형
상품 이미지와 오버랩되어 상품명과 상품 가격이 표시됩니다.
7. 컨테이너 크기(Suggest 크기)를 조절하세요.
가로 (A)
Suggest의 가로 크기입니다. px(픽셀)와 % 값을 사용하여 조절할 수 있습니다. Suggest 세로형의 경우 % 사용 시 Suggest가 전체 페이지를 덮을 수 있습니다. px를 사용해 가로 크기를 조절하세요.
세로 (B)
Suggest의 세로 크기(px)입니다.
좌우 안쪽 여백 (D)
좌우 안쪽 여백의 너비(px)입니다.
페이지당 상품 노출
페이지당 노출될 상품의 수입니다. 세로형에서는 최대 2개까지 노출할 수 있습니다.
추천 상품 수
Suggest에 포함하여 추천할 상품의 개수입니다.
스크롤 반응 노출
스크롤 반응(%)에 따라 Suggest를 노출합니다.
자동 롤링
활성화 시 Suggest가 자동으로 롤링됩니다.
롤링 시간을 설정할 수 있습니다. (2~7초)
좌우 이동 버튼
좌우 이동 버튼이 기본으로 제공됩니다.
필요시 이미지 URL을 통해 커스텀 이미지 적용하실 수 있습니다.
8. 상품 이미지 설정값을 지정하세요.
가로 크기 (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 설치 방법 읽기
→ 고도몰 설치 방법 읽기
📢 세로형 Suggest는 HTML 내 설치 위치에 관계없이 위치가 좌측 하단으로 고정됩니다.
15. Suggest를 활성화합니다.
📢 방패 아이콘이 적용된 Suggest는 지정한 IP에서만 노출됩니다.
16. Suggest가 정상적으로 노출되는지 확인하세요.
예시 이미지 출처: TBH SHOP
17. 활성화한 Suggest가 정상적으로 노출되고 있음을 확인했다면 다시 Suggest 목록으로 돌아와 해당 Suggest의 UI 수정을 클릭하세요.
18. 지정했던 IP를 삭제하고 저장합니다.
19. 방패 아이콘이 사라졌다면 모든 방문자에게 Suggest가 정상적으로 노출됩니다.
이렇게 Suggest 설정을 완료했습니다. 이제 각 상품에 어떤 상품이 추천될지 궁금하실 텐데요🙂 이프두에서는 각 상품별 추천되고 있는 연관 상품을 확인할 수 있는 추천 상품 분석 리포트를 제공하고 있습니다. 리포트에 대해 더 알아보세요!
다음 포스팅 추천
추천 상품 분석 리포트 기능 더 알아보기