구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.
다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.
100여 가지의 실시간 웹분석 리포트를 제공합니다.
함께 구매될 가능성이 높은 상품을 자동 추천합니다.
상품 정보를 방문객에게 실시간 공유합니다.
고객을 이해하면서 소통하세요.
반복되는 문의는 챗 봇에게 맡기세요.
⚡️ 우리 쇼핑몰 분위기에 딱 맞는 추천 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 관련 글을 더 읽어볼까요?클릭을 부르는 ‘상품 배지’ 적용하기최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기
초기 쇼핑몰 마케터에게 가장 큰 고민은 역시 ‘비용’입니다. 유료 마케팅 솔루션을 도입하자니 부담스럽고, 직접 하기엔 리소스가 턱없이 부족하죠. 이러한 스타트업의 고민을 해결하기 위해 이프두에서 ‘스타트업 플랜’을 전격 오픈했습니다! 이제 유료 기간이나 체험 기간이 종료되어도 비용 걱정 없이 개인화 마케팅을 지속할 수 있습니다. 초기 성장의 강력한 엔진이 되어줄 스타트업 플랜에 대해 자세히 알아볼까요? 이프두 ‘스타트업 플랜’이란 무엇인가요?이프두 ‘스타트업 플랜’은 초기 쇼핑몰이 비용 부담 없이 데이터 분석과 개인화 마케팅을 시작할 수 있도록 제공되는 평생 무료 플랜입니다. 초기 쇼핑몰도 스타트업 플랜을 통해 부담 없이 이프두의 기본 기능을 사용하며, 고객 행동 데이터를 분석하고 마케팅 자동화 효과를 경험해 볼 수 있습니다⚡️ ? 안내이프두에 처음 가입하면 먼저 트라이얼 플랜으로 서비스를 체험하게 됩니다. 체험 기간이 종료된 후 PRO 플랜을 선택하지 않으면 자동으로 ‘스타트업 플랜’으로 전환되며, 별도의 신청 없이 계속 무료로 이용할 수 있습니다. 대상트라이얼 (체험) 서비스가 종료된 모든 사이트*트라이얼 플랜 이용 종료 후 스타트업 플랜으로 자동 전환됩니다.*2026년 4월 27일 이전에 트라이얼 사용이 종료되신 경우, 로그인 시 자동 전환됩니다 (약 1일 소요, 관리자 로그인 필요)핵심 혜택월간 5만 PV까지 무료 데이터 분석 및 마케팅 기능 무료 제공? 개인화 인앱 메시지: 푸시노트, 팝콘 등 온 사이트 팝업?? 상품 추천: Suggest, Social Ticker, 추천 상품 팝업 for PC 등 ? 고객 응대: 라이브 채팅, 챗 봇 ? 데이터 분석: 주요 지표, 유입 출처, 검색어, 광고 파라미터 분석 등‘스타트업 플랜’, 어떤 점이 특별한가요?단순한 ‘무료 체험’이 아닙니다! 스타트업을 위해 핵심 기능을 알차게 구성했습니다. ? 월간 5만 PV까지 데이터 분석 평생 무료 쇼핑몰에 유입되는 고객의 행동을 분석하는 것이 자사몰 마케팅의 시작입니다. 스타트업 플랜은 매월 5만 PV까지 무료 분석을 지원하여, 우리 고객이 어디서 오고 무엇을 보는지 정확히 파악할 수 있게 돕습니다. LIVE를 통해 실시간으로 방문하는 사용자를 확인할 수 있어요.애널리틱스를 통해 쇼핑몰의 주요 분석 데이터를 확인할 수 있어요.? 인앱 메시지부터 상품 추천까지, 마케팅 자동화 패키지 사이트 방문자에게 실시간으로 노출되는 ‘인앱 메시지’는 물론, 취향에 맞는 상품 또는 인기 상품을 제안하는 ‘상품 추천’ 기능, 고객의 문의를 효율적으로 해결하는 ‘라이브 채팅’과 ‘챗 봇’까지 모두 사용할 수 있습니다. 이는 초기 쇼핑몰의 이탈률을 낮추고 구매 전환율을 높이는데 결정적으로 기여합니다. [마케터 제안] 스타트업 플랜으로 시작하는 3단계 성장 전략초기 쇼핑몰 마케터라면 스타트업 플랜을 이렇게 활용해 보세요! 1. 첫방문자 웰컴 메시지 설정우리 사이트를 처음 방문한 고객에게 회원가입 또는 첫구매 혜택을 알리는 팝업을 설정하세요. 5만 PV 내외의 규모에서는 한 명 한 명의 첫인상이 매우 중요합니다. 시작 시 설정하면 좋을 메시지를 소개해 드릴게요 → 꼭 필요한 인앱 메시지 3종 확인하기 *위 포스팅에서 ‘장바구니 리마인딩’ 설정 예시에는 제외 조건이 포함되어 있습니다. 제외 조건 없이 설정하시면 스타트업 플랜에서도 장바구니 리마인딩 기능을 이용하실 수 있습니다. 2. 상품 추천으로 체류시간 늘리기고객이 보고 있는 상품과 연관된 다른 상품을 제안해 보세요. 데이터 기반의 상품 추천은 고객이 사이트에 더 오래 머물게 하고 결제까지 이어질 확률을 높여줍니다. 스타트업 플랜을 위한 이프두 상품 추천 기능이프두 연관 상품 추천 (Suggest)이프두 소셜 티커(Social Ticker) 상품 조회형이프두 추천 상품 for PC3. 사이트 방문 패턴 파악무료 분석 리포트를 통해 고객의 방문 패턴과 구매, 콘텐츠 이용 현황을 확인하세요. 이프두의 스타트업 플랜은 단순한 마케팅 툴을 넘어 사용성을 개선하고 구매 여정을 최적화하기 위한 핵심 분석 도구가 되어줄 것입니다?? 사용 전 꼭 확인해야 할 유의사항성공적인 운영을 위해 아래의 이용 조건을 미리 확인해 주세요.PV 한도 안내월간 5만 PV를 초과할 경우 분석과 마케팅 기능이 일시 중단됩니다. 이용량은 매달 1일에 초기화되며, 이때부터 다시 정상적으로 사용하실 수 있습니다.워터마크 노출스타트업 플랜에서는 인앱 메시지, 상품 추천, 채팅 등 마케팅 기능이 노출되는 영역에 이프두 워터마크가 표시됩니다. 자동 전환 시스템2026년 4월 27일 이후 가입 고객: PRO / 트라이얼 플랜 종료 후 자동 전환됩니다. 2026년 4월 27일 이후 가입 고객: 관리자로 로그인 시 스타트업 플랜으로 전환이 시작됩니다. 다음날 오전 9시에 완벽히 전환된 모습을 확인하실 수 있습니다. 2022년도 이전에 가입하신 경우, 재가입을 진행해 주세요. 이프두 스타트업 플랜은 초기 기업이 CRM 마케팅의 초석을 다질 수 있는 최고의 선택입니다. 비용 부담 없이 지금 바로 개인화 마케팅의 놀라운 효과를 직접 경험해 보세요. 스타트업의 성장이 곧 이프두의 보람입니다??플랜 안내자주 묻는 질문(FAQ)Q. 이전에 이프두를 썼다가 지금은 안쓰고 있는데, 저도 스타트업 플랜을 쓸 수 있나요?A: 네, 물론입니다! 스타트업 플랜 오픈 전, 트라이얼 플랜으로 이용 종료되었더라도 다시 로그인하면 자동으로 스타트업 플랜이 적용되어 바로 이용하실 수 있습니다. *관리자 계정 로그인 필요Q. 5만 PV 분석 종료 후에는 어떻게 되나요?A: 5만 PV 제한은 월 사용량을 기준으로 합니다. 따라서 이번 달에 이미 한도에 도달했더라도 이용량이 초기화되는 다음 달 1일부터 다시 5만 PV를 이용하실 수 있습니다. 5만 PV 한도 내에서는 평~생 무료예요! Q. 스타트업 플랜으로 전환되면 푸시 메시지는 어떻게 되나요?A: 스타트업 플랜에서는 충전해 두신 잔액 소진 시까지 푸시 메시지를 발송하실 수 있습니다. 다만 플랜 전환 과정에서 기존에 설정한 예약 발송 메시지는 유지되지만 스케줄, 트리거 발송 메시지는 모두 비활성화되며 재활성화하여 이용하실 수 있습니다. Q. 스타트업 플랜에서도 푸시 지원금을 받을 수 있나요? A: 아쉽게도 푸시 지원금은 트라이얼(체험) 플랜에서만 지급됩니다. 스타트업 플랜에서는 받을 수 없으며, 트라이얼 플랜에서 받은 푸시 지원금은 스타트업 플랜 전환 시 소멸됩니다.Q. 기존 유료 사용 중이었고, 현재는 잠시 중단한 상태입니다. 스타트업 플랜을 사용할 수 있나요? A: 네, 사용할 수 있습니다. 기존 유료 플랜 이용 후 서비스가 중단된 상태라면, 다시 로그인하는 즉시 스타트업 플랜이 자동으로 적용됩니다. 별도의 신청 없이 무료로 기본 기능을 이용할 수 있으며, 이후 유료 결제를 진행하면 즉시 PRO 플랜으로 업그레이드됩니다.2026년 4월 27일 이후 가입 고객: PRO / 트라이얼 플랜 종료 후 자동 전환됩니다 2026년 4월 27일 이후 가입 고객: 로그인 시 스타트업 플랜으로 전환이 시작됩니다. 다음날 오전 9시에 완벽히 전환된 모습을 확인하실 수 있습니다. 2022년도 이전에 가입하신 경우, 재가입을 진행해 주세요. Q. 2022년도 이전 가입자입니다. 재가입하고 싶은데, 이미 사용 중인 도메인이라는 안내가 나와요. A: 중복 도메인을 사용할 수 없어 나타나는 문제입니다. 이프두 채팅 상담으로 문의주시면 즉시 해결해 드리겠습니다!
⚡️ 우리 쇼핑몰 분위기에 딱 맞는 추천 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 태그 커스텀: 상품 정보 한 줄로 노출하기
이번에는 상품의 할인율, 할인가, 정상가를 한 줄로 나란히 보여주는 방법입니다.
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 관련 글을 더 읽어볼까요?
클릭을 부르는 ‘상품 배지’ 적용하기
최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기