구매 이력을 기반으로 고객을 매일매일 자동 분석합니다.
다양한 관점으로 고객을 분석하고 인사이트를 얻으세요.
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 관련 글을 더 읽어볼까요?클릭을 부르는 ‘상품 배지’ 적용하기최근 본 상품을 추천해 볼까요? ‘탐색 상품 리마인드’하기
요즘도 이프두 팀은 서비스를 이용해 주시는 회원님들의 홈페이지를 자주 구경하고 상품도 구매하여 사용해 보고 있습니다. 서비스를 이용해 주시는 것에 대한 감사함도 있고, 회원님들의 브랜드를 파악함으로써 CS 응대 시 더욱 많은 아이디어를 제안해 드릴 수 있기 때문인데요. 이렇게 둘러보다 보니 담당자님들이 작성해 주신 팝업들을 많이 마주하게 됩니다.
그 과정에서 “어떻게 이렇게 잘 만드셨을까?”, “와 이렇게도 활용할 수 있구나!😲”라며 배우는 경우도 정말 많아요. 근래에는 특히 동영상 팝업을 많이 활용해 주고 계신 것이 눈에 띄었는데요. 인상 깊었던 레퍼런스 4가지를 소개해 드리고자 합니다.
1. 비욘드클로젯의 패션쇼 동영상 팝업
귀여운 로고가 수놓아진 가디건과 맨투맨으로 유명한 패션 브랜드 비욘드클로젯의 사례입니다. 홈페이지를 구경하다 보니 2024 SPRING/SUMMER 컬렉션에 대한 영상을 노출하고 계신 것을 발견할 수 있었는데요.
이미지 출처: 비욘드 클로젯
제목을 영문으로 통일하고 군더더기 없는 깔끔한 문장을 사용하여 영상 콘텐츠를 설명하신 점이 눈에 띕니다. 절제된 구성이 영상을 돋보이게 하고 있어요. 덕분에 페이지를 이동하다가 홀린 듯 끝까지 보게 되었던 동영상 팝업입니다😊
2. 보틀웍스의 플레이리스트 영상 팝업
마시는 정기구독 서비스 보틀웍스에서는 스톰프뮤직, 정승빈 작가님과 함께 콜라보 큐레이션을 진행하고 계신데요. 9월 큐레이션을 읽다 보니 이렇게 동영상 팝업이 노출되는 것을 확인할 수 있었습니다. 일러스트의 톤과 맞는 버튼 색상이 참 예쁘죠?
이미지 출처: 보틀웍스
보틀웍스의 팝업은 투 버튼 가로형을 적용하여 영상뿐만 아니라 다른 페이지로의 방문을 유도하여 팝업의 활용도를 2배 늘린 사례이기도 합니다. 보틀웍스의 경우에는 플레이리스트 영상을 노출했지만, 특정 상품 동영상 콘텐츠를 노출하여 상세 페이지로의 방문을 유도하는 팝업으로 활용해 보는 것도 가능해요. 투 버튼 팝업에 관심이 생기셨다면 (클릭)하여 가이드를 참고해 주세요!
3. 블루팝스의 상품 착용샷 쇼츠 팝업
블루팝스는 그동안 계속 소개해 드리고 싶었던 패션 브랜드에요. 아무래도 옷 쇼핑을 하다 보면 상세한 착용샷이나 실제 움직임에 따른 핏이 제일 궁금하기 마련인데요. 블루팝스에서는 쇼츠 콘텐츠를 통해 착용샷을 보여주시기 때문에 소비자 입장에서는 궁금증을 해소하고, 생생한 정보를 얻을 수 있어 만족스럽습니다.
이미지 출처: 블루팝스
블루팝스의 상품들을 구경하다 보면 꽤 많은 쇼츠 영상을 마주하게 돼요. 그만큼 담당자님이 세심하게 상품 별로 쇼츠 팝업을 설정해 주셨다는 의미인데요. 많은 쇼츠 팝업을 설정하셨더라도 콘텐츠들의 톤이 통일되어 있어 안정적이고, 소비자라면 궁금할 내용을 전하기 때문에 부담 없이 소비할 수 있어요. 오히려 이제 쇼츠 팝업이 나오지 않는 곳에서는 쇼츠 팝업이 뜨길 기다리는 스스로를 발견할 수 있었습니다😁
4. 법무법인 태유의 상담 유도 팝업
이프두를 이용하는 회원님들의 분야는 커머스에 국한되지 않습니다. 법률 분야에서도 많이 활용해 주고 계신데요. “과연 법률 분야에서는 어떻게 이프두 서비스를 이용해 주실까?” 하고 궁금하여 방문해 보았는데, 첫 페이지에서부터 인상 깊은 팝업을 만나버렸습니다.
이미지 출처: 법무법인 태유
사이트 방문자들이 궁금해할 만한 매력적인 콘텐츠가 노출되고 있었는데요. 동영상 썸네일 자체의 주목도가 높기 때문에 시선을 사로잡을 수 있는 동영상 팝업이 완성되었습니다. 상담을 유도하는 버튼을 배치하여 직접적인 상담 전환으로 이끌어내려 한 것도 분야에 맞춰 이프두 팝업을 활용한 좋은 사례입니다👍🏻
이렇게 이프두 회원님들이 설정해 주신 다양한 동영상 팝업을 만나 보았습니다. 오늘은 직접 발견한 팝업만 소개해 드렸기 때문에 미처 타겟에 맞지 않아 아직 이프두 팀이 발견하지 못한, 잘 만들어진 동영상 팝업이 있으리라고 생각되는데요. 좋은 효율을 거두고 계신 팝업이 있으시다면 언제든 이프두 팀에게 알려주세요!
저희는 앞으로도 이렇게 좋은 레퍼런스들을 발견할 때마다 차곡차곡 모아 두었다가 소개해 드리겠습니다. 예쁘게 활용해 주시는 회원님들께 감사의 말씀을 전합니다♥️
관련 포스팅 안내
주목도와 생동감이 MAX! 유튜브 쇼츠를 쇼핑몰 팝업으로!!
투 버튼 팝업으로 2배 더 유연하고 강력한 넛지 마케팅😎