구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.
다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.
100여 가지의 실시간 웹분석 리포트를 제공합니다.
함께 구매될 가능성이 높은 상품을 자동 추천합니다.
상품 정보를 방문객에게 실시간 공유합니다.
고객을 이해하면서 소통하세요.
반복되는 문의는 챗 봇에게 맡기세요.
푸시 메시지 발송 전, 테스트 발송할 때마다 휴대폰 번호와 아이디를 매번 입력하느라 번거로우셨죠! 특히 다양한 테스트 계정으로 발송 결과를 확인해야 할 때 수작업으로 정보를 입력하는 일은 번거롭고 실수도 자주 발생합니다??이러한 불편을 해소하기 위해 푸시 메시지 테스트 발송 정보 저장 및 불러오기 기능이 새로 업데이트되었습니다. 이제 자주 사용하는 테스트 정보를 미리 등록해 두고 클릭 한 번으로 간편하게 불러와 사용할 수 있습니다. 활용 방법을 차근차근 소개해 드릴게요!Q. 푸시 메시지 테스트 발송, 어떤 점이 새로워졌나요?기존에는 테스트 발송 시 매번 수기로 발송 정보를 입력해야 했지만, 이제는 [테스트 정보 등록] 기능을 통해 휴대폰 번호, 아이디, 닉네임을 사전 등록할 수 있습니다. 자주 쓰는 테스트 정보를 미리 저장해 두면 필요할 때마다 간편하게 선택하여 적용할 수 있어, 반복 입력 동작을 없애고 작업 시간이 획기적으로 단축됩니다??? Tip! 기존과 동일하게 수기로 직접 입력하여 발송하는 방식도 함께 지원합니다.테스트 발송 정보 등록 방법테스트 발송을 위한 발송 정보를 미리 등록할 수 있습니다. 각 항목별 작성법은 다음과 같습니다. 닉네임등록된 발송 정보를 용도별로 쉽게 구분하기 위한 명칭입니다. 실제 발송되는 메시지에는 반영되지 않습니다.(예: 김대리, 김니블, 테스트폰 등)휴대폰 번호테스트 푸시 메시지를 직접 수신할 휴대폰 번호를 입력합니다.아이디쇼핑몰(사이트)에 가입된 테스트용 회원 아이디를 입력합니다.? Tip! 한번 등록한 정보는 언제든지 클릭하여 수정하거나 업데이트할 수 있습니다.테스트 발송 정보는 최대 5개까지 등록할 수 있습니다. 테스트 정보 등록&불러오기1. 푸시 메시지의 [테스트 발송]을 클릭합니다. 2. [테스트 정보 등록]을 클릭합니다. 3. 정보를 입력한 뒤 [추가]합니다. 4. 테스트 발송창에서 휴대폰 번호 입력란을 클릭합니다. 하단에 표시되는 정보 중 원하는 항목을 선택하면 입력이 즉시 완료됩니다. 새로운 푸시 메시지 테스트 발송 정보 저장 및 불러오기 기능은 지금 바로 이용하실 수 있습니다. 푸시 메시지 발송 화면에 접속하여 테스트 정보를 등록해 보세요! 반복되는 테스트 정보 입력 시간을 줄이고 더욱 간편하게 서비스를 이용하실 수 있습니다. ? 푸시 관련 업데이트 모아보기이프두 쿠폰 변수 활용 방법푸시 메시지 발송 결과 실시간으로 받아보는 방법
시선을 사로잡는 이프두의 시그니처 인앱메시지, ‘?팝콘’의 라운드 조절 기능이 한층 자유로워졌습니다! 팝콘의 상단과 하단 곡률을 픽셀(px) 단위로 세밀하게 조정하여, 우리 브랜드만의 독창적인 UI 디자인과 완벽하게 어우러지는 감도 높은 커스텀 팝업을 누구나 간편하게 제작할 수 있어요?출처: 브룩스브라더스, 아크비의 팝콘 메시지이미 브룩스브라더스, 아크비 등 트렌디한 감각의 고객사들이 브랜드 정체성에 어울리도록 팝업의 라운드 값을 세밀하게 변경하여 한층 더 감도 높은 온사이트 마케팅을 활발히 진행하고 있습니다✨⭐️ 이프두 팝콘 라운드 조절, 어떤 효과가 있을까요?이프두는 다채로운 인앱메시지를 제공할 뿐만 아니라, 개별 메시지를 세밀하게 커스텀 할 수 있는 상세 기능까지 알차게 갖추고 있어요. 특히 이번에 고도화된 팝콘 라운드 기능은 활용도가 무척 높습니다. 브랜드 일관성 유지우리 사이트의 전체적인 디자인 톤앤매너에 맞춰 팝업 곡률을 자연스럽게 맞출 수 있어요.시각적 주목도 향상곡률을 높인 팝콘 메시지는 훨씬 더 친숙하고 부드러운 인상을 줄 수 있어요. 반대로 곡률을 낮추어 직선 위주의 구성을 택하면 신뢰감 있고 깔끔한 이미지를 연출할 수 있어요. 유연한 UI 대응상단과 하단의 라운드 값을 다르게 설정해서 독창적인 팝업을 만들 수도 있어요.? Tip! 버튼 라운드 조절 기능도 함께 활용해 보세요.팝콘의 전반적인 형태에 어울리도록 버튼 모양을 다듬을 수 있습니다.? 1초 만에 팝콘 라운드 조절하는 방법팝콘 메시지 편집 화면에서 상단, 하단 라운드 값을 입력하면 라운드가 바로 적용돼요. ⭐️ 팝콘 메시지를 처음 만든다면1. 이프두 로그인 후 [Auto Msg] 메뉴로 이동하여 [새로운 오토메시지 만들기] 버튼을 눌러주세요.2, 세그먼트를 선택한 뒤, 다음 단계에서 메시지 유형에서 ‘팝콘’을 선택하고 편집창으로 들어갑니다.3. 원하는 라운드 값을 픽셀(px) 단위로 입력해 조절한 뒤 저장하면 끝이에요!⭐️ 이미 만들어진 팝콘 메시지가 있다면1. 이프두 로그인 후 [Auto Msg] 메뉴로 이동하여 메시지의 [디자인 편집] 아이콘을 클릭해 주세요.2. 원하는 라운드 값을 픽셀(px) 단위로 입력해 조절한 뒤 저장하면 끝이에요!이프두의 새로운 팝콘 라운드 조절 기능을 통해 우리 사이트에 꼭 맞는 세련된 팝업을 만들어 보세요! 이외에도 이프두에는 고객의 마음을 사로잡을 수 있는 다양한 온사이트 팝업 메시지가 준비되어 있습니다. 어떤 인앱메시지를 이용할지 고민된다면 다음 포스팅을 참고해 보세요?나한테 맞는 온사이트 마케팅 팝업 고르는 방법
⚡️ 우리 쇼핑몰 분위기에 딱 맞는 추천 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 관련 글을 더 읽어볼까요?
클릭을 부르는 ‘상품 배지’ 적용하기
최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기