이프두 블로그

온 사이트 마케팅

이프두의 웰컴바는 사이트 위에 플로팅 되는 형태입니다. 그래서 상단에 웰컴바를 사용하는 경우 로고를 덮으며 나타날 수 있다는 문제점이 있는데요. 이를 해결하기 위해 웰컴바를 사이트 내부 콘텐츠로 삽입하는 ‘사용자 지정’ 기능을 추가하게 되었습니다. 이제 원하는 영역에 웰컴바를 삽입해 보세요! 우리 사이트 환경에 맞춰 커스텀이 가능합니다✨웰컴바 ‘사용자 지정’원하는 노출 영역의 <div> id 값을 입력하여 지정된 위치에 웰컴바를 삽입할 수 있는 기능입니다. 웰컴바가 사이트 영역 내의 콘텐츠로 삽입되기 때문에 다른 콘텐츠를 가리지 않고 노출할 수 있다는 장점이 있습니다. 단, ‘사용자 지정’ 웰컴바 역시 기존의 오토메시지들과 동일하게 세션 내 1회만 노출됩니다. <div> id 란?이프두 웰컴바를 원하는 위치에 삽입하기 위해서는 <div> id 값을 입력해야 합니다. HTML에서 <div>는 콘텐츠를 포함하고 있는 레이어(layer)를 의미하며 각각의 <div>를 구분하기 위한 명칭은 <div id=”값”> 으로 표시됩니다. ex: <div id=”header”>, <div id=”footerMenu”>, <div id=”top_btn”>··· 💡<div> id 값이 없는 경우<div> class 값으로 대체하여 사용할 수 있습니다. 단, 동일한 class로 지정된 <div>가 여러 개인 경우 첫 번째 <div>에 적용됩니다. 웰컴바 작성 & <div> id 값 추출 방법 (PC) 바로 읽기웰컴바 작성 & <div> id 값 추출 방법 (Mobile) 바로 읽기웰컴바 작성 & <div> id 값 추출 방법 (PC) 1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 세그먼트를 선택한 뒤 [저장 후 DO 액션 선택]을 클릭합니다.💡 가이드에서는 방문하는 모든 사용자에게 웰컴바가 뜰 수 있도록 [방문 횟수 > 1회 이상] 조건을 사용했습니다. 단, PC와 Mobile의 <div> id가 같지 않고 구분될 수 있으므로 [기기 구분 > PC 웹] 세그먼트도 추가했습니다. *반응형인 경우 기기를 구분하지 않아도 괜찮습니다. 3. 인앱메시지 형태 > 웰컴바, CTA는 자유롭게 선택한 후 [편집 하기]를 클릭해 주세요. *가이드에서는 슬라이드형 적용 4. 웰컴바 내용을 작성합니다. 5. (옵션) 웰컴바 노출 옵션을 지정합니다. 6. 웰컴바 노출 방식 > 사용자 지정을 선택하고 다음의 순서에 따라 <div> id 값을 추출하여 입력하세요. 6-1. 다른 브라우저를 이용하여 쇼핑몰 홈페이지를 열어 주세요. 6-2. 키보드에서 F12를 클릭하면 개발자도구가 오픈됩니다. 6-3. Select 버튼을 클릭합니다. 6-4. 쇼핑몰 페이지에서 웰컴바를 삽입하고자 하는 영역을 클릭하고 <div> id 값을 찾습니다. <div> id는 <div id=”A”> 형태로 지정되어 있습니다. 6-5. <div> id 값을 복사(ctrl+c) 합니다. 6-6. 이프두 메시지 편집화면으로 돌아와 <div> id 값을 입력합니다. <div> 값 입력 방법<div> id 값을 사용하는 경우: #+값 # 또는 .을 입력하지 않는 경우 id 값으로 인식합니다. <div> class 값을 사용하는 경우: .+값ex. 작성 예시<div> id가 “top_bar”인 경우 → top_bar 또는 #top_bar 입력<div> class가 “top_wrap”인 경우 → .top_wrap 입력7. 웰컴바의 노출 설정을 마무리하고 저장합니다. 8. 오토메시지 이름을 입력하고 완료하세요. 9. 인앱메시지 목록에서 작성한 오토메시지를 활성화하면 다음과 같이 노출이 시작됩니다! 웰컴바 작성 & <div> id 값 추출 방법 (Mobile) 1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 세그먼트를 선택한 뒤 [저장 후 DO 액션 선택]을 클릭합니다.💡가이드에서는 방문하는 모든 사용자에게 웰컴바가 뜰 수 있도록 [방문 횟수 > 1회 이상] 조건을 사용했습니다. 단, PC와 Mobile의 <div> id가 같지 않고 구분될 수 있으므로 [기기 구분 > 모바일 웹, 하이브리드 앱] 세그먼트도 추가했습니다. *반응형인 경우 기기를 구분하지 않아도 괜찮습니다. 3. 인앱메시지 형태 > 웰컴바, CTA는 자유롭게 선택한 후 [편집 하기]를 클릭해 주세요. *가이드에서는 슬라이드형 적용 4. 웰컴바 내용을 작성합니다. 5. (옵션) 웰컴바 노출 옵션을 지정합니다. 6. 웰컴바 노출 방식 > 사용자 지정을 선택하고 다음의 순서에 따라 <div> id 값을 추출하여 입력하세요. 6-1. 쇼핑몰 홈페이지(모바일)를 준비합니다. *예시에서는 웨일 브라우저의 모바일 창을 사용했습니다. 6-2. 키보드에서 F12를 클릭하고 개발자도구를 열어주세요. 6-3. Select 버튼을 클릭합니다. 6-4. 웰컴바를 삽입하고자 하는 영역을 클릭하고 <div> id 값을 찾습니다. <div> id 값이 없는 경우 <div> class 값을 찾아 주세요. 단, <div> id 값이 없는 경우에만 대체값으로 <div> class를 이용해 주세요. 페이지 내에서 <div> class는 같은 이름으로 중복하여 사용될 수 있으나 <div> id는 무조건 한번만 사용할 수 있어 위치를 보다 정확히 특정할 수 있기 때문입니다. 6-5. <div> class 값을 복사(ctrl+c) 합니다. 6-6. 이프두 메시지 편집화면으로 돌아와 <div> id 값을 입력합니다. <div> 값 입력 방법<div> id 값을 사용하는 경우: #+값 # 또는 .을 입력하지 않는 경우 id 값으로 인식합니다. <div> class 값을 사용하는 경우: .+값ex. 작성 예시<div> id가 “top_bar”인 경우 → top_bar 또는 #top_bar 입력<div> class가 “top_wrap”인 경우 → .top_wrap 입력7. 웰컴바의 노출 설정을 마무리하고 저장합니다. 8. 오토메시지 이름을 입력하고 완료하세요. 9. 인앱메시지 목록에서 작성한 오토메시지를 활성화하면 다음과 같이 노출이 시작됩니다! 이렇게 사용자 지정을 활용한 웰컴바 작성이 완료됩니다. 사내에 개발 환경이 갖추어져 있는 경우, 웰컴바를 노출하고자 하는 영역을 직접 만들어(div 영역을 생성하여) 노출하는 것도 가능합니다. 이렇게 사용자 지정 웰컴바는 다양하게 활용해 볼 수 있는데요. 상단, 중앙, 하단 어디든 원하는 영역에 삽입하고 사이트를 커스텀해 보세요✨ 오토메시지 관련 소식 더 읽기매력적인 혜택을 한 번에! 웰컴바 ‘슬라이드’ 기능 업데이트N원 이상 담으면 무료배송! 장바구니 매출 상승을 위한 ‘장바구니 변수’ 추가

N원 이상 담으면 무료배송! 장바구니 매출 상승을 위한 ‘장바구니 변수’ 추가

이프두에서는 다양한 방법으로 장바구니 판매율을 향상시킬 수 있습니다! 연관 상품 추천(Suggest) - 장바구니 알고리즘을 사용하거나, 장바구니 페이지를 타게팅 하여 추천 상품 팝업을 노출하거나, 장바구니에 담긴 상품 수, 장바구니에 담긴 특정 상품을 타게팅 하여 장바구니 판매율을 높여주는 오토메시지를 작성할 수 있는데요. 이번에 소개해 드릴 신규 기능은 장바구니 금액을 활용하여 개인화된 오토메시지를 작성할 수 있는 개인화변수 ‘장바구니 변수’입니다. 장바구니에 담긴 총 금액을 표시하는 ‘총 금액’, 목표 금액과 장바구니 금액을 비교하여 목표 금액 대비 차액을 표시하는 ‘목표 금액 대비 차액’ 변수를 활용해 고객에게 보다 직관적인 장바구니 구매 유도가 가능합니다. 사용 방법을 확인해 보세요!😉장바구니 변수 장바구니와 관련된 변수 항목입니다. 현재 제공되는 변수는 ‘총 금액’과 ‘목표 금액 대비 차액’으로 고객의 장바구니 금액을 활용하여 개인화된 메시지를 작성할 수 있습니다. 총 금액현재 장바구니에 담겨있는 총 금액을 표시합니다. 고객의 장바구니 조회 이력이 없는 경우 0원으로 표기됩니다. ex. 현재 담은 금액은 13500원이에요! 목표 금액 대비 차액지정한 목표 금액과 장바구니 금액을 계산하여 차액을 표시합니다. 목표 금액 대비 차액 변수는 현재 고객이 장바구니를 보고 있는 상황에서 노출되는 변수로 이프두 세그먼트 선택 목록에서 장바구니 > 현재 담긴 상품(선택형/입력형), 현재 담긴 총액, 현재 담긴 상품수 세그먼트 이용 시 적용 가능합니다.ex. 14200원 더 담으면 무료 배송! 예를 들어 목표 금액이 50,000원이고 장바구니 총 금액이 35,800원인 경우 목표 금액 대비 차액은 14,200원이 됩니다. ex. 0원 더 담으면 무료 배송! 만약 목표 금액이 50,000원이고 장바구니 총 금액이 65,000원인 경우 목표 금액 대비 차액은 -15,000원입니다. 차액이 마이너스'-’인 경우 변수값은 무조건 ‘0’으로 표기하게 되는데요. “0원 더 담으면 무료 배송"은 어딘지 어색합니다😅그래서 장바구니에 담긴 금액이 목표 금액보다 작을 때만 노출되도록 세그먼트 [현재 장바구니 금액] 조건을 함께 이용하는 것을 권장합니다. 예시는 아래 ‘목표 금액 대비 차액' 활용 - 무료배송을 위한 상품 추천에서 확인하세요!‘총 금액’ 변수 활용최근 장바구니 조회&미구매자 장바구니 리마인딩오늘을 기준으로 3일 이내 장바구니에 상품을 담았으나 구매는 하지 않고 이탈한 사용자를 타게팅 하기 위한 레시피입니다. 1. 이프두에 로그인 한 뒤 Auto Msg > 새로운 오토메시지 만들기로 이동하세요. 2. 다음의 세그먼트를 추가한 뒤 [저장 후 DO 액션 선택]을 클릭합니다. 포함 조건장바구니 > 최근 담은일 > 오늘 기준 3일 이내오늘 기준 3일 이내에 장바구니에 상품을 담은 경우 타게팅 합니다. (오늘: 0일, 어제: 1일) *당일 장바구니에 담은 사용자는 타게팅하지 않습니다.제외 조건구매 > 최근 구매일 > 오늘 기준 3일 이내오늘 기준 3일 이내에 구매 이력이 있는 경우 타게팅 대상에서 제외합니다. (오늘: 0일, 어제: 1일) 3. 인앱메시지 유형을 선택하고 [편집 하기]를 클릭합니다. 💡Tip! 예시에서는 작은 알림으로 노출하고자 ‘라운드 플로팅’을 사용했습니다. 4. 오토메시지 내용을 작성합니다. 5. 장바구니 변수를 추가하고자 하는 곳에 커서를 둔 뒤, 개인화 변수 아이콘을 클릭하세요. 6. 장바구니 변수 > 총 금액을 추가합니다. 💡Tip! 추가된 변수를 클릭하면 글씨 크기나 색상을 변경할 수 있어요. 7. 랜딩URL을 입력하고 검수합니다. 8. (옵션) 오토메시지 노출 효과를 설정합니다. 9. 오토메시지 노출 설정 옵션을 지정한 뒤 저장하세요. 10. 오토메시지 이름을 지정하고 완료합니다. 11. 인앱 메시지 목록에서 방금 작성한 오토메시지를 활성화하세요. 즉시 노출이 시작됩니다!🥳 ‘목표 금액 대비 차액’ 활용 무료배송을 위한 상품 추천1. 이프두에 로그인한 뒤 Auto Msg > 새로운 오토메시지 만들기로 이동하세요. 2. 다음의 세그먼트를 추가한 뒤 [저장 후 DO 액션 선택]을 클릭합니다. 장바구니 > 현재 담긴 총액 > 20000원 ~ 49999원💡Tip! 장바구니 무료배송 기준이 5만 원일 경우 장바구니에 2만 원 이상 49999원 이하로 담은 고객에게 3만 원대의 상품을 추천하기 위해 설정한 금액 구간입니다. 3. 인앱메시지 유형 - 추천 상품 팝업(for PC 또는 Mobile)을 선택하고 [편집 하기]를 클릭합니다. *예시에서는 PC용 선택 4. 제목을 입력한 뒤, 장바구니 변수를 추가하고자 하는 곳에 커서를 두고 개인화 변수 아이콘을 클릭하세요. 5. 장바구니 변수 > 목표 금액 대비 차액을 추가합니다. 💡목표 금액을 입력하세요. 무료배송 기준이 5만 원인 경우 해당 금액을 입력하여 사용할 수 있습니다. 6. 추천 상품 팝업 알고리즘 > 에디터 추천을 선택합니다. 💡Tip! 에디터 추천은 담당자가 직접 원하는 상품을 진열할 수 있는 알고리즘입니다. 장바구니 무료 배송을 위한 상품을 추천해 보세요. 7. 추천 상품을 선택하고 저장합니다. 8. 상품 이미지 가로 길이를 조절하세요. 9. 텍스트 속성 값을 지정합니다. 10. (옵션) 오토메시지 노출 효과를 설정합니다. 11. 세부 설정을 클릭하여 추천 상품 팝업의 자세한 속성 값을 조절합니다. 12. 오토메시지 노출 위치, 빈도, 기간, 요일을 지정하세요. 13. 오토메시지 노출 시간, 시점, 최대 노출 여부, 모달 배경 등 나머지 노출 옵션 값을 지정하고 저장합니다. 14. 오토메시지 이름을 지정하고 완료합니다. 15. 인앱 메시지 목록에서 방금 작성한 오토메시지를 활성화하세요. 즉시 노출이 시작됩니다! 장바구니 변수의 활용도가 높은 것 같죠?😊 장바구니를 잊은 고객에게 리마인딩 할 때, 장바구니를 보고 있을 때 얼마만큼의 금액을 더 담아야 하는지 알려줄 때, 장바구니 객단가를 높이고자 할 때 등 목적에 따라 다양하게 적용해 볼 수 있습니다. 이번 포스팅에 이어서 읽기 좋은 장바구니 관련된 포스팅들을 링크해 드립니다. 꼭 확인하시고 장바구니 구매 성사율을 높여 매출 상승을 이루어 보세요🎖️ 이어 읽기 좋은 포스팅 추천[BASIC] 장바구니 리마인딩 레시피장바구니 초기화 시점! 아직 설정 안하셨다면?

팝업 디자인 재사용 꿀팁🍯오토메시지 MY 디자인 저장부터 불러오기, 수정 방법까지

오토메시지의 디자인을 일관되게 사용하거나 지금 작성한 메시지 디자인을 다음에도 사용하고 싶다면 ‘MY 디자인’으로 저장해 보세요! 저장한 디자인은 오토메시지 작성 시 바로 불러와 적용할 수 있어 간편합니다. MY 디자인 사용 가이드를 지금 확인해 보세요😉💡 가이드에서는 회원 등급별로 발급된 월별 쿠폰을 알리는 오토메시지를 작성하는 상황을 가정하여 예시 이미지를 작성했습니다. 1. 오토메시지 MY 디자인 저장하기마음에 드는 디자인을 MY 디자인에 저장하고 다음에 또 사용해 보세요! 1) 신규 오토메시지를 작성할 때① 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기를 클릭하세요. ② 세그먼트 지정 후 [저장 후 DO 액션 선택]을 클릭합니다. ③ 인앱메시지와 CTA 유형 선택 후 [편집 하기]를 클릭하세요. ④ 오토메시지 작성 후 [저장 하기]를 클릭합니다. ⑤ 오토메시지 이름 작성 후 하단 ‘MY 디자인에 저장’을 체크한 뒤 [완료] 하세요. 2) 기존 오토메시지 디자인을 저장하고 싶을 때① 이프두 로그인 후 Auto Msg > 수정하고자 하는 오토메시지 > [디자인 편집]을 클릭하세요. ② [저장 하기]를 클릭합니다. ③ 하단 ‘MY 디자인에 저장’을 체크한 뒤 [완료] 하세요. 2. MY 디자인 불러오기신규 오토메시지 작성 시 MY 디자인에 저장한 디자인을 불러와 적용할 수 있습니다. ① 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기를 클릭하세요. ② 세그먼트 지정 후 [저장 후 DO 액션 선택]을 클릭합니다. ③ [MY 디자인]을 클릭하세요. ④ 디자인 선택 후 [편집 하기]를 클릭합니다. ⑤ 오토메시지를 수정하세요. ⑥ [저장 하기] 합니다. ⑦ 오토메시지 이름 작성 후 [완료] 합니다. 3. MY 디자인 수정하기저장해둔 디자인은 MY 디자인에서 언제든 편집하여 수정할 수 있습니다. ① 이프두 로그인 후 MY 디자인으로 이동하세요. MY 디자인은 다음의 경로를 통해 접근할 수 있습니다. 📍Auto Msg > 라이브러리 > MY 디자인 📍MY Service > 라이브러리 > MY 디자인💡Tip! 좌측 상단의 이프두 로고를 클릭하면 MY Service로 이동할 수 있습니다. ② 편집을 원하는 디자인을 선택하고 [디자인 편집]을 클릭합니다. ③ 수정한 뒤 [저장 하기]하세요. 이렇게 MY 디자인을 저장하면 언제든 쉽게 불러와 다시 사용할 수 있습니다. 이외에도 동일한 디자인의 오토메시지를 작성하고 싶을 때, 기존의 오토메시지를 통째로 복사하여 사용하는 방법이 있습니다. 관련된 포스팅을 링크해 드리니 이어서 확인해 보세요😉다음 포스팅 →오토메시지 복제 방법 확인하기illustration by https://icons8.com/illustrations/illustration/5ed0df3d01d0360013d28c92

웰컴바 하나에 매력적인 혜택 다섯 개! 웰컴바 ‘슬라이드’ 기능 업데이트

이프두의 인앱메시지 ‘웰컴바’는 사용자의 진입을 방해하지 않으면서 콘텐츠로의 방문을 유도할 수 있다는 강점이 있습니다. 하지만 링크를 1개만 사용할 수 있다는 아쉬움 때문에, 방문자에게 매력적인 정보를 한 번에 전달해 전환 효율을 높이고 싶은 담당자님들께서 슬라이드형 웰컴바 출시를 지속적으로 요청해 주셨습니다. 그래서 새로운 오토메시지, 슬라이드형 웰컴바를 공개하게 되었습니다!🎉 최대 5개의 링크를 추가하고 쇼핑몰 방문자들에게 다양한 소식을 전달해 보세요. 아직 회원가입을 하지 않은 잠재 고객에게는 회원가입 적립금, APP 다운로드 혜택, 카카오 채널 추가 혜택, 회원등급 혜택 등 다양한 혜택을 한 번에 소개할 수 있습니다. 다양하게 활용 가능한 슬라이드형 웰컴바를 지금 만나 보세요😉 슬라이드형 웰컴바 자동 슬라이드 되는 형식의 웰컴바로 최대 5개의 슬라이드를 사용할 수 있습니다. PC에서는 양쪽 좌우 버튼이 나타나며, 모바일에서는 좌우 버튼 없이 자동 슬라이드 됩니다. 슬라이드형 웰컴바 작성 방법1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 세그먼트를 추가한 뒤 [저장 후 DO 액션 선택]을 클릭합니다. 💡 가이드에서는 방문하는 모든 사용자에게 웰컴바를 노출하기 위해 [방문 횟수 > 1회 이상] 세그먼트를 사용했습니다. → 관련 가이드 읽기3. 인앱메시지 유형 - 웰컴바, CTA - 슬라이드형을 선택하고 [편집 하기]를 클릭합니다. 4. 슬라이드 1~5에 내용과 랜딩URL을 입력한 뒤 검수하세요. 💡 내용을 작성하지 않은 란은 노출에서 생략되며, 내용이 기재된 란만 노출됩니다.💡 랜딩URL 검수까지 마쳐야 슬라이드 내용이 정상적으로 저장됩니다. 5. 오토메시지 노출 효과를 설정합니다. 6. (옵션) 슬라이드 세부 설정에서 랜덤 시작 여부와 자동 롤링 시점을 조절합니다. 7. 노출 옵션을 설정하세요. 8. 작성이 모두 완료되었다면 [저장 하기] 합니다. 9. 오토메시지의 이름을 지정하고 완료합니다. 10. 인앱메시지 목록에서 작성한 오토메시지를 활성화하세요. 즉시 노출이 시작됩니다! 오늘 소개해 드린 ‘슬라이드형 웰컴바’는 쇼핑몰을 방문한 첫 페이지 또는 메인 페이지에서 노출하기 좋은 오토메시지입니다. 관련한 포스팅들을 링크해 드리니 이어서 확인해 보세요😀쇼핑몰 메인 팝업 생성 및 설정 방법회원&비회원 구분 없이 모든 방문자에게 팝업 띄우는 방법

버튼+여러 장의 이미지+텍스트를 함께! 버튼형 리치팝업 ‘멀티’ 기능 추가

지금 보고 계신 이미지는 이프두 고객사 에이지투웨니스와 에이세에서 설정해 주신 버튼형 리치팝업입니다🤗 버튼형 리치팝업은 텍스트와 이미지, 버튼을 함께 사용할 수 있어 많은 고객사에서 애용하고 계신 인앱메시지 중 하나인데요. 버튼형 리치팝업에는 이미지를 1장만 추가할 수 있어 기획전, 신상품 소식 등 다양한 이미지를 사용해야 하는 캠페인에 활용하기에는 아쉬움이 있었습니다. 그래서 버튼형 리치팝업도 멀티이미지형 리치팝업처럼 여러 장의 이미지를 추가할 수 있도록 업그레이드했습니다!🎉 업그레이드된 부분과 작성 방법을 살펴볼까요?😎 멀티이미지 버튼형 리치팝업버튼형 리치팝업은 이미지, 텍스트, 버튼으로 구성되어 있는 인앱메시지입니다. 기존에는 1장의 이미지만 사용할 수 있었으나 이번 업데이트로 멀티 기능이 추가되어 여러 장의 이미지를 포함할 수 있게 되었습니다. 💡 멀티 기능이 추가되며 이미지 설정 옵션이 다음과 같이 재구성되었습니다. 싱글1장의 이미지만 추가할 수 있습니다. 멀티 new최대 5장의 이미지를 추가할 수 있습니다. 멀티이미지 버튼형 리치팝업 설정 방법1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동하세요. 2. 세그먼트를 선택한 뒤 [저장 후 DO 액션 선택]을 클릭합니다. 💡 예시에서는 모든 방문자를 대상으로 메인 페이지에서 팝업을 노출하기 위해 시작 페이지 세그먼트를 사용했습니다. → 메인 페이지 팝업 설정 가이드 읽기 3. 오토메시지 유형으로 리치팝업, CTA 유형으로 버튼을 선택하고 [편집 하기]를 클릭합니다. 4. (옵션) 타이틀을 작성합니다. 5. 콘텐츠 > 멀티를 선택합니다. 싱글1장의 이미지만 추가할 수 있습니다. 멀티 new최대 5장의 이미지를 추가할 수 있습니다. 6. 이미지를 추가하세요. *최대 5장💡 PC와 모바일에서 노출되는 이미지 비율을 조절하고 싶다면 콘텐츠 추가 아래의 ‘이미지 비율’을 활용해 조절하실 수 있습니다. 7. 제목과 본문 내용을 작성하세요. 8. 콜투액션 버튼에 문구를 입력합니다. 9. 랜딩 URL을 입력하고 검수하세요. 10. (옵션) 팝업 차단 설정 여부를 선택합니다. 11. (옵션) 팝업 노출 효과를 설정하세요. 12. 슬라이드 세부 설정을 클릭하여 이미지 슬라이드에 대해 상세한 설정값을 지정할 수 있습니다. 13. 노출 옵션을 설정합니다. 14. 모두 완료되었다면 [저장 하기]합니다. 15. 오토메시지 이름을 입력하고 완료하세요. 16. 인앱메시지 목록에서 방금 작성한 오토메시지를 활성화하면 노출이 시작됩니다! 이번에 추가된 ‘리치팝업 버튼형 - 멀티’는 신상품 출시, 기획전 알림 등 여러 장의 이미지를 포함해야 하는 캠페인에 사용하기 좋습니다. 이프두가 더 좋은 서비스로 업그레이드될 수 있도록 적극적으로 의견 주시는 회원님들께 감사의 말씀 전하며 오늘의 업데이트 소식을 마무리하겠습니다. 감사합니다!🙏🏻 최근 이프두 소식!똑똑한 문의 해결사 챗 봇! ‘뒤로가기’ 기능 추가장바구니 연관 상품 추천, 에디터가 직접 추천해 볼까?

고객에게 먼저 말 걸어볼까? ‘Live Chat(라이브 챗)’ 알아보기

이프두에서는 고객 문의를 실시간으로 응대할 수 있는 ‘상담 채팅’ 기능을 제공하고 있습니다. 그런데 상담 채팅의 경우 고객이 문의를 시작하기 전까지 먼저 말을 걸 수 없다는 아쉬움이 있어요. 보다 적극적으로 고객을 유치하기 위해서는 먼저 말을 걸 수 있는 기능이 필요할 텐데 말이죠🤔이런 경우 이프두에서 ‘Live Chat(라이브 챗)’을 활용해 보는 건 어떨까요? 라이브 챗은 지정한 타겟에게 먼저 채팅 메시지를 발송하는 인앱메시지인데요. FAQ 페이지를 오랫동안 보고 있거나, 대량 주문 페이지를 여러 번 조회하는 등 고객이 정말로 필요한 순간에 상담을 제안하는 메시지를 보내면 훨씬 수월하게 고객을 채팅 상담으로 이끌어 볼 수 있습니다. 채팅 넛지 기능 라이브 챗에 대해 알아볼까요?Live Chat 라이브 챗라이브 챗은 설정해둔 조건에 맞는 타겟 고객에게 채팅 메시지를 자동으로 발송하는 기능입니다. 상담 전환이 중요한 유학원, 인테리어 등의 업종에서 특히 활용도가 높으며 텍스트는 물론이고 이미지와 동영상도 포함하여 노출할 수 있습니다🙂 💡 라이브 챗 메시지는 클릭 시 상담 채팅 화면으로 이동됩니다. 설정 > 상담 설정 > 기본 설정 > 위젯에서 채팅을 활성화해야 이용하실 수 있습니다. Live Chat 라이브 챗 작성 방법 1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기를 클릭하세요. 2. 라이브 챗 메시지를 노출할 조건을 선택하고 [저장 하기]를 클릭하여 다음 단계로 이동하세요. 💡 가이드에서는 검색엔진에서 검색어 ‘캐나다’를 통해 방문했고 3페이지 이상 조회한 방문자를 대상으로 상담 채팅을 유도하기 위하여 위와 같은 조건을 선택했습니다.3. 인앱메시지 유형으로 ‘Live Chat’을 선택하고 [편집 하기]를 클릭합니다. 4. 내용을 작성합니다. 5. 콘텐츠를 선택해 주세요. *예시에서는 텍스트만 사용하여 ‘없음’으로 지정했습니다. 없음이미지나 동영상 없이 텍스트만 포함합니다.이미지이미지는 URL 또는 이미지 보관함을 통해 업로드할 수 있으며 이미지 클릭 시 이동할 랜딩 URL 입력이 필요합니다. 이미지 주소URL을 통해 이미지를 추가합니다. URL은 http(s)://가 필수로 포함된 전체 URL을 입력해야 합니다.이미지 선택 이미지 보관함에 업로드된 이미지를 추가합니다. 320px 이하의 이미지만 추가할 수 있습니다. 동영상 - 유튜브유튜브의 소스 코드를 붙여 넣어 동영상을 추가합니다. 동영상 - 네이버TV네이버TV의 소스 코드를 붙여 넣어 동영상을 추가합니다. 동영상 - 업로드 URL 동영상의 웹 URL을 붙여 넣어 동영상을 추가합니다. *mp4 포맷만 가능 💡 랜딩 URL이란 이미지를 클릭했을 때 이동할 랜딩페이지 주소를 의미합니다. 이동시킬 위치가 없는 경우 아이콘을 클릭해 주세요. 링크 연결 없이 이미지를 사용할 수 있습니다. 6. 라이브 챗 노출 시간을 설정하세요. 항상상담 가능 시간에 관계없이 항상 라이브 챗이 노출됩니다. 상담 가능 시간채팅을 시작한 고객을 바로 응대할 수 있도록 상담 가능 시간에만 라이브 챗을 노출합니다. 7. 메시지 노출 설정 옵션을 지정합니다. 💡 고객이 방문할 때마다 라이브 챗이 노출되길 원한다면 ‘방문 마다(세션 기준)’을 체크해 주세요. 8. 저장합니다. 9. 작성한 라이브 챗의 이름을 지정하고 완료합니다. 10. 작성한 라이브 챗을 활성화하면 즉시 노출이 시작됩니다. 💡 라이브 챗 활성화 후에도 노출이 되지 않는다면 설정 > 상담 설정 > 기본 설정 > 위젯에서 채팅 기능이 활성화되어있는지 확인해 주세요. 이렇게 라이브 챗을 설정하는 방법에 대해 알아보았습니다. 상담이 중요하신 업종이라면 이프두에서 챗 봇, 상담 채팅, 라이브 챗(1:1 채팅 메시지)까지 올인원으로 해결해 보세요. 효율적인 CS 관리가 실현됩니다😉 참! 이프두에서 전화 연결 CTA도 제공하는 것 알고 계시나요? 팝업에 연락처를 입력하여 클릭 시 전화로 연결되도록 유도해 볼 수 있습니다. 상담이 중요하신 업종이라면 함께 사용해 보세요! 다음 포스팅팝업에 전화 연결 CTA를 활용하고고객님을 바로 전화로 연결하세요!

상담이 중요한 업종이라면? ‘전화 연결’ CTA를 활용해 보세요!

유학원, 답례품, 보험, 병원 등 상담이 중요한 업종에 계시는 고객님?! ‘전화 연결’ CTA를 적용해 보세요! ‘전화 연결’은 오토메시지를 클릭한 고객을 전화 상담으로 연결하는 CTA입니다. 푸시노트, 팝콘, 라운드 플로팅, 웰컴바에서 제공되는데요. 모바일에서 클릭 시 바로 전화로 연결되어 상담 전환에 탁월합니다.별도로 연결해야 하는 페이지가 없거나 바로 상담이나 예약을 진행해야 하는 업종의 사이트를 운영하고 계시다면 전화 연결 CTA를 적극 활용해 보세요🙂전화 연결 CTA 작성 방법 1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 팝업 메시지를 노출할 타겟 대상을 선택한 뒤 [저장 후 DO 액션 선택] 버튼을 클릭합니다. 💡 예시에서는 기업회원에게 대량 주문 관련 상담 문의를 유도하기 위해 회원등급 [기업회원] 세그먼트를 추가했습니다. 3. 인앱메시지 유형과 CTA - 전화 연결을 선택한 뒤 [편집 하기]를 클릭합니다. *예시에서는 라운드 플로팅 사용 4. 메시지 내용을 작성합니다. 5. 콜투액션에 연결하고자 하는 전화번호를 입력하세요.💡 지역 번호(02, 031 등)를 포함하여 입력하세요. ex. 0263462662 6. (옵션) 라운드 플로팅 노출 옵션을 선택합니다. 7. 라운드 플로팅 노출 설정값을 지정하고 저장합니다. 노출 빈도방문할 때마다 오토메시지가 노출되도록 노출 빈도를 ‘방문 마다(세션 기준)’으로 설정해 주세요. 노출 시간담당자가 자리에 있을 때 전화 상담이 진행될 수 있도록 시간을 평일/업무 시간으로 설정해 주세요. 8. 작성한 오토메시지의 이름을 지정하고 완료하세요. 9. 작성한 오토메시지를 활성화하세요. 즉시 노출이 시작됩니다! 이제 고객이 모바일 기기에서 라운드 플로팅을 클릭하면 전화로 연결됩니다. 안드로이드는 오토메시지를 탭하면 바로 통화로 연결되며, iOS는 통화할 번호가 노출됩니다. 통화 버튼(노출된 번호)을 탭하면 전화로 연결됩니다. PC의 경우 통화 연결 기능이 없으므로 전화 연결이 가능한 연락처가 노출됩니다. 전화 연결 CTA는 상담이 중요한 업종에도 추천드리지만 추석, 수능 등 특정한 날에 단체 주문을 전화로 받으시는 곳에도 권장 드립니다. 다양하게 활용해 보세요! 이런 메시지는 어때요?마케팅 자동화 서비스 이프두에서는 어떻게 만족도 조사를 진행하고 있을까요?신상품 판매율 향상을 위한 마케팅 자동화 레시피

오토메시지, 내부 테스트는 어떻게 할 수 있을까요?

오토 메시지를 작성한 뒤, 세그먼트 조건에 따라 메시지가 정상적으로 노출되는지 확인하고 싶으실 때 어떤 방법을 사용하고 계시나요? 이프두 팀에서는 ‘IP주소 세그먼트’를 활용하고 있습니다. 사내 IP에서만 메시지가 띄워지도록 설정하면 다른 고객들에게는 노출하지 않고 안전하게 테스트할 수 있어요. 정말 간단해서 회원님들도 쉽게 따라 하실 수 있으니 가이드를 따라 설정해 보세요!😊 새로운 오토메시지 제작의 경우1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 사용 환경 > IP 주소 세그먼트를 클릭하세요. 3. 다음과 같은 창이 자동으로 나타납니다. 선택을 클릭하여 내 IP 주소를 적용하세요! 4. [저장 후 DO 액션 선택] 버튼을 클릭합니다. 5. 오토메시지 형태와 CTA를 선택한 뒤 [편집 하기]를 클릭합니다. 6. 오토메시지를 작성하고 저장합니다. 7. 작성한 오토메시지를 활성화하고 정상적으로 노출되는지 테스트를 진행하세요! 이미 작성한 오토메시지의 경우1. 작성한 오토메시지 우측의 타겟 수정 아이콘을 클릭합니다. 2. 사용 환경 > IP 주소 세그먼트를 추가하세요. 💡 내부 테스트를 위해 기존의 조건을 삭제해야 할까요? 아닙니다. 기존의 조건에 IP 주소를 더해 실제 상황처럼 테스트해 보는 것도 좋은 방법입니다🙂 다만, 테스트를 진행할 때는 모든 브라우저 탭을 완전히 종료 후 새로 방문하여 테스트하는 걸 추천드립니다. 3. 다음과 같은 창이 자동으로 나타납니다. 선택을 클릭하여 내 IP 주소를 적용하세요! 4. [세그먼트 조건 저장]을 클릭하여 마무리합니다. 저장 후 작성한 오토메시지가 비활성화 상태라면 활성화로 바꾼 뒤, 정상적으로 노출되는지 테스트를 진행해 주세요. 정말 간단하죠? IP 주소 세그먼트 하나만 추가하면 내부에서 원활한 테스트 진행이 가능합니다. 테스트 완료 시 꼭 ‘IP주소 세그먼트’를 삭제해 주세요. 그렇지 않으면 다른 고객들에게 노출이 되지 않습니다.⚠️ 세그먼트 템플릿으로 작성한 오토메시지는 세그먼트 조건 편집이 불가능하여 내부 IP 테스트가 지원되지 않습니다.✍🏻 알아두면 쏠쏠한 이프두 팁이프두가 알려주는 마케팅 팝업 작성 시 주의해야 할 3가지세그먼트 분석 리포트로 알아보는 고객 평균 데이터!

페이지 이동(Page redirection, 리다이렉션)이란?

페이지 이동(Page redirection, 리다이렉션)은 고객이 세그먼트 조건과 일치하면 미리 지정해둔 페이지로 이동시키는 자동화 메시지입니다. 세그먼트에 따라 다양한 목적으로 활용할 수 있고, URL만 있으면 개발자 없이도 손쉽게 설정할 수 있다는 장점이 있어요. 작성 방법을 확인해 볼까요?리다이렉션(페이지 이동) 작성 방법예시: 특정 상품(마스크팩)이 타임 세일 중일 때, 검색엔진으로부터 특정 검색어(마스크팩, 팩)로 방문한 고객을 타임 세일 페이지로 보내 볼까요?1. 이프두 로그인 후 Auto Msg > 새로운 오토메시지 만들기로 이동합니다. 2. 세그먼트를 클릭하여 추가한 뒤 [저장 후 DO 액션 선택]을 클릭하세요. 💡 특정한 키워드로 유입된 방문객을 타게팅 하기 위한 예시 조건입니다. 포함 조건 유입 > 검색어(선택형/입력형) > 입력 또는 선택ex: 유입 > 검색어 (입력형) > 마스크팩, 팩을 포함하는 검색어마스크팩 또는 팩을 포함하는 검색어로 유입된 방문자를 타게팅 합니다.3. 리다이렉션을 선택하고 [편집 하기]를 클릭합니다. 4. 세그먼트 조건에 일치하는 고객들을 이동시킬 목표 페이지 URL을 입력하고 검수하세요. 반드시 http(s):// 를 포함한 URL을 입력해야 합니다. 💡 예시에서는 조건에 맞는 방문자를 타임 세일 페이지로 이동시키기 위해 목표 페이지에 타임 세일 페이지URL를 입력했습니다. 5. 이동 옵션을 선택하세요. 현재창에서 이동고객이 지금 보고 있는 브라우저 창에서 즉시 목표 페이지로 이동합니다. 새로운 창 이동 고객이 지금 보고 있는 페이지가 아니라 새로운 브라우저 창을 띄워서 이동합니다.6. 빈도, 기간, 요일, 시간에 대한 노출 설정값을 지정하세요. 💡 예시에서는 방문할 때마다 타임 세일 페이지로 이동할 수 있도록 빈도로 ‘방문 마다’를 선택했습니다. 타임 세일은 기간이 한정되어 있으므로 기간, 시간 설정을 조절하여 노출을 제한할 수 있습니다. 빈도최초 한번만방문객에게 1회만 실행되고 더 이상 실행되지 않습니다.방문마다(세션기준) 세션을 기준으로 방문할 때마다 실행됩니다. 하루에도 여러 번 실행될 수 있습니다. 일 1회하루 한 번만 실행됩니다.주 1회1주일에 한 번만 실행됩니다. 월 1회월에 한 번만 실행됩니다. 기간제한 없음기간에 상관없이 노출됩니다.기간 지정설정한 기간 내에만 노출됩니다. 요일 선택한 요일에만 노출됩니다.시간24시간 노출상시 노출됩니다.시간 지정특정 시간에만 노출됩니다. 이벤트성으로 사용될 수 있습니다.7. (옵션) 해당 오토메시지를 통해 페이지를 이동한 고객에게 태그를 남기고자 하는 경우 ‘태그 저장’ 기능을 활용할 수 있습니다. 8. [저장 하기]를 클릭하세요. 이제 미리 지정한 조건(마스크팩, 팩을 포함한 검색어로 유입)에 맞는 고객님이 등장하면, 목표 페이지(타임 세일 페이지)로 고객님을 이동시키게 됩니다. 페이지 이동을 활용할 수 있는 방법은 다양하지만 한 가지 주의해야 할 점이 있는데요..! 페이지 이동은 사이트 방문객을 강제 이동시키다 보니 방문객이 예상하지 못한 페이지가 나왔을 땐 당황스러움을 느낄 수 있습니다. 경우에 따라서 이탈률이 더 증가할 수도 있어요😅 목적 없이 모든 대상에게 적용하는 것보다는, 명확한 상황 설정을 통해 방문객이 충분히 예상 가능한 페이지로 이동할 수 있도록 돕는 것을 추천드리면서 포스팅 마치겠습니다. 오늘도 이프두와 함께 힘찬 하루 보내세요!💪🏻 이런 메시지는 어때요?클릭을 부르는 GIF 팝업 만들기!주목도 UP! 생동감 MAX! 유튜브 쇼츠형 팝업?

이프두 블로그

이프두 블로그

이프두 블로그

메인

시작 가이드

마케팅 레시피

고객 사례

온 사이트 마케팅

CRM

상품 추천

애널리틱스

부가서비스

호스팅몰 전용

자주 묻는 질문

새소식

온 사이트 마케팅

로그인

휴대폰 번호 인증

관리자 아이디 찾기

비밀번호 찾기

서비스 소개서 신청

서비스 도입 미팅 요청

서비스 제휴 문의