• 마케팅 자동화
    온사이트 마케팅 고객 세그먼트 인앱메시지 실시간 효과 분석
    CRM 마케팅 문자메시지 브랜드 메시지 / 알림톡 앱 푸시 메시지
  • 애널리틱스
    RFM 분석

    구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.

    고객 인사이트

    다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.

    광고 / 마케팅 효과 분석

    100여 가지의 실시간 웹분석 리포트를 제공합니다.

  • 추천
    IFDO Suggest

    함께 구매될 가능성이 높은 상품을 자동 추천합니다.

    IFDO Social Ticker

    상품 정보를 방문객에게 실시간 공유합니다.

  • 채팅
    라이브 챗

    고객을 이해하면서 소통하세요.

    챗 봇

    반복되는 문의는 챗 봇에게 맡기세요.

  • 블로그
    ✏️ 최근 포스팅
    블로그 이미지 교환・반품 CS, 알림톡 자동화로 해결하세요 (카페24, 아임웹 연동)

    이프두의 고객 관리(CRM) 기능! 알림톡 자동 발송의 범위가 ‘교환’과 ‘반품’까지 확장되었어요! 이제 고객의 교환・반품 상태 변화를 실시간으로 감지하여 개인화된 알림톡을 자동으로 발송합니다. 클릭 한 번으로 CS 자동화를 시작해 보세요 ?도입: 왜 교환・반품 알림톡 자동화가 필요할까요? 온라인 쇼핑몰에서 교환·반품 CS는 가장 시간이 많이 소요되는 업무 중 하나입니다. 고객이 교환을 요청하고 ➡️ 쇼핑몰 측에서 접수한 후 ➡️​ 다시 배송 준비를 하고 ➡️​ 배송이 시작되는 과정을 고객에게 매번 하나하나 안내해야 합니다. 이 과정에서 담당자는 비슷한 메시지를 반복해서 보내야 하고, 고객은 "지금 어떤 단계인지" 끊임없이 확인하려고 합니다.  ? 이런 반복적인 안내 작업을 시스템에 맡긴다면? 이프두는 고객의 교환·반품 상태 변화를 실시간으로 감지하여, 최적화된 메시지를 자동으로 발송합니다. 고객이 기다리지 않고, 담당자가 일일이 안내하지 않아도 되는 CS 자동화가 실현됩니다. 어떻게 작동하나요?이프두는 고객의 주문 상태 변화를 실시간으로 감지합니다. 교환이나 반품의 접수, 거절, 배송 시작 등 각 단계마다 최적화된 맞춤형 메시지를 자동으로 고객에게 전달합니다. 어떤 효과를 기대할 수 있나요?? CS 업무 자동화로 효율성 증대담당자가 일일이 수동으로 안내하던 반복적인 교환・반품 과정을 시스템화하여 반복적인 메시지 작성과 발송 시간을 획기적으로 단축합니다. ?? 고객 만족도 및 신뢰도 향상고객은 자신의 요청 처리 상황을 실시간으로 투명하게 확인받습니다. “어디까지 진행되었는지” 매번 문의하지 않아도 되므로, 쇼핑몰에 대한 신뢰 및 만족도가 자연스럽게 높아집니다.이용을 위해 필요한 조건은 무엇인가요?기능을 원활하게 이용하기 위해 아래 내용을 확인해 주세요. 지원 대상카페24, 아임웹 이용 사이트 필수 조건✅ 이프두 유료 고객✅ 카카오 채널 등록✅ API 연동: 카페24 / 아임웹잔여 요금최소 1,000원 이상의 푸시 잔액 필요 ? 보유 잔액이 1,000원 이하로 떨어지기 전에 미리 요금을 충전해 주세요. 필요한 경우 푸시 잔여 금액 알림 기능을 설정하고 요금 충전이 필요한 시점에 알림을 받아보실 수 있습니다.  알림톡 자동 발송 시작하기이프두 유료 이용자라면 별도의 복잡한 절차 없이 ?️ 클릭 한 번으로 시작할 수 있습니다.  Auto Msg > 푸시 메시지 > 알림톡 > 자동 발송으로 이동하세요.  이용을 원하는 메시지를 활성화하세요. 즉시 발송이 시작됩니다.  카카오톡을 이용하지 않는 고객에게도 안내하고 싶다면 대체문자를 사용해 보세요!  카카오톡 발송 실패를 대비하는 ‘대체문자’ 기능 알림톡 발송에 실패하더라도 걱정 마세요! ‘대체문자’ 기능을 활성화하면 알림톡과 동일한 내용이 자동으로 문자로 재발송되어 메시지 전달 성공률을 높일 수 있습니다.  발신자 정보(사이트명) 확인문자에 표시되는 사이트명은 [설정 > 사이트 관리]에서 미리 확인해 주세요.안정적인 발송(LMS)문자 내용에는 주문번호, 상품명 등 변수가 포함되며, 변수의 길이로 인해 LMS(장문 메시지) 형식으로 발송됩니다.사전 필수 작업대체문자 발송을 위해 발신번호 등록을 반드시 완료해 주세요.자주 묻는 질문(FAQ)Q. 템플릿 심사는 어떻게 진행되나요? 등록한 카카오 채널이 있다면 별도의 요청 없이 자동으로 심사가 진행됩니다. 심사 완료 후 즉시 사용 가능합니다. Q. 템플릿 심사는 얼마나 걸리나요?카카오 검수 상황에 따라 영업일 기준 최대 3일 소요됩니다. 심사가 완료될 때까지 상태 버튼이 비활성화될 수 있습니다. Q. 카카오 채널 등록 후 바로 이용할 수 있나요?아니요, 즉시 이용은 어렵습니다. 템플릿 심사(영업일 기준 최대 3일)가 완료된 이후부터 발송 가능합니다. Q. 알림톡은 설정 즉시 발송되나요?네. 활성화하고 고객의 행동을 감지하면 바로 발송됩니다. 다만 네트워크 통신 상황에 따라 최대 5분까지 소요될 수 있습니다. ⭐️ 유의사항 (카페24) 카페24에서는 ‘반품 완료’와 ‘환불 완료’가 동일한 시점에 처리됩니다. 따라서 자동 발송 메시지는 각각 구분하여 제공되지 않으며, 모두 ‘환불 완료’ 케이스로 통합 제공됩니다.  지금 바로 이프두에서 교환·반품 알림톡 자동화를 시작해 보세요. 건당 8원의 합리적인 프로모션 가격으로 쇼핑몰 운영 효율은 높이고, 고객 만족도는 한 단계 끌어올릴 수 있습니다.알림톡 자동 발송 시작하기

    more
    블로그 이미지 푸시 메시지 발송 결과, ? 실시간 알림 기능 업데이트!

    푸시 메시지를 예약해 두고, “오류 없이 잘 발송되었을까?”, “지금 보낸 메시지는 몇 명에게 도달했을까?” 매번 관리자 페이지를 들락날락하며 확인하시지는 않으셨나요? 특히 주말이나 퇴근 이후 시간처럼 PC로 관리자 화면에 직접 접속하기 어려운 상황에서는 푸시 메시지가 제대로 발송되었는지 계속 신경 쓰이셨을 텐데요. 담당자님들의 불안함을 덜어드리고, 보다 완벽한 업무 관리를 지원하기 위해 ‘푸시 메시지 알림 설정 기능’을 새로 추가했습니다! 실시간 발송 결과부터 전일 발송 요약 보고서, 푸시 충전금 알림까지 메일과 문자로 편하게 받아보세요. 노트북을 열 필요 없이 스마트폰으로 가볍게 확인할 수 있습니다???? 새롭게 추가된 3가지 푸시 알림 기능푸시 메시지 운영에 꼭 필요한 모니터링 정보를 실시간 또는 정기 리포트 형태로 받아보실 수 있습니다. 스마트한 알림으로 업무를 더 꼼꼼히 관리해 보세요. 1. 실시간 발송 결과 알림문자, 카카오 브랜드 메시지 등 푸시 메시지 발송이 최종 완료되면 수신자로 등록된 관리자/담당자의 메일로 발송 결과 보고서를 전송해 드립니다. (트리거 발송 제외)? 발송 완료 후 메일이 도달하기까지 최대 30분 소요됩니다. 2. 전일 발송 요약 알림매일 오전 9시 50분, 전날 발송된 전체 푸시 메시지 내역을 깔끔하게 요약하여 메일로 발송해 드립니다. 일일 업무 보고 작성 시 유용하게 활용해 보세요? 3. 푸시 충전금 알림푸시 메시지 발송에 사용되는 충전 금액이 미리 설정해둔 비율 이하로 떨어지면 이메일과 문자로 즉시 알려드립니다. 충전금이 모두 소진되기 전에 꼭 충전하세요? 단 5초면 끝! 푸시 알림 수신 설정 방법쉽게 따라 할 수 있는 알림 설정 경로를 안내해 드립니다. 1. 설정 페이지로 이동이프두 로그인 후 설정 > 문자 메시지 사전 설정 > 기타로 이동합니다.  2. 수신 대상 추가필요한 알림 서비스의 + 아이콘을 클릭합니다.  알림을 수신할 관리자/담당자를 [추가]하세요.  추가된 담당자를 확인합니다.  3. 알림 항목 활성화필요한 알림 서비스를 활성화하고 [저장]합니다.  ? 지금 바로 푸시 알림을 활성화해 보세요! 푸시메시지 알림 기능을 통해, 푸시메시지 발송 성과를 더 직관적으로 파악해 보세요. 지금 관리자 페이지에 접속하여 알림을 켜두면 이메일과 문자가 자동으로 발송됩니다. ?? 이어서 확인해 보세요!이프두 성과 요약 리포트 신청 방법담당자 초대 방법 

    more
    빠른 이동 메인 새소식 마케팅 레시피 고객 사례 온 사이트 마케팅 CRM
  • 요금
  • 로그인 무료 체험 신청
이프두 블로그
이프두 블로그
  • 이프두 블로그

  • 메인
  • 시작 가이드
  • 마케팅 레시피
  • 고객 사례
  • 온 사이트 마케팅
  • CRM
  • 상품 추천
  • 애널리틱스
  • 부가서비스
  • 호스팅몰 전용
  • 자주 묻는 질문
  • 새소식
취소
마케팅 자동화 - IFDO > 부가서비스,새소식

장바구니 연관 상품 추천(IFDO Suggest)! 에디터가 직접 추천해 볼까?

업데이트 : 2025-09-22

IFDO Suggest 장바구니형(장바구니형 연관 상품 추천)이란, 고객이 장바구니를 보고 있을 때 장바구니에 담긴 금액과 무료배송까지 남은 금액을 계산하여 무료 배송을 위한 상품을 자동으로 추천하는 기능인데요. 고객이 더 많은 상품을 구매하도록 유도하는 역할을 톡톡히 해내고 있어 많은 브랜드에서 사랑받고 있습니다🥰

이미지 출처: 이프두 고객사 ‘지모’


자동 추천 외에도 특정한 상품/카테고리의 판매율 증진을 위해 노출 상품을 담당자가 직접 선택하고 싶다는 고객님들의 의견을 반영하여, ‘에디터 추천’ 기능을 장바구니 페이지에 적용하실 수 있도록 업데이트 했습니다!

 

에디터 추천

연관 상품 추천(IFDO Suggest)에는 상품을 추천하는 2가지 방식 - 알고리즘, 에디터 추천-이 있습니다. 알고리즘은 선택한 알고리즘에 따라 상품이 자동 추천되는 것을, 에디터 추천은 담당자가 직접 상품을 선별하여 진열하는 것을 의미합니다.


 

IFDO Suggest 장바구니형 - 에디터 추천 적용 방법

다음의 방법을 통해 장바구니형 연관 상품 추천에 에디터 추천 방식을 적용하실 수 있습니다.


1. 이프두 로그인 후 연관 상품 추천으로 이동하세요.


 

2. [Suggest 만들기]를 클릭합니다.


 

3. 이름과 디바이스를 지정한 뒤 형태로는 ‘장바구니’를 선택합니다. 


 

4. 에디터 추천을 선택한 뒤 [추천 상품 선택]을 클릭합니다.


 

5. Suggest에 포함하여 노출하고자 하는 상품을 모두 선택한 후 저장합니다. 


 

6. Suggest의 타이틀을 작성합니다.


 

7. Suggest 스타일을 선택하세요.

 

  • 일반형(기본)
    상품 이미지 하단에 상품명과 상품 가격이 표시됩니다. 

  • 카드형
    상품명과 상품 가격이 상품 이미지와 오버랩되어 표시됩니다. 


 

8. 컨테이너 크기(Suggest 크기)를 설정합니다.


 

  • 가로 (A)
    Suggest의 가로 크기입니다. px(픽셀)와 % 값을 사용하여 조절할 수 있으며 100% 선택 시 페이지 너비에 맞춰 100%로 Suggest의 가로 크기가 조정됩니다. 

  • 세로 (B)
    Suggest의 세로 크기(px)입니다. 

  • 좌우 안쪽 여백(D)
    페이징 버튼이 나타나는 좌우 안쪽 여백의 너비(px)입니다. 

  • 자동 롤링

    • 활성화 시 Suggest가 자동으로 롤링됩니다.

    • 롤링 시간을 설정할 수 있습니다. (2~7초)

  • 좌우 이동 버튼

    • 좌우 이동 버튼이 기본으로 제공됩니다.

    • 필요시 이미지 URL을 통해 커스텀 이미지를 적용하실 수 있습니다. 

 

9. 상품 이미지 값을 지정합니다.

 

  • 간격 (E)
    상품 이미지 사이의 간격(px)을 조정할 수 있습니다. 

  • 가로 크기 (C)
    상품 이미지의 가로 크기(px)를 지정할 수 있습니다. 세로 사이즈는 가로 사이즈에 맞춰 자동으로 리사이징됩니다. 

  • 라운드 효과
    상품 이미지의 모서리에 라운드 효과를 적용할 수 있습니다.

  • 이미지 비율
    이미지 비율을 선택하여 적용할 수 있습니다. → 관련 가이드 읽기

    • 원본
      이미지가 원본 비율대로 노출됩니다.

    • 1:1
      이미지가 1:1 정사각형 비율로 노출됩니다. 


 

10. 텍스트 설정값을 지정합니다. 

 

  • 상품명 (F)
    상품명의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.

  • 가격
    가격의 색상과 굵기, 글꼴, 글꼴 크기를 지정할 수 있습니다.

  • 상품 이름 표시
    상품 이름을 1줄 또는 2줄로 표현할 수 있습니다.

  • 할인가 표시

    • 제품 상세페이지를 기준으로 정상가(판매가), 할인율, 할인가격이 표시됩니다.

    • 비활성화 시 할인이 적용되지 않은 정상가(판매가)가 표시됩니다.

  • 가격 표시
    상품 가격이 표시됩니다. 비활성화 시 가격이 표시되지 않고 상품명만 노출됩니다. 


11. (옵션) 필요한 경우 세부 설정을 클릭하여 추가 기능을 활용할 수 있습니다.

 

  • 제외할 상품명 패턴을 입력하여 특정 상품을 노출 상품에서 제외할 수 있습니다. 

  • 노출 허용 IP를 지정하여 실제 노출 화면을 내부 IP로 테스트할 수 있습니다. → 관련 가이드 읽기


12. 저장합니다.


 

13. 작성한 Suggest 코드를 클릭하여 복사합니다.


 

14. 쇼핑몰 관리자로 이동하여 HTML 영역에 방금 복사한 Suggest 코드를 붙여 넣고 저장하세요.
💡 이미 장바구니형 Suggest 코드가 설치되어 사용 중이었다면 다시 설치할 필요는 없어요!



 설치 가이드: 카페24 / 고도몰 / 메이크샵 / 아임웹 ​


15. 다시 IFDO Suggest 목록으로 돌아와 설치를 완료한 Suggest를 활성화하면 즉시 노출이 시작됩니다! 


 

이렇게 담당자가 장바구니 페이지에서 노출할 상품을 직접 선택하는 ‘장바구니형 - 에디터 추천’ Suggest 작성 방법에 대해 알아보았는데요. 


기본으로 제공해 드리는 장바구니형 연관 상품 추천의 특별 알고리즘 “무료배송까지 남은 금액을 계산하고 자동으로 상품을 추천하는 방식”을 적용한 IFDO Suggest도 굉장히 효율이 좋습니다. 무료 배송을 선호하는 고객님들의 마음을 저격할 수 있으니 꼭 사용해 보시길 추천드립니다🥰


다음 포스팅

IFDO Suggest 장바구니형

무료 배송을 위한 상품 추천해 볼까?

 

최근 콘텐츠

블로그 이미지
교환・반품 CS, 알림톡 자동화로 해결하세요 (카페24, 아임웹 연동)
이프두의 고객 관리(CRM) 기능! 알림톡 자동 발송의 범위가 ‘교환’과 ‘반품’까지 확장되었어요! 이제 고객의 교환・반품 상태 변화를 실시간으로 감지하여 개인화된 알림톡을 자동으로 발송합니다. 클릭 한 번으로 CS 자동화를 시작해 보세요 😎도입: 왜 교환・반품 알림톡 자동화가 필요할까요? 온라인 쇼핑몰에서 교환·반품 CS는 가장 시간이 많이 소요되는 업무 중 하나입니다. 고객이 교환을 요청하고 ➡️ 쇼핑몰 측에서 접수한 후 ➡️​ 다시 배송 준비를 하고 ➡️​ 배송이 시작되는 과정을 고객에게 매번 하나하나 안내해야 합니다. 이 과정에서 담당자는 비슷한 메시지를 반복해서 보내야 하고, 고객은 "지금 어떤 단계인지" 끊임없이 확인하려고 합니다.  🔄 이런 반복적인 안내 작업을 시스템에 맡긴다면? 이프두는 고객의 교환·반품 상태 변화를 실시간으로 감지하여, 최적화된 메시지를 자동으로 발송합니다. 고객이 기다리지 않고, 담당자가 일일이 안내하지 않아도 되는 CS 자동화가 실현됩니다. 어떻게 작동하나요?이프두는 고객의 주문 상태 변화를 실시간으로 감지합니다. 교환이나 반품의 접수, 거절, 배송 시작 등 각 단계마다 최적화된 맞춤형 메시지를 자동으로 고객에게 전달합니다. 어떤 효과를 기대할 수 있나요?📈 CS 업무 자동화로 효율성 증대담당자가 일일이 수동으로 안내하던 반복적인 교환・반품 과정을 시스템화하여 반복적인 메시지 작성과 발송 시간을 획기적으로 단축합니다. 👍🏻 고객 만족도 및 신뢰도 향상고객은 자신의 요청 처리 상황을 실시간으로 투명하게 확인받습니다. “어디까지 진행되었는지” 매번 문의하지 않아도 되므로, 쇼핑몰에 대한 신뢰 및 만족도가 자연스럽게 높아집니다.이용을 위해 필요한 조건은 무엇인가요?기능을 원활하게 이용하기 위해 아래 내용을 확인해 주세요. 지원 대상카페24, 아임웹 이용 사이트 필수 조건✅ 이프두 유료 고객✅ 카카오 채널 등록✅ API 연동: 카페24 / 아임웹잔여 요금최소 1,000원 이상의 푸시 잔액 필요 💡 보유 잔액이 1,000원 이하로 떨어지기 전에 미리 요금을 충전해 주세요. 필요한 경우 푸시 잔여 금액 알림 기능을 설정하고 요금 충전이 필요한 시점에 알림을 받아보실 수 있습니다.  알림톡 자동 발송 시작하기이프두 유료 이용자라면 별도의 복잡한 절차 없이 🖱️ 클릭 한 번으로 시작할 수 있습니다.  Auto Msg > 푸시 메시지 > 알림톡 > 자동 발송으로 이동하세요.  이용을 원하는 메시지를 활성화하세요. 즉시 발송이 시작됩니다.  카카오톡을 이용하지 않는 고객에게도 안내하고 싶다면 대체문자를 사용해 보세요!  카카오톡 발송 실패를 대비하는 ‘대체문자’ 기능 알림톡 발송에 실패하더라도 걱정 마세요! ‘대체문자’ 기능을 활성화하면 알림톡과 동일한 내용이 자동으로 문자로 재발송되어 메시지 전달 성공률을 높일 수 있습니다.  발신자 정보(사이트명) 확인문자에 표시되는 사이트명은 [설정 > 사이트 관리]에서 미리 확인해 주세요.안정적인 발송(LMS)문자 내용에는 주문번호, 상품명 등 변수가 포함되며, 변수의 길이로 인해 LMS(장문 메시지) 형식으로 발송됩니다.사전 필수 작업대체문자 발송을 위해 발신번호 등록을 반드시 완료해 주세요.자주 묻는 질문(FAQ)Q. 템플릿 심사는 어떻게 진행되나요? 등록한 카카오 채널이 있다면 별도의 요청 없이 자동으로 심사가 진행됩니다. 심사 완료 후 즉시 사용 가능합니다. Q. 템플릿 심사는 얼마나 걸리나요?카카오 검수 상황에 따라 영업일 기준 최대 3일 소요됩니다. 심사가 완료될 때까지 상태 버튼이 비활성화될 수 있습니다. Q. 카카오 채널 등록 후 바로 이용할 수 있나요?아니요, 즉시 이용은 어렵습니다. 템플릿 심사(영업일 기준 최대 3일)가 완료된 이후부터 발송 가능합니다. Q. 알림톡은 설정 즉시 발송되나요?네. 활성화하고 고객의 행동을 감지하면 바로 발송됩니다. 다만 네트워크 통신 상황에 따라 최대 5분까지 소요될 수 있습니다. ⭐️ 유의사항 (카페24) 카페24에서는 ‘반품 완료’와 ‘환불 완료’가 동일한 시점에 처리됩니다. 따라서 자동 발송 메시지는 각각 구분하여 제공되지 않으며, 모두 ‘환불 완료’ 케이스로 통합 제공됩니다.  지금 바로 이프두에서 교환·반품 알림톡 자동화를 시작해 보세요. 건당 8원의 합리적인 프로모션 가격으로 쇼핑몰 운영 효율은 높이고, 고객 만족도는 한 단계 끌어올릴 수 있습니다.알림톡 자동 발송 시작하기

블로그 이미지
푸시 메시지 발송 결과, 🔔 실시간 알림 기능 업데이트!
푸시 메시지를 예약해 두고, “오류 없이 잘 발송되었을까?”, “지금 보낸 메시지는 몇 명에게 도달했을까?” 매번 관리자 페이지를 들락날락하며 확인하시지는 않으셨나요? 특히 주말이나 퇴근 이후 시간처럼 PC로 관리자 화면에 직접 접속하기 어려운 상황에서는 푸시 메시지가 제대로 발송되었는지 계속 신경 쓰이셨을 텐데요. 담당자님들의 불안함을 덜어드리고, 보다 완벽한 업무 관리를 지원하기 위해 ‘푸시 메시지 알림 설정 기능’을 새로 추가했습니다! 실시간 발송 결과부터 전일 발송 요약 보고서, 푸시 충전금 알림까지 메일과 문자로 편하게 받아보세요. 노트북을 열 필요 없이 스마트폰으로 가볍게 확인할 수 있습니다😉👍🏻🔔 새롭게 추가된 3가지 푸시 알림 기능푸시 메시지 운영에 꼭 필요한 모니터링 정보를 실시간 또는 정기 리포트 형태로 받아보실 수 있습니다. 스마트한 알림으로 업무를 더 꼼꼼히 관리해 보세요. 1. 실시간 발송 결과 알림문자, 카카오 브랜드 메시지 등 푸시 메시지 발송이 최종 완료되면 수신자로 등록된 관리자/담당자의 메일로 발송 결과 보고서를 전송해 드립니다. (트리거 발송 제외)💡 발송 완료 후 메일이 도달하기까지 최대 30분 소요됩니다. 2. 전일 발송 요약 알림매일 오전 9시 50분, 전날 발송된 전체 푸시 메시지 내역을 깔끔하게 요약하여 메일로 발송해 드립니다. 일일 업무 보고 작성 시 유용하게 활용해 보세요😉 3. 푸시 충전금 알림푸시 메시지 발송에 사용되는 충전 금액이 미리 설정해둔 비율 이하로 떨어지면 이메일과 문자로 즉시 알려드립니다. 충전금이 모두 소진되기 전에 꼭 충전하세요💰 단 5초면 끝! 푸시 알림 수신 설정 방법쉽게 따라 할 수 있는 알림 설정 경로를 안내해 드립니다. 1. 설정 페이지로 이동이프두 로그인 후 설정 > 문자 메시지 사전 설정 > 기타로 이동합니다.  2. 수신 대상 추가필요한 알림 서비스의 + 아이콘을 클릭합니다.  알림을 수신할 관리자/담당자를 [추가]하세요.  추가된 담당자를 확인합니다.  3. 알림 항목 활성화필요한 알림 서비스를 활성화하고 [저장]합니다.  🚀 지금 바로 푸시 알림을 활성화해 보세요! 푸시메시지 알림 기능을 통해, 푸시메시지 발송 성과를 더 직관적으로 파악해 보세요. 지금 관리자 페이지에 접속하여 알림을 켜두면 이메일과 문자가 자동으로 발송됩니다. 🙌🏻 이어서 확인해 보세요!이프두 성과 요약 리포트 신청 방법담당자 초대 방법 

블로그 이미지
[IFDO Suggest] 우리 쇼핑몰에 딱 맞게, 연관 상품 추천 디자인을 ‘커스텀’하세요
⚡️ 우리 쇼핑몰 분위기에 딱 맞는 추천 UI가 필요하셨나요?쇼핑몰에서 연관 상품 추천(IFDO Suggest)은 고객의 추가 구매를 자연스럽게 유도하는 중요한 마케팅 장치입니다. 하지만 기본 템플릿이 우리 쇼핑몰의 색상, 분위기, 상품 정보 노출 방식과 조금 달라 아쉬웠던 적이 있으셨을 거예요.이러한 고민을 해결할 수 있는 CSS/HTML 커스텀 기능과 히스토리 기능이 추가되었습니다🥳 간단한 여백 조정부터 정교한 UI 변경까지, 기존 쇼핑몰 디자인에 맞춰 IFDO Suggest 영역을 더 자연스럽게 다듬을 수 있습니다. 이번 글에서는 IFDO Suggest의 디자인 완성도를 높여줄 커스텀 활용법을 쉽게 소개해 드릴게요.1. 연관 상품 추천 ‘커스텀’ 기능이란?IFDO Suggest를 사이트에서 노출할 때 연관 상품 추천 영역의 디자인과 구조를 쇼핑몰 스타일에 맞게 직접 수정할 수 있는 기능입니다. 브랜드 고유의 색상 적용은 물론, 상품 정보 노출 방식까지 직접 제어할 수 있습니다.  CSS 스타일 vs HTML 태그, 무엇을 선택할까요?수정하려는 목적에 따라 아래의 가이드를 참고해서 선택해 보세요!CSS 스타일 커스텀 배경 색상, 배지 크기, 여백 등 시각적 디자인 수정에 적합합니다. HTML 태그 커스텀상품 정보의 배치 순서, 노출 구조 등 UI 프레임 자체를 변경할 때 사용합니다. ⚠️ 이용 전 꼭 확인해 주세요커스텀은 CSS 스타일과 HTML 태그 중 하나의 옵션만 선택하여 이용할 수 있습니다. 두 옵션을 모두 입력하여 저장하는 경우, 현재 조회 중인 탭을 기준으로 내용이 저장됩니다.HTML 태그를 직접 수정할 경우, 향후 이프두 시스템의 자동 업데이트 기능이 제한될 수 있습니다. 디자인 중심의 수정이라면 CSS 커스텀을 이용해 주세요. 2. 실수해도 걱정 마세요! ‘History’와 ‘초기화’ 기능디자인을 수정하다 보면 코드가 꼬이거나, 이전 상태로 되돌리고 싶을 때가 있습니다. 이럴 때를 위해 Suggest 커스텀에는 안전하게 작업을 보호할 수 있는 관리 기능이 함께 제공됩니다. History [적용] 버튼을 누를 때마다 수정 내역이 저장되어 언제든 이전 버전으로 복구할 수 있습니다. *최대 10개 저장, 이후에는 오래된 내역부터 자동 삭제원클릭 초기화[초기화] 버튼을 클릭하면 즉시 기본 상태의 Suggest로 되돌릴 수 있습니다. 3. 실전 예제 : CSS와 HTML로 추천 영역 디자인 다듬기이제 실제로 커스텀을 적용해 보겠습니다. 이번 예제에서는 다음 두 가지를 진행합니다. 1. CSS 스타일을 커스텀하여 상품 배지 여백 다듬기2. HTML 태그 커스텀으로 할인율, 할인가, 정상가를 한 줄로 나열하기💡 가이드는 커스텀을 진행하지 않은 기본 화면을 기준으로 작성되었습니다. 이미 커스텀이 적용된 경우 화면 구성이 다를 수 있습니다. 🎨 CSS 스타일 커스텀: 상품 배지 여백 다듬기CSS 커스텀을 활용하여 상품 배지의 여백을 다듬는 방법입니다. 1단계 : 커스텀 설정 화면 열기Suggest 편집 화면에서 세부 설정 > 커스텀 [수정]을 클릭합니다.  2단계 : CSS코드 입력하기CSS 탭에 아래의 코드를 붙여 넣고 ‘padding-top’과 ‘padding-bottom’ 값을 원하는 크기로 조절한 뒤 [적용]합니다. .badge>div{padding-top:5px;padding-bottom:5px;}3단계 : 변경 내용 저장하기변경된 배지 스타일을 확인하고 [저장]하세요!  🛠️ HTML 태그 커스텀: 상품 정보 한 줄로 노출하기이번에는 상품의 할인율, 할인가, 정상가를 한 줄로 나란히 보여주는 방법입니다.  1단계 : 커스텀 설정 화면 열기Suggest 편집 화면에서 세부 설정 > 커스텀 [수정]을 클릭합니다.  2단계 : 스타일 태그 추가하기HTML 탭의 </head> 위에 스타일 태그를 삽입합니다.   <style>    .hide.rate{      display:none;    }    .discount{      padding-right:5px;    }  </style>3단계 : 상품 정보 구조 영역 찾기상품 정보 구조 영역(표시된 영역)을 찾으세요. 💡 일반적으로 상품 정보 구조는 배지 레이어 위에 위치합니다. 4단계 : 상품 정보 구조 변경하기아래의 내용으로 덮어씌운 뒤 [적용]하세요.  <div class="info">                <span class="name"><%-goods.name%></span>                 <div>                  <span class="rate <%-goods.discount_hide%>"><%-goods.rate%></span>                    <span class="discount"><%-goods.discount_price%></span>                  <span class="price <%-goods.discount_hide%>"><%-goods.price%>원</span>                                     </div>5단계 : 변경 내용 저장하기변경된 스타일을 확인하고 [저장]하세요! IFDO Suggest 커스텀으로 추천 영역을 더 자연스럽게 완성해 보세요이프두의 Suggest 커스텀 기능을 활용하면 쇼핑몰의 브랜드 톤앤매너를 유지하면서, 추천 상품 영역을 더 자연스럽고 보기 좋게 다듬을 수 있습니다. 고객이 추천 상품을 더 편하게 확인할 수 있도록 디자인을 최적화하고, 자사몰의 전환 성과를 한 단계 더 높여보세요! Suggest 관련 글을 더 읽어볼까요?클릭을 부르는 ‘상품 배지’ 적용하기최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기 

  • 메인
  • 시작 가이드
  • 마케팅 레시피
  • 고객 사례
  • 온 사이트 마케팅
  • CRM
  • 상품 추천
  • 애널리틱스
  • 부가서비스
  • 호스팅몰 전용
  • 자주 묻는 질문
  • 새소식

트래픽을 매출로! — 이프두

서비스 도입 미팅 요청 서비스 소개서 신청
온사이트 마케팅
  • 고객 세그먼트
  • 인앱메시지
  • 실시간 효과 분석
추천
  • IFDO Suggest
  • IFDO Social Ticker
오프사이트 마케팅
  • 문자메시지
  • 브랜드 메시지 / 알림톡
  • 앱 푸시 메시지
채팅
  • 라이브 챗
  • 챗 봇
애널리틱스
  • RFM 분석
  • 고객 인사이트
  • 광고 / 마케팅 효과 분석
Resources
  • 이프두 블로그
Follow us
  • 네이버 블로그
  • 인스타그램
  • 페이스북
  • 제휴 문의
  • 서비스 이용약관
  • 개인정보처리방침

© NibbleSKY Inc. 2025

  • (주)니블스카이
  • 대표이사:이수창
  • 개인정보보호책임자:방정남
  • 주소:서울시 구로구 디지털로34길27 1309
  • 전화:02)6346-2662
  • 사업자등록번호:144-81-25052