카톡발송 > 카카오톡 소개 > 친구톡 소개 추가
This commit is contained in:
parent
4feb34dce7
commit
2dfb2fed27
@ -2048,9 +2048,56 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_intro_cont .note .note-title p span{padding-right: 10px;}
|
||||
/*유의사항_목록*/
|
||||
.kakao_intro_cont .note ul{line-height: 26px; font-weight: 300; font-size: 16px; color: #666; background-color: #fff; border-radius: 10px; padding: 25px 53px;}
|
||||
.kakao_intro_cont .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
|
||||
.kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;}
|
||||
.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
|
||||
.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
|
||||
.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;}
|
||||
.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
|
||||
|
||||
/* 친구톡 소개 */
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(1){margin:0 0 45px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li{margin:0 0 19px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){display:flex;line-height:1;height:auto;justify-content:center;align-items:center;padding:22px 0 18px 0;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2) span{display:inline-block;font-family:'GmarketSansBold';margin:0 4px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){height:auto;line-height:1;padding:24px 0 18px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:auto;height:100%;margin:-20px 0 0 -15px;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .fight .wrap{max-width:1024px;gap:50px;justify-content:center;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .fight .fight-title{width:250px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs{display:flex;width:calc((100% - 200px) / 2);flex-direction:column;align-items:center;gap:20px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title{width:100px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .title{height:34px;padding:5px 30px 3px;border-radius:35px;background:#E4E6EA;font-family:'GmarketSansBold';color:#666;font-size:20px;line-height:35px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul{padding:20px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title .title{background:transparent;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul li{background:transparent;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .fight .vs .box{display:flex;width:100%;padding:20px;background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);align-items:center;flex-direction:column;box-sizing:border-box;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{display:flex;height:51px;margin:4px 0;font-size:20px;font-family:'GmarketSansBold';color:#666;letter-spacing:-.85px;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{display:block;width:100%;font-size:16px;font-weight:400;margin:-10px 0 0 0;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .friendtalk_vs .title{background:#ffcc33;color:#222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box{border:1px solid #222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li{color:#222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li span{color:#666;}
|
||||
|
||||
.friendtalk_use{display:flex;max-width:1024px;margin:50px 0;justify-content:space-between;}
|
||||
.friendtalk_use li{text-align:center;width:calc((1024px / 3) - 20px);}
|
||||
.friendtalk_use .title{display:inline-flex;height:43px;font-size:20px;font-weight:bold;color:#002c9a;text-align:center;background:#fff;padding:0 23px;margin:0 auto 20px auto;border:2px solid #002c9a;border-radius:35px;justify-content:center;align-items:center;}
|
||||
.friendtalk_use img{margin:0 0 20px 0;}
|
||||
.friendtalk_use .explan_text{display:table-cell;width:100%;height:100px;line-height:1.4;padding:0 20px;background:#fff;border-radius:10px;box-sizing:border-box;vertical-align:middle;}
|
||||
.friendtalk_use li:first-child .explan_text{display:flex;align-items:center;justify-content:center;}
|
||||
.friendtalk_use .explan_text span{font-weight:bold;}
|
||||
|
||||
.friendtalk .service .kakao_use_guide{display: flex; margin: 50px 0; gap: 30px;}
|
||||
.friendtalk .service .kakao_use_guide li{position: relative; display:flex; width: calc((100% - 60px)/3); background-color: #fff; border-radius: 20px; padding: 0 0 30px 0; text-align: center; overflow: hidden;flex-direction: column;gap: 20px;}
|
||||
.friendtalk .service .kakao_use_guide .title{display:flex;width:100%;height:50px;font-size:19px;background:#002c9a;color:#fff;justify-content:center;align-items:center;letter-spacing:1px;}
|
||||
.friendtalk .service .kakao_use_guide .title span{font-weight:bold;font-size:22px;}
|
||||
.friendtalk .service .kakao_use_guide li i{display: block; width: 128px; height: 128px; margin: 10px auto 10px auto; background-color: #F3F6FB; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
|
||||
.friendtalk .service .kakao_use_guide li.guide_01 i{background-image: url(/publish/images/content/icon_kakao_guide01.png);}
|
||||
.friendtalk .service .kakao_use_guide li.guide_02 i{background-image: url(/publish/images/content/icon_kakao_guide02.png);}
|
||||
.friendtalk .service .kakao_use_guide li.guide_03 i{background-image: url(/publish/images/content/icon_kakao_guide04.png);}
|
||||
.friendtalk .service .kakao_use_guide li .guide_title{font-family: 'GmarketSansBold'; font-size: 24px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_info{display: block; height: 120px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.3; padding: 0 20px;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .note b{font-weight:400;color:#e40000;}
|
||||
|
||||
|
||||
/* api - 소개 */
|
||||
.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
|
||||
@ -2520,6 +2567,23 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;}
|
||||
.kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;}
|
||||
|
||||
/* 친구톡 소개 */
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro{gap:30px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:42%;height:auto;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){font-size:18px;;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{font-size:18px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{font-size:14px;}
|
||||
.friendtalk_use{gap:20px;}
|
||||
.friendtalk_use .title{height:36px;font-size:16px;}
|
||||
.friendtalk_use img{width:100%;}
|
||||
.friendtalk_use li:first-child .explan_text{white-space:nowrap;}
|
||||
|
||||
.friendtalk .service .kakao_use_guide .title{font-size:16px;}
|
||||
.friendtalk .service .kakao_use_guide .title span{font-size:20px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_title{font-size:22px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_info{font-size:16px;}
|
||||
.kakao_intro_cont .service .guide a{font-size: 20px;}
|
||||
|
||||
/*발송결과_select버튼*/
|
||||
.select_btnWrap .btn_right .search .send_text{width: 170px;}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -23,161 +23,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
<p class="quick_title">QUICK<br>MENU</p>
|
||||
<p class="quick_title2">QUICK</p>
|
||||
<ul class="quickMenuIn">
|
||||
<li>
|
||||
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
|
||||
<div class="hover_cont">원격지원</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
|
||||
<div class="hover_cont">주소록 등록</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick7"></i><span>견적서</span></a>
|
||||
<div class="hover_cont">견적서</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick8"></i><span>결제</span></a>
|
||||
<div class="hover_cont">결제</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
|
||||
<div class="hover_cont">영수증/계산서</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// quick 메뉴 -->
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header sub ">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -189,20 +35,28 @@
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">알림톡 소개</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">카카오톡 소개</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
|
||||
<div class="top_content kakao_intro_cont current">
|
||||
<div class="top_content kakao_intro_cont pay_tab_wrap current">
|
||||
<div class="heading">
|
||||
<h2>알림톡 소개</h2>
|
||||
<h2>카카오톡 소개</h2>
|
||||
</div>
|
||||
|
||||
<ul class="tabType1">
|
||||
<li class="tab active"><button type="button" onclick="contentTab(this,'1');">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="contentTab(this,'2');">친구톡</button></li>
|
||||
</ul>
|
||||
|
||||
<!-- 알림톡 소개 -->
|
||||
<div class="tab_content current" id="tab_content_1">
|
||||
<div class="kakao_intro">
|
||||
<div class="title">
|
||||
<h3>알림톡이란?</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
@ -465,6 +319,213 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 알림톡 소개 -->
|
||||
|
||||
<!-- 친구톡 소개 -->
|
||||
<div class="tab_content friendtalk" id="tab_content_2">
|
||||
<div class="kakao_intro">
|
||||
<div class="title">
|
||||
<h3>친구톡이란?</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="con">
|
||||
<!--설명-->
|
||||
<div class="intro">
|
||||
<img class="phone" src="/publish/images/kakao_intro_cont/phone_friendtalk.png" alt="핸드폰">
|
||||
|
||||
<ul class="list">
|
||||
<li>
|
||||
<img src="/publish/images/kakao_intro_cont/text_friendtalk.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
|
||||
</li>
|
||||
<li>
|
||||
<p>1</p>
|
||||
<p><span>광고성 메시지</span> 발송 가능(광고 표기 및 수신거부 안내 포함)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>2</p>
|
||||
<p>채널 친구 추가된 사용자라면 <span>누구에게나</span> 발송 가능</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>3</p>
|
||||
<p>
|
||||
<span>1,000자 이내</span> 텍스트 및 <span>이미지</span> 전송 가능
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>4</p>
|
||||
<p><span>맞춤형 메시지 및 쿠폰, 링크</span> 버튼 제공 가능</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>5</p>
|
||||
<p>문자 메시지 대비 <span>O % 이상</span> 저렴</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>6</p>
|
||||
<p>발송실패 시 <span>대체문자 발송</span> 기능 지원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>7</p>
|
||||
<p>클릭률/도달률 분석을 통한 <span>마케팅 효율 강화</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>8</p>
|
||||
<p>브랜드 친화적인 <span>이미지 커스터마이징</span> 가능</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--문자vs알림톡-->
|
||||
<div class="fight">
|
||||
<div class="line"></div>
|
||||
<div class="fight-title">
|
||||
<h4>알림톡 <span>VS</span> 친구톡</h4>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
|
||||
<div class="wrap">
|
||||
<div class="vs allimtalk_vs">
|
||||
<div class="title">알림톡</div>
|
||||
<div class="box">
|
||||
<ul>
|
||||
<li>전화번호 보유자</li>
|
||||
<li>정보성 <span>(예 : 주문, 예약, 안내 등)</span></li>
|
||||
<li>텍스트, 이미지 등</li>
|
||||
<li>최대 5개</li>
|
||||
<li>사전 승인 필요</li>
|
||||
<li>6.9원</li>
|
||||
<li>1,000자</li>
|
||||
<li>로고, 아이콘 형식만 가능</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vs vs_title">
|
||||
<div class="title">VS</div>
|
||||
<ul>
|
||||
<li>전송대상</li>
|
||||
<li>발송목적</li>
|
||||
<li>메세지 형태</li>
|
||||
<li>버튼 사용</li>
|
||||
<li>템플릿 승인</li>
|
||||
<li>비용</li>
|
||||
<li>길이제한</li>
|
||||
<li>이미지</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="vs friendtalk_vs">
|
||||
<div class="title">친구톡</div>
|
||||
<div class="box">
|
||||
<ul>
|
||||
<li>채널 친구</li>
|
||||
<li>광고 및 마케팅성<span>(예 : 이벤트, 쿠폰 등)</span></li>
|
||||
<li>텍스트, 기본이미지, 와이드 이미지형 등</li>
|
||||
<li>최대 5개</li>
|
||||
<li>별도 승인 없음 <span>야간 발송 제한(20:50 ~ 익일 08:00)</span></li>
|
||||
<li>0.0원 ~ 0.0원</li>
|
||||
<li>1,000자</li>
|
||||
<li>가능</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 친구톡 유형 -->
|
||||
<div class="use">
|
||||
<div class="title">
|
||||
<h3>친구톡 유형</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<ul class="friendtalk_use">
|
||||
<li>
|
||||
<div class="title">텍스트형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use1.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>1,000자</span> + 버튼 <span>최대 5개</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="title">기본 이미지형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use2.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>400자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 5개</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="title">와이드 이미지형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use3.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>76자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 1개</span></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!--서비스이용방법-->
|
||||
<div class="service">
|
||||
<div class="title">
|
||||
<h3>서비스 이용 방법</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<ul class="kakao_use_guide">
|
||||
<li class="guide_01">
|
||||
<div class="title">STEP <span>01</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">카카오톡 채널 가입</p>
|
||||
<span class="guide_info">카카오톡 채널 생성을 위한 <br> 계정이 없으시다면, 카카오에서 <br> 카카오톡 비즈니스 회원가입을<br> 먼저
|
||||
진행해주세요.</span>
|
||||
</li>
|
||||
<li class="guide_02">
|
||||
<div class="title">STEP <span>02</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">채널 ID 등록하러 가기</p>
|
||||
<span class="guide_info">가입하신 카카오톡 채널의 채널 ID(채널이름)를 채널 ID 등록 메뉴에 등록해주세요.</span>
|
||||
</li>
|
||||
<li class="guide_03">
|
||||
<div class="title">STEP <span>03</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">친구톡 전송</p>
|
||||
<span class="guide_info">친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!--이용가이드 버튼-->
|
||||
<div class="guide">
|
||||
<a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">친구톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--유의사항-->
|
||||
<div class="note">
|
||||
<div class="note-title">
|
||||
<p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
|
||||
</div>
|
||||
<ul>
|
||||
<li>- (광고) 표기 여부는 선택 가능하나 , (광고)표기 해제에 따른 법령상 의무사항을 미 준수시에는 메시지 발송이 중단될 수 있습니다.</li>
|
||||
<li>- 광고성 친구톡 메시지에는 “(광고) 표시 및 수신거부 방식”이 표시되며, 대체 문자의 경우에는 “(광고) 문구 및 080 무료수신거부 번호”가 자동으로 포함됩니다.</li>
|
||||
<li><b>- 광고성 메시지의 발송 가능 시간은 08:00 ~ 20:50(한국시간) 입니다.</b></li>
|
||||
<li>- 친구톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
|
||||
<li>- 카카오정책 및 심의기준을 반드시 준수하여야 합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 친구톡 소개 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -156,8 +156,9 @@
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
|
||||
<li><a href="#none">친구톡</a></li>
|
||||
<li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
|
||||
<li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
|
||||
<li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user