구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.
다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.
100여 가지의 실시간 웹분석 리포트를 제공합니다.
함께 구매될 가능성이 높은 상품을 자동 추천합니다.
상품 정보를 방문객에게 실시간 공유합니다.
고객을 이해하면서 소통하세요.
반복되는 문의는 챗 봇에게 맡기세요.
이프두는 계정 보안 강화와 KISA 한국인터넷진흥원 지침에 따라 로그인 및 아이디/비밀번호 찾기 과정에 본인인증 절차를 적용했습니다. 인증번호가 도착하지 않거나 본인인증이 정상적으로 진행되지 않는 경우, 아래 항목을 순서대로 확인해 주세요. 대부분의 문제는 브라우저 설정이나 알림톡 수신 설정을 확인하면 해결할 수 있습니다. 문제가 지속된다면 이프두 채팅 상담으로 편하게 문의해 주세요!1. 웹브라우저 캐시 문제 해결하기웹브라우저를 종료하지 않고 오랜 시간 사용 중이신 경우, 기존 방문 기록이나 데이터가 웹상에 남아 있어 오류가 나타날 수 있습니다.1) 다른 브라우저에서 접속 시도현재 크롬(Chrome)을 사용 중이시라면 네이버 웨일, 엣지 등 다른 브라우저를 열어 로그인을 진행해 보세요. 다른 브라우저에서 정상적으로 작동한다면 캐시 문제일 가능성이 높습니다. 이 경우 '2) 기존 브라우저의 캐시 삭제'를 진행해 주세요.2) 기존 브라우저의 캐시 삭제키보드의 [F12] 키를 눌러 개발자 도구를 연 뒤, 새로고침 버튼을 마우스 우클릭하여 '캐시 비우기 및 강력 새로고침'을 클릭하세요. 또한, 사용 중인 브라우저 창을 전체 종료한 후 다시 실행하여 문제를 해결할 수 있습니다. 단, 기존의 모든 탭과 창을 완전히 닫은 뒤 새 브라우저를 열어 접속하셔야 합니다.2. 알림톡 수신 차단 여부 확인하기이프두 카카오톡 채널의 알림톡 수신을 차단하신 경우 인증번호 알림톡을 받을 수 없습니다. 카카오톡에서 이프두 채널 차단 해제 및 알림톡 수신이 허용되어 있는지 확인해 주세요. 원활한 본인인증을 위한 안내계정에 등록된 휴대폰 번호는 인증번호 수신이 가능한 정상 번호여야 합니다.아이디/비밀번호 찾기 시 이름과 휴대폰 번호를 기준으로 실명 인증이 진행됩니다. '담당자', '김팀장' 등 실명이 아닌 경우 조회가 불가능하므로 반드시 본인의 실명으로 회원 이름을 변경해 주세요.회원 정보는 이프두 로그인 후 [내 정보 변경]에서 직접 수정하실 수 있습니다.계정 정보(아이디, 이메일) 변경을 요청하시는 경우, 계정 소유자 확인을 위한 추가 서류 제출이 필요합니다. 이프두 채팅 상담으로 문의해 주세요. 이프두는 보다 안전하고 원활한 서비스 이용과 전송자격인증제 준수를 위해 1인 1계정 이용을 권장하고 있습니다. 하나의 계정을 여러 명이 함께 사용하는 경우, 본인인증 과정에서 로그인에 어려움이 발생할 수 있습니다. 여러 담당자가 함께 이용하시는 경우에는 ‘담당자 추가’ 기능을 통해 각자의 계정으로 이용해 주세요. 각 담당자가 자신의 계정으로 이용하면 본인인증과 로그인도 더욱 원활하게 이용하실 수 있습니다. 아래 가이드를 참고하셔서 '담당자 추가' 방법을 확인해 보세요.담당자 추가 방법 확인
이프두에 IP 기반 ‘지역’ 세그먼트가 새로 추가되었습니다. 지역 기반 마케팅(Location-based Marketing)을 준비 중이시라면, 인앱 메시지나 푸시 메시지 발송 시 ‘지역’ 조건을 활용해 특정 지역 고객에게 최적화된 메시지를 전달할 수 있습니다. 1. ‘지역’ 세그먼트란?‘지역’ 세그먼트는 접속자의 IP 주소를 기반으로 방문자의 위치(시/도)를 추정하여 마케팅 타깃으로 분류하거나 타깃 대상에서 제외하는 기능입니다. ⚡️ 왜 지역 세그먼트 활용이 중요한가요?메시지 관련성 극대화전국 고객에게 동일한 메시지를 보낼 때보다, 특정 지역 고객에게 맞춤형 혜택 및 오프라인 매장 안내를 제공할 때 개인화 반응률이 상승합니다. 마케팅 비용 효율화불필요한 타깃에게 메시지가 노출되는 것을 방지하여 메시지 발송 비용을 효율적으로 관리할 수 있습니다.2. 지역 세그먼트 설정 방법 세그먼트 편집 화면 진입[Auto Msg] 메뉴에서 인앱 메시지 또는 푸시 메시지의 세그먼트 편집 화면으로 이동합니다. 지역 세그먼트 조건 선택세그먼트 설정 단계에서 [사용 환경 > 지역]을 포함 또는 제외 조건으로 선택합니다. 세부 타깃 지역 지정타깃팅하고자 하는 지역을 선택하여 적용합니다.3. 마케터가 바로 쓰는 실무 활용 시나리오 3가지‘지역’ 세그먼트는 온·오프라인 연계 마케팅 및 시의성 있는 캠페인 집행 시 효과적으로 활용할 수 있습니다. 적용 시나리오 타깃 및 메시지 전략 기대 효과 오프라인 팝업/매장 안내 특정 지역(예: 서울, 경기권) 방문 가능성이 높은 고객에게 팝업스토어, 플래그십 스토어 안내 인앱 메시지 노출 오프라인 매장 유입률 증대 및 행사장 내 로컬 이벤트 전환율 제고 지역 한정 프로모션 특정 광역시/도 단위 고객 대상 당일 배송/로컬 배송 서비스 안내 지역 타깃 고객의 개인화 경험 강화 날씨/지역 이슈 연계지역별 기상 상황(폭설, 한파, 폭염 등)이나 지역 행사/이슈에 맞춘 기획전 및 맞춤 상품(방한용품, 우산 등) 추천고객의 실시간 맥락에 맞는 메시지로 클릭률(CTR) 증대 4. 기술적 유의사항 및 실무 운영 팁IP 기반 위치 추적 방식GPS 가 아닌 IP 접속 정보를 기반으로 위치를 추정하므로, 시/도 단위 위치 추정에 오차가 발생할 수 있습니다. 100% 정확히 일치하는 정보가 아님에 유의해 주세요. 네트워크 환경별 변동성 고려VPN 접속, 기업 보안망, 모바일 네트워크(LTE/5G) IP 동적 할당 체계에 따라 실제 사용자의 물리적 위치와 다르게 인식될 수 있습니다. 실무 팁 (캠페인 세팅 시)엄격한 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 태그 커스텀: 상품 정보 한 줄로 노출하기
이번에는 상품의 할인율, 할인가, 정상가를 한 줄로 나란히 보여주는 방법입니다.
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 관련 글을 더 읽어볼까요?
클릭을 부르는 ‘상품 배지’ 적용하기
최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기