511 lines
28 KiB
HTML
511 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>문자온 알림톡 소개</title>
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
||
<link rel="stylesheet" href="/publish/css/common.css">
|
||
<link rel="stylesheet" href="/publish/css/button.css">
|
||
<link rel="stylesheet" href="/publish/css/content.css">
|
||
<link rel="stylesheet" href="/publish/css/font.css">
|
||
|
||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||
<script src="/publish/js/common.js"></script>
|
||
<script src="/publish/js/content.js"></script>
|
||
<script src="/publish/js/allimtalk.js"></script>
|
||
<script src="/publish/js/kakao_allimtalk.js"></script>
|
||
|
||
</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 영역 -->
|
||
<!-- login 영역 -->
|
||
<!-- content 영역 -->
|
||
<div id="container" class="cont sub">
|
||
<div class="inner">
|
||
<!-- send top -->
|
||
<div class="send_top">
|
||
<!-- tab button -->
|
||
<ul class="tabType4">
|
||
<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>
|
||
</ul>
|
||
<!--// tab button -->
|
||
|
||
<div class="top_content kakao_intro_cont current">
|
||
<div class="heading">
|
||
<h2>알림톡 소개</h2>
|
||
</div>
|
||
|
||
<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.png" alt="핸드폰">
|
||
<!--<div class="text">
|
||
<p>카카오톡 전용 기업 메시지 서비스<span>"알림톡"</span></p>
|
||
<img src="./images/kakao_intro_cont/on.png" alt="on이미지">
|
||
</div>-->
|
||
|
||
<ul class="list">
|
||
<li>
|
||
<img src="/publish/images/kakao_intro_cont/text.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
|
||
</li>
|
||
<li>
|
||
<p>1</p>
|
||
<p>1,000자 이내 <span>텍스트 및 이미지 전송 가능</span></p>
|
||
</li>
|
||
<li>
|
||
<p>2</p>
|
||
<p><span>문자 메시지 대비</span> 75% 이상 저렴</p>
|
||
</li>
|
||
<li>
|
||
<p>3</p>
|
||
<p>
|
||
<span>카톡 채널아이디를 추가하지 않은 이용자에게도</span><br>
|
||
전화번호만 있으면 메시지 전송 가능
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<p>4</p>
|
||
<p><span>발송실패 시</span> 자동으로 문자 대체 발송</p>
|
||
</li>
|
||
<li>
|
||
<p>5</p>
|
||
<p><span>카카오 인증마크를 통해</span> 신뢰도 높은 메시지 발송</p>
|
||
</li>
|
||
<li>
|
||
<p>6</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="box box-01">
|
||
<div class="fight-img">
|
||
<p class="name">문자</p>
|
||
<div class="icon">
|
||
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
|
||
<p class="price">18원</p>
|
||
</div>
|
||
</div>
|
||
<p class="vs">VS</p>
|
||
<div class="fight-img kakao">
|
||
<p class="name">알림톡</p>
|
||
<div class="icon">
|
||
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
|
||
<p class="price">6.5원</p>
|
||
</div>
|
||
</div>
|
||
<div class="text">
|
||
<p>문자 대비 <span>75% 저렴</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="fight-line"></div>
|
||
<div class="box box-02">
|
||
<div class="fight-img">
|
||
<p class="name">문자</p>
|
||
<div class="icon">
|
||
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
|
||
<p class="price">90Byte</p>
|
||
</div>
|
||
</div>
|
||
<p class="vs">VS</p>
|
||
<div class="fight-img kakao">
|
||
<p class="name">알림톡</p>
|
||
<div class="icon">
|
||
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
|
||
<p class="price">1,000글자</p>
|
||
</div>
|
||
</div>
|
||
<div class="text">
|
||
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="fight-text-wrap">
|
||
<div class="text">
|
||
<p>문자 대비 <span>75% 저렴</span></p>
|
||
</div>
|
||
<div class="text">
|
||
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
||
</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>
|
||
|
||
<div class="tab-wrap">
|
||
<ul class="tabs">
|
||
<li class="tab-link current" data-tab="tab-1">금융/보험</li>
|
||
<li class="tab-link" data-tab="tab-2">기관/단체</li>
|
||
<li class="tab-link" data-tab="tab-3">여행</li>
|
||
<li class="tab-link" data-tab="tab-4">예약/예매</li>
|
||
<li class="tab-link" data-tab="tab-5">배송/배달</li>
|
||
<li class="tab-link" data-tab="tab-6">안내/이벤트</li>
|
||
</ul>
|
||
|
||
<div id="tab-1" class="tab-content current"><img src="/publish/images/kakao_intro_cont/bank.png" alt="금융,보험"></div>
|
||
<div id="tab-2" class="tab-content"><img src="/publish/images/kakao_intro_cont/organization.png" alt="기관,단체"></div>
|
||
<div id="tab-3" class="tab-content"><img src="/publish/images/kakao_intro_cont/travel.png" alt="여행"></div>
|
||
<div id="tab-4" class="tab-content"><img src="/publish/images/kakao_intro_cont/reservation.png" alt="예약,예약"></div>
|
||
<div id="tab-5" class="tab-content"><img src="/publish/images/kakao_intro_cont/delivery.png" alt="배송,배달"></div>
|
||
<div id="tab-6" class="tab-content"><img src="/publish/images/kakao_intro_cont/event.png" alt="안내,이벤트"></div>
|
||
</div>
|
||
|
||
</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>
|
||
|
||
<div class="con first-line">
|
||
<div class="service-01 common">
|
||
<div class="step">
|
||
<p>STEP <span>01</span></p>
|
||
</div>
|
||
<div class="text">
|
||
<div class="btn">
|
||
<a href="https://center-pf.kakao.com/" target="_blank">카카오톡 채널 가입하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||
</div>
|
||
<div class="text-line"></div>
|
||
<div class="type">
|
||
<p>
|
||
카카오톡 채널을 먼저 가입해주신 다음 <br>
|
||
비즈니스 채널 전환 신청을 해주세요.
|
||
</p>
|
||
<p>
|
||
※ 가입 후 카카오톡 채널 설정에서 <br>
|
||
공개, 검색허용 설정을 하셔야 합니다.
|
||
</p>
|
||
</div>
|
||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_01.jpg" alt="카카오톡 채널 가입하러 가기 아이콘"></div>
|
||
</div>
|
||
</div>
|
||
<div class="service-02 common">
|
||
<div class="step">
|
||
<p>STEP <span>02</span></p>
|
||
</div>
|
||
<div class="text">
|
||
<div class="btn">
|
||
<a href="#">채널 ID 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||
</div>
|
||
<div class="text-line"></div>
|
||
<div class="type">
|
||
<p>
|
||
가입하신 카카오톡 채널의 채널ID(채널이름)를 <br>
|
||
채널ID 등록 메뉴에 등록해주세요.
|
||
</p>
|
||
</div>
|
||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_02.jpg" alt="채널 ID 등록하러 가기 아이콘"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="con second-line">
|
||
<div class="service-03 common">
|
||
<div class="step">
|
||
<p>STEP <span>03</span></p>
|
||
</div>
|
||
<div class="text">
|
||
<div class="btn">
|
||
<a href="#">알림톡 템플릿 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||
</div>
|
||
<div class="text-line"></div>
|
||
<div class="type">
|
||
<p>
|
||
알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에
|
||
대한 카카오의 승인이 반드시 필요합니다.
|
||
템플릿을 작성하신 후 심사요청을 진행해주세요.
|
||
</p>
|
||
<p>
|
||
※ 템플릿 승인까지 최대 3일 소요
|
||
</p>
|
||
</div>
|
||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_03.jpg" alt="알림톡 템플릿 등록하러 가기 아이콘"></div>
|
||
</div>
|
||
</div>
|
||
<div class="service-04 common">
|
||
<div class="step">
|
||
<p>STEP <span>04</span></p>
|
||
</div>
|
||
<div class="text">
|
||
<div class="btn">
|
||
<a href="#">알림톡 전송하기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||
</div>
|
||
<div class="text-line"></div>
|
||
<div class="type">
|
||
<p>
|
||
템플릿이 승인되셨다면 문자온 알림톡을 <br>
|
||
통해 메시지를 발송하실 수 있습니다.
|
||
</p>
|
||
</div>
|
||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_04.jpg" alt="알림톡 전송하기 아이콘"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--이용가이드 버튼-->
|
||
<div class="guide">
|
||
<a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend" 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>- 한글, 영문 구분 없이 최대 1,000자까지 전송 가능합니다.</li>
|
||
<li>- 알림톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
|
||
<li>- 알림톡에서 허용하는 영리목적이 없는 정보성 메시지에 해당하는지 여부는 스팸 관련 정보통신망법 안내서를 꼭 참고하시길 바랍니다.</li>
|
||
<li>(주문/예약 확인, 결제 내역, 배송 현황 메시지 등이 이에 해당하며 구독자 대상의 뉴스레터나 일반적인 공지문은 포함되지 않습니다.)</li>
|
||
<li>
|
||
<a href="https://spam.kisa.or.kr/common/nttFileDownload.do?fileKey=f3de0346e5010755186576fa45b37be2" target="_blank">스팸 관련 정보통신망법 안내서 바로가기</a>
|
||
</li>
|
||
<li>- 부고, 답례, 초대장 등은 정보성 메시지가 아니므로 알림톡으로 보내실 수 없습니다. </li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!--// send top -->
|
||
</div>
|
||
</div>
|
||
<!--// content 영역 -->
|
||
<!-- footer 영역 -->
|
||
<footer id="footer" class="footer">
|
||
<div class="footer_top">
|
||
<div class="inner table">
|
||
<ul class="table_cell">
|
||
<li><a href="#">이용약관</a></li>
|
||
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
|
||
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
|
||
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer_body">
|
||
<div class="inner table">
|
||
<div class="table_cell">
|
||
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
|
||
<div class="footer_info">
|
||
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
|
||
<p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p>
|
||
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
|
||
</div>
|
||
<div class="footer_service_center">
|
||
<i></i>
|
||
<div>
|
||
<p>고객센터</p>
|
||
<span class="footer_service_num">070-4786-0008</span>
|
||
<span>E-mail : help@iten.co.kr</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!--// footer 영역 -->
|
||
</body>
|
||
|
||
</html> |