구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.
다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.
100여 가지의 실시간 웹분석 리포트를 제공합니다.
함께 구매될 가능성이 높은 상품을 자동 추천합니다.
상품 정보를 방문객에게 실시간 공유합니다.
고객을 이해하면서 소통하세요.
반복되는 문의는 챗 봇에게 맡기세요.
푸시 메시지를 예약해 두고, “오류 없이 잘 발송되었을까?”, “지금 보낸 메시지는 몇 명에게 도달했을까?” 매번 관리자 페이지를 들락날락하며 확인하시지는 않으셨나요? 특히 주말이나 퇴근 이후 시간처럼 PC로 관리자 화면에 직접 접속하기 어려운 상황에서는 푸시 메시지가 제대로 발송되었는지 계속 신경 쓰이셨을 텐데요. 담당자님들의 불안함을 덜어드리고, 보다 완벽한 업무 관리를 지원하기 위해 ‘푸시 메시지 알림 설정 기능’을 새로 추가했습니다! 실시간 발송 결과부터 전일 발송 요약 보고서, 푸시 충전금 알림까지 메일과 문자로 편하게 받아보세요. 노트북을 열 필요 없이 스마트폰으로 가볍게 확인할 수 있습니다???? 새롭게 추가된 3가지 푸시 알림 기능푸시 메시지 운영에 꼭 필요한 모니터링 정보를 실시간 또는 정기 리포트 형태로 받아보실 수 있습니다. 스마트한 알림으로 업무를 더 꼼꼼히 관리해 보세요. 1. 실시간 발송 결과 알림문자, 카카오 브랜드 메시지 등 푸시 메시지 발송이 최종 완료되면 수신자로 등록된 관리자/담당자의 메일로 발송 결과 보고서를 전송해 드립니다. (트리거 발송 제외)? 발송 완료 후 메일이 도달하기까지 최대 30분 소요됩니다. 2. 전일 발송 요약 알림매일 오전 9시 50분, 전날 발송된 전체 푸시 메시지 내역을 깔끔하게 요약하여 메일로 발송해 드립니다. 일일 업무 보고 작성 시 유용하게 활용해 보세요? 3. 푸시 충전금 알림푸시 메시지 발송에 사용되는 충전 금액이 미리 설정해둔 비율 이하로 떨어지면 이메일과 문자로 즉시 알려드립니다. 충전금이 모두 소진되기 전에 꼭 충전하세요? 단 5초면 끝! 푸시 알림 수신 설정 방법쉽게 따라 할 수 있는 알림 설정 경로를 안내해 드립니다. 1. 설정 페이지로 이동이프두 로그인 후 설정 > 문자 메시지 사전 설정 > 기타로 이동합니다. 2. 수신 대상 추가필요한 알림 서비스의 + 아이콘을 클릭합니다. 알림을 수신할 관리자/담당자를 [추가]하세요. 추가된 담당자를 확인합니다. 3. 알림 항목 활성화필요한 알림 서비스를 활성화하고 [저장]합니다. ? 지금 바로 푸시 알림을 활성화해 보세요! 푸시메시지 알림 기능을 통해, 푸시메시지 발송 성과를 더 직관적으로 파악해 보세요. 지금 관리자 페이지에 접속하여 알림을 켜두면 이메일과 문자가 자동으로 발송됩니다. ?? 이어서 확인해 보세요!이프두 성과 요약 리포트 신청 방법담당자 초대 방법
⚡️ 우리 쇼핑몰 분위기에 딱 맞는 추천 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 관련 글을 더 읽어볼까요?클릭을 부르는 ‘상품 배지’ 적용하기최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기
앱 설치 유도 자동화 메시지를 설정하여 많은 회원들을 앱 다운로드로 유도하는데 성공하셨나요?🥳 축하드립니다! 이제 다음 스텝을 설정해야 하는데요. 사용자들이 지속적으로 앱을 방문하여 앱 방문에 익숙해지도록 ‘앱 푸시(APP PUSH)’를 활용해 볼 수 있습니다.
앱 푸시(APP PUSH)란 앱을 설치한 사용자에게 보내는 알림입니다. 발송 환경이 갖추어져있다면 무료로 발송할 수 있고 카카오톡 등 특정한 서비스를 거치지 않고 바로 사용자에게 알림을 보내 즉각적인 리텐션 개선을 기대할 수 있어요.
그런데 앱 푸시 메시지에는 종류가 많습니다🤔
주문, 공지 등 서비스와 관련한 정보성 메시지도 있지만 쿠폰 혜택이나 할인 정보들을 담아 보내는 광고성 메시지도 있습니다. 이러한 알림들은 유형에 따라 각각 수신 동의가 필요하며 ①앱 설치 이후 첫 방문 혹은 ②회원가입 이후 수신 동의를 제안하게 됩니다. 다만, 이 시기를 놓치면 다시 앱 푸시 알림 수신 동의를 얻기 어려울 수 있다는 아쉬움이 있습니다.
이럴 때 활용해 볼 수 있는 것이 이프두 마케팅 자동화 메시지입니다. 앱 푸시 알림 수신에 동의하지 않은 회원들을 대상으로 자동화된 메시지를 띄우고 다시 한번 앱 푸시 수신을 제안해 보는 것은 어떨까요? ‘바이앱스(byapps)’ 서비스를 이용하여 앱을 구축하신 회원님이라면 앱 푸시 알림 수신 동의를 제안하는 오토메시지를 클릭했을 때 바로 알림 설정 화면으로 이동하도록 오토메시지를 설정할 수 있습니다.
✅ 오토메시지 작성 전 필요한 3가지
앱 푸시 알림 수신 동의 유도 자동화를 위해 다음의 3가지가 준비되어야 합니다.
1. 바이앱스를 통해 제작된 앱운영하고 있는 앱이 바이앱스를 통해 제작되어야 합니다.
2. 이프두 공통 스크립트 영역에 바이앱스 API 연동 스크립트 설치
쇼핑몰의 모바일 웹 페이지 소스에 바이앱스의 Basic API Script가 설치되어 있어야 합니다. 다음의 방법에 따라 바이앱스 스크립트를 설치하세요.
2-1. 바이앱스 앱서비스 API 연동문서에서 스크립트를 복사합니다.
2-2. 운영 중인 쇼핑몰의 디자인관리(모바일)로 이동하여 스크립트를 붙여 넣고 저장합니다.
카페24의 경우
① 디자인(PC/모바일) > 디자인 대시보드 > 모바일 > 디자인 편집으로 이동하세요.
② 레이아웃 파일을 열어줍니다.
③ 하단의 Footer 파일을 열어줍니다.
④ 다음의 영역에 복사한 스크립트를 붙여 넣고 저장하세요.
카페24 앱스토어에서 이프두가 자동 설치된 회원의 경우
가장 하단에 복사한 스크립트를 붙여 넣습니다.
이프두에서 설치 대행 서비스를 지원받아 공통 스크립트를 설치한 경우
이프두 공통 스크립트 영역 상단 또는 하단에 복사한 스크립트를 붙여 넣습니다.
고도몰(pro 기준)의 경우
① 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트를 클릭합니다.
② 하단 레이아웃 (outline/_footer.html)을 클릭합니다.
③ 다음의 영역에 복사한 스크립트를 붙여 넣고 저장하세요.
고도몰에서 직접 이프두를 연동하여 이프두 스크립트가 자동 설치된 회원의 경우
외부 스크립트 아래에 복사한 스크립트를 붙여 넣습니다.
3. 앱 설치 회원 중 앱 푸시 알림 수신 비허용자 리스트 - CSV 파일
앱을 설치한 회원 중 앱 푸시 알림 수신을 허용하지 않은 사용자 목록(회원 ID 및 알림 수신 여부 데이터 포함 필수)이 저장된 CSV 파일이 필요합니다. CSV 파일을 준비한 후 다음의 가이드에 따라 회원 프로필 추가 및 CSV 업로드를 진행하세요.
💡 데이터의 최신성을 위해 CSV 파일은 주기적으로 업로드하여 갱신하는 것을 권장합니다.
3-1. 이프두 로그인 후 회원 정보 연동 > 회원 정보 관리로 이동합니다.
3-2. 새로운 회원 프로필 추가를 클릭합니다.
3-3. 회원 프로필 이름을 입력하고, 데이터 형식을 선택한 뒤 추가하세요.
💡 선택형의 데이터 입력은 CSV 파일에 저장된 실제 데이터 값과 동일하게 입력해야 합니다. (대소문자 및 띄어쓰기 포함)
3-4. 회원 정보 연동 > 회원 정보 연동하기 > CSV 파일 업로드로 이동합니다.
3-5. [CSV 파일 업로드]를 클릭합니다.
3-6. 구분 이름을 입력하고 파일을 업로드한 뒤 [다음]을 클릭하세요.
3-7. 데이터 값에 맞는 회원 프로필을 선택하고 [매핑 완료]를 클릭합니다.
3-8. CSV 데이터가 DB에 반영됩니다.
💡 데이터 자료 수에 따라 일정 시간이 소요될 수 있으며 CSV 데이터가 DB에 모두 반영되면 ‘반영 완료’로 표시됩니다.
앱 푸시 알림 수신 동의 자동화 메시지 작성 방법
1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다.
2. 다음의 세그먼트를 추가한 뒤 [저장 후 DO 액션 선택]으로 이동합니다.
사용 환경 > 기기 구분 > 하이브리드 앱하이브리드 앱으로 방문한 경우 타게팅 합니다.
회원 > 앱 푸시 알림 수신 동의 > N 앱 푸시 알림 수신에 동의하지 않은 사용자를 타게팅 합니다.
3. 원하는 인앱메시지 유형을 선택한 뒤 [편집 하기]를 클릭합니다. *예시에서는 버튼형 팝콘 사용
4. 앱 푸시 알림 수신 동의를 제안하기 위한 문구를 담아 오토메시지 내용을 작성하세요.
💡 회원 변수를 활용해 보세요. 회원 이름을 추가하고 클릭률을 높여볼 수 있습니다.
4-1. 회원 이름 변수를 추가하고자 하는 곳에 커서를 두고 개인화 변수 아이콘을 클릭하세요.
4-2. 회원 변수 > 회원 이름 > 치환 값을 입력하고 추가하세요.
개인화 변수는 회원에게만 적용되며 비회원인 경우 대체값이 적용됩니다. 회원이라도 이름값이 없는 경우 미리 설정한 대체 문구가 노출됩니다.
회원의 이름이 없는 경우 대체값 [회원]으로 문구 대체홍길동님 안녕하세요? → 회원님 안녕하세요?
회원의 이름과 대체값이 모두 없는 경우 *대체값이 설정되지 않은 경우 이름 란이 공백 처리됩니다.홍길동님 안녕하세요? → 님 안녕하세요?
5. 콜투액션 > 투 버튼 가로형을 선택하고 버튼 내용을 입력합니다.
6. 랜딩 URL을 입력하세요.
6-1. 버튼 1[괜찮아요]에는 자바스크립트 > 닫기 버튼을 적용합니다.
6-2. 버튼 2[네 알려주세요!]에는 자바스크립트 > javascript:byapps_api_call('showSettings'); 을 입력하고 검수 버튼을 클릭합니다.
7. 오토메시지 노출 효과를 설정합니다.
8. 오토메시지 노출을 위한 빈도, 기간 등을 설정한 뒤 저장합니다.
9. 오토메시지 이름을 입력하고 완료합니다.
10. 작성한 인앱메시지 목록에서 방금 작성한 오토메시지를 활성화하세요. 즉시 노출이 시작됩니다.
앱 푸시 알림 수신에 대해 동의하지 않은 사용자들을 대상으로 다시 한번 수신 동의를 제안하는 오토메시지 설정이 완료되었습니다. 오늘의 레시피에는 투 버튼 기능이 적용되었는데요. 투 버튼 기능에 대해 더 알아보고 싶으신 회원님들께서는 다음의 포스팅을 이어서 확인하실 수 있습니다😉
더 강력한 넛지 마케팅을 위한
투 버튼 팝업 가이드 읽기