PageSourceSearch

https://atalkbizplus.co.kr/sub/custom.html

html atalkbizplus.co.kr collected 2026-10-06 03:32:38 UTC 28,269 bytes, 541 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3    <head>
4        <meta charset="UTF-8" />
5        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6        <meta name="description" content="실무자 맞춤 CRM 커스텀으로 딱 맞게 사용하세요." />
7        <title>커스터마이징 | 맞춤CRM, CRM커스텀. 실무자에게 가장 딱 맞게 커스텀하는 CRM</title>
8        <meta property="og:title" content="커스터마이징:아톡비즈 플러스" />
9        <meta property="og:description" content="맞춤CRM, CRM커스텀. 실무자에게 가장 딱 맞게 커스텀하는 CRM" />
10        <meta property="og:image" content="/image/meta.png" />
11        <meta property="og:url" content="https://www.atalkbizplus.co.kr/sub/custom.html" />
12        <meta property="og:type" content="website" />
13        <meta property="og:site_name" content="커스터마이징 기능안내-아톡비즈 플러스" />
14
15        <link rel="icon" href="/image/favicon.ico" type="image/x-icon" />
16        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" />
17        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" />
18        <link href="/css/reset.css" rel="stylesheet" />
19        <link href="/css/main.css" rel="stylesheet" />
20        <link href="/css/root.css" rel="stylesheet" />
21        <link href="/css/swiper-bundle.min.css" rel="stylesheet" />
22        <link href="/css/style.css" rel="stylesheet" />
23        <link href="/css/media.css" rel="stylesheet" />
24        <link href="/css/media_mo.css" rel="stylesheet" />
25        
25<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
25
26        
26<script type="text/javascript" src="/js/custom.js"></script>
26
27        
27<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
27
28        <!-- 웹챗 -->
29        
29<script>
30            (function () {
31                var w = window;
32                if (w.LivechatIO) {
33                    return w.console.error('LivechatIO script included twice.');
34                }
35                var lc = function () {
36                    lc.c(arguments);
37                };
38                lc.q = [];
39                lc.c = function (args) {
40                    lc.q.push(args);
41                };
42                w.Livechat = lc;
43                w.LivechatIO = lc;
44                function l() {
45                    if (w.LivechatInitialized) {
46                        return;
47                    }
48                    w.LivechatInitialized = true;
49                    var s = document.createElement('script');
50                    s.type = 'text/javascript';
51                    s.async = true;
52                    s.src = 'https://cdn.atalkbizplus.co.kr/lib/sdk.global.js';
53                    var x = document.getElementsByTagName('script')[0];
54                    if (x && x.parentNode) {
55                        x.parentNode.insertBefore(s, x);
56                    } else {
57                        document.head.appendChild(s);
58                    }
59                }
60                if (document.readyState === 'complete') {
61                    l();
62                } else {
63                    w.addEventListener('DOMContentLoaded', l);
64                    w.addEventListener('load', l);
65                }
66            })();
67            Livechat('boot', { pluginKey: 'WBT_ebf5f0b73f5545599670d0071948683f' });
68        </script>
68
69        <!-- 네이버 서치어드바이저 -->
70        <meta name="naver-site-verification" content="0cc5e44a378678fb1c723695003f184a58cb1c4f" />
71        <!-- 구글서치콘솔 -->
72        <meta name="google-site-verification" content="qc9nyfQQGYX05SKl-IGiWp8u3sIU5dFohQzfrzgXgSk" />
73        <!-- 네이버애널리틱스 -->
74        
74<script type="text/javascript" src="//wcs.pstatic.net/wcslog.js"></script>
74
75        
75<script type="text/javascript">
76            if (!wcs_add) var wcs_add = {};
77            wcs_add['wa'] = '1844637144185d0';
78            if (window.wcs) {
79                wcs_do();
80            }
81        </script>
81
82        <!-- 구글애널리틱스 -->
83        <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 83-84
83
84        <script async src="https://www.googletagmanager.com/gtag/js?id=
84G-DGZP7DKGFH
vendor: 20 bytes, lines 84-85
84"></script>
85        
85<script>
86            
vendor: 195 bytes, lines 86-92
86window.dataLayer = window.dataLayer || [];
87            function gtag() {
88                dataLayer.push(arguments);
89            }
90            gtag('js', new Date());
91
92            gtag('config', '
92G-DGZP7DKGFH
vendor: 12 bytes, lines 92-93
92');
93        
93</script>
93
94        <!--  MS Clarity -->
95        
95<script type="text/javascript">
96            (function (c, l, a, r, i, t, y) {
97                c[a] =
98                    c[a] ||
99                    function () {
100                        (c[a].q = c[a].q || []).push(arguments);
101                    };
102                t = l.createElement(r);
103                t.async = 1;
104                t.src = 'https://www.clarity.ms/tag/' + i;
105                y = l.getElementsByTagName(r)[0];
106                y.parentNode.insertBefore(t, y);
107            })(window, document, 'clarity', 'script', 'w4nm9wt2a7');
108        </script>
108
109        <!-- 네이버 전환추적 -->
110        
110<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
110
111        
111<script type="text/javascript">
112            if (!wcs_add) var wcs_add = {};
113            wcs_add['wa'] = 's_48ebc80ba525';
114            if (!_nasa) var _nasa = {};
115            if (window.wcs) {
116                wcs.inflow();
117                wcs_do();
118            }
119        </script>
119
120        
120<script type="application/ld+json">
121            {
122                "@context": "https://schema.org",
123                "@type": "SoftwareApplication",
124                "@id": "https://www.atalkbizplus.co.kr/sub/custom.html#software",
125                "name": "아톡비즈 플러스 커스터마이징",
126                "url": "https://www.atalkbizplus.co.kr/sub/custom.html",
127                "applicationCategory": "BusinessApplication",
128                "operatingSystem": "Web",
129                "description": "기업 운영 방식과 실무자 업무에 맞춰 고객정보, 상담관리, 상담이력, 처리관리 항목을 자유롭게 설정할 수 있는 맞춤형 CRM 커스터마이징 기능.",
130                "image": "https://www.atalkbizplus.co.kr/image/meta.png",
131                "featureList": [
132                    "맞춤 CRM 커스터마이징",
133                    "고객정보 필수 입력값 설정",
134                    "고객정보 마스킹 설정",
135                    "고객관리 항목 생성 및 편집",
136                    "고객관리 탭 설정",
137                    "상담관리 항목 생성 및 편집",
138                    "상담이력 노출 순서 설정",
139                    "처리관리 항목 생성 및 편집",
140                    "채팅상담 패널 설정",
141                    "구성원 및 조직 관리",
142                    "채팅상담 매크로 문구 설정"
143                ],
144                "publisher": {
145                    "@type": "Organization",
146                    "@id": "https://www.atalkbizplus.co.kr/#organization",
147                    "name": "아톡비즈 플러스",
148                    "url": "https://www.atalkbizplus.co.kr/",
149                    "logo": {
150                        "@type": "ImageObject",
151                        "url": "https://www.atalkbizplus.co.kr/image/meta.png"
152                    }
153                },
154                "isPartOf": {
155                    "@type": "WebSite",
156                    "@id": "https://www.atalkbizplus.co.kr/#website",
157                    "url": "https://www.atalkbizplus.co.kr/",
158                    "name": "아톡비즈 플러스"
159                }
160            }
161        </script>
161
162        
162<script defer src="https://dashboard.atalkbiz.chatgpt.site/atalk-visitor-tracker.js" data-site="plus"></script>
162
163    </head>
164
165    <body>
166        <div data-include="/inc/header.html"></div>
167
168        <div class="subfixedmenu">
169            <div class="inner">
170                <a href="/sub/client.html">고객관리</a>
171                <a href="/sub/counseling.html">상담관리</a>
172                <a href="/sub/custom.html" class="on">커스터마이징</a>
173                <a href="/sub/add.html">플러스팩</a>
174            </div>
175        </div>
176        
176<script>
177            document.addEventListener('DOMContentLoaded', () => {
178                const fixedMenu = document.querySelector('.subfixedmenu');
179                if (!fixedMenu) return;
180
181                window.addEventListener('scroll', () => {
182                    if (window.scrollY > 400) {
183                        fixedMenu.classList.add('on');
184                    } else {
185                        fixedMenu.classList.remove('on');
186                    }
187                });
188            });
189        </script>
189
190
191        <section class="subcontent_visual">
192            <div class="inner">
193                <div class="menu">
194                    <a href="/sub/client.html">고객관리</a>
195                    <a href="/sub/counseling.html">상담관리</a>
196                    <a href="/sub/custom.html" class="on">커스터마이징</a>
197                    <a href="/sub/add.html">플러스팩</a>
198                </div>
199                <div class="subtitle animation fade_up">
200                    <p class="main">커스터마이징</p>
201                    <p class="sub">기업 맞춤형</p>
202                </div>
203                <img src="/image/sub/custom/top.png" alt="메인 이미지" class="animation fade_up" style="animation-delay: 0.2s" />
204                <div class="subtitle animation fade_up" style="animation-delay: 0.2s">
205                    <p class="sub pc_txt">
206                        관리 방법만 바꿔도 달라지는 고객의 반응 아톡비즈에서 경험해보세요!<br />
207                        작은 변화가 고객 만족으로 이어집니다.
208                    </p>
209                    <p class="sub mo_txt">
210                        관리 방법만 바꿔도 달라지는 고객의 반응<br />아톡비즈에서 경험해보세요!<br />
211                        작은 변화가 고객 만족으로 이어집니다.
212                    </p>
213                </div>
214            </div>
215        </section>
216
217        <section class="client_tab custom">
218            <div class="inner">
219                <div class="subtitle">
220                    <p class="main">미리보는 다양한 기능</p>
221                    <p class="sub">커스터마이징 되는 범위를 확인해보세요</p>
222                </div>
223                <div class="wrap animation fade_up">
224                    <div class="text">
225                        <div class="tabmenu">
226                            <span class="on">고객관리</span>
227                            <span>상담관리</span>
228                        </div>
229                        <div class="tabcontent">
230                            <!-- 고객관리 -->
231                            <div class="tab tab1 on">
232                                <div class="tagwrap">
233                                    <span class="tag on" data-tab="1">고객정보</span>
234                                    <span class="tag" data-tab="2">고객관리</span>
235                                    <span class="tag" data-tab="3">고객관리 탭</span>
236                                </div>
237                                <div class="textwrap">
238                                    <div class="txt txt_1 on">
239                                        <p class="name"><img src="/image/sub/custom/subtab_btn_1.png" alt="고객정보" />고객정보</p>
240                                        <p class="text">
240고객정보의 필수 입력 값, 마스킹 설정을 할 수 있어요.</p>
241                                    </div>
242                                    <div class="txt txt_2">
243                                        <p class="name"><img src="/image/sub/custom/subtab_btn_2.png" alt="고객관리" />고객관리</p>
244                                        <p class="text">고객정보를 입력하기 위한 5가지의 항목을 생성, 편집할 수 있어요.</p>
245                                    </div>
246                                    <div class="txt txt_3">
247                                        <p class="name"><img src="/image/sub/custom/subtab_btn_3.png" alt="고객관리 탭" />고객관리 탭</p>
248                                        <p class="text">고객정보의 항목을 분류하기 위한 탭을 생성하고 각 탭의 이름을 설정할 수 있어요.</p>
249                                    </div>
250                                </div>
251                            </div>
252                            <!-- 상담관리 -->
253                            <div class="tab tab2">
254                                <div class="tagwrap">
255                                    <span class="tag on" data-tab="4">상담관리</span>
256                                    <span class="tag" data-tab="5">상담이력</span>
257                                    <span class="tag" data-tab="6">처리관리</span>
258                                </div>
259                                <div class="textwrap">
260                                    <div class="txt txt_4 on">
261                                        <p class="name"><img src="/image/sub/custom/subtab_btn_4.png" alt="상담관리" />상담관리</p>
262                                        <p class="text pc_txt">상담내용을 입력하기 위한 5가지의 항목을<br />생성, 편집할 수 있어요.</p>
263                                    </div>
264                                    <div class="txt txt_5">
265                                        <p class="name"><img src="/image/sub/custom/subtab_btn_5.png" alt="상담이력" />상담이력</p>
266                                        <p class="text">
267                                            상담관리 항목 중 메인 페이지에서 우선적으로<br />보여주고자 하는 이력의 순서를 변경할 수 있어요.
268                                        </p>
269                                    </div>
270                                    <div class="txt txt_6">
271                                        <p class="name"><img src="/image/sub/custom/subtab_btn_6.png" alt="처리관리" />처리관리</p>
272                                        <p class="text">처리내용을 입력하기 위한 5가지의 항목을 생성, 편집할 수 있어요.</p>
273                                    </div>
274                                </div>
275                            </div>
276                        </div>
277                    </div>
278                    <div class="image">
279                        <img src="/image/sub/custom/subtab_1.png" alt="" />
280                    </div>
281                </div>
282            </div>
283        </section>
284        
284<script>
285            document.addEventListener('DOMContentLoaded', () => {
286                const root = document.querySelector('.client_tab');
287                const menus = root.querySelectorAll('.tabmenu span');
288                const tabs = root.querySelectorAll('.tab');
289                const img = root.querySelector('.image img');
290
291                const setImg = (n) => {
292                    // 나가면서 사라지는 느낌
293                    img.classList.remove('is-enter');
294                    img.classList.add('is-changing');
295
296                    // transition 끝나기 살짝 전에 src 교체 -> 들어오는 모션
297                    setTimeout(() => {
298                        img.src = `/image/sub/custom/subtab_${n}.png`;
299
300                        // 새 이미지가 들어올 때 시작 자세(오른쪽 + 투명)
301                        img.classList.remove('is-changing');
302                        img.classList.add('is-enter');
303
304                        // 다음 프레임에 원위치로 복귀시키면 "스륵" 들어옵니다
305                        requestAnimationFrame(() => {
306                            requestAnimationFrame(() => {
307                                img.classList.remove('is-enter');
308                            });
309                        });
310                    }, 160); // 0.35s 중간쯤(취향대로 120~200ms)
311                };
312
313                const activeTag = (tag) => {
314                    const tab = tag.closest('.tab');
315                    const num = tag.dataset.tab;
316
317                    // tag on 처리
318                    tab.querySelectorAll('.tag.on').forEach((t) => t.classList.remove('on'));
319                    tag.classList.add('on');
320
321                    // txt on 처리 ★추가
322                    tab.querySelectorAll('.txt.on').forEach((t) => t.classList.remove('on'));
323                    const txt = tab.querySelector(`.txt_${num}`);
324                    if (txt) txt.classList.add('on');
325
326                    // 이미지 변경
327                    setImg(num);
328                };
329
330                const activeTab = (i) => {
331                    menus.forEach((m) => m.classList.remove('on'));
332                    tabs.forEach((t) => t.classList.remove('on'));
333                    menus[i].classList.add('on');
334                    tabs[i].classList.add('on');
335                    activeTag(tabs[i].querySelector('.tag'));
336                };
337
338                menus.forEach((m, i) => (m.onclick = () => activeTab(i)));
339                root.onclick = (e) => e.target.closest('.tag') && activeTag(e.target.closest('.tag'));
340
341                activeTab([...tabs].findIndex((t) => t.classList.contains('on')) || 0);
342            });
343        </script>
343
344
345        <section class="client_card">
346            <div class="inner">
347                <div class="subtitle">
348                    <p class="main pc_txt">실무자에게 가장 딱 맞게 커스텀하는 CRM</p>
349                    <p class="main mo_txt">실무자에게 가장 딱 맞게<br />커스텀하는 CRM</p>
350                    <p class="sub">우리 회사만의 특별한 CRM을 사용해보세요</p>
351                </div>
352                <!-- 1 -->
353                <div class="card animation fade_up">
354                    <div class="card-content">
355                        <div class="card-title">업무 특성에 맞춰 구성하는 CRM</div>
356                        <div class="card-description">
357                            기업마다 다른 운영 방식에 맞춰 데이터 입력 항목을<br />
358                            자유롭게 커스텀할 수 있어요.<br /><br />
359
360                            불필요한 항목은 없애고 필요한 데이터만 저장할 수 있어<br />
361                            업종·업무 특성에 맞게 세팅해 관리할 수 있습니다.
362                        </div>
363                    </div>
364                    <div class="card-image">
365                        <img src="/image/sub/custom/sub_card_1.png" alt="이미지" />
366                    </div>
367                </div>
368
369                <!-- 2 -->
370                <div class="card reverse animation fade_up">
371                    <div class="card-content">
372                        <div class="card-title">자유롭게 조절하는 텍스트 영역</div>
373                        <div class="card-description">
374                            텍스트 입력이 많은 항목은 입력 영역의 크기를<br />
375                            자유롭게 조절할 수 있어요.<br /><br />
376
377                            가독성을 높여 내용을 공유할 때<br />
378                            핵심을 빠르게 전달할 수 있습니다.
379                        </div>
380                    </div>
381                    <div class="card-image office">
382                        <img src="/image/sub/custom/sub_card_2.png" alt="이미지" />
383                    </div>
384                </div>
385
386                <!-- 3 -->
387                <div class="card animation fade_up">
388                    <div class="card-content">
389                        <div class="card-title">탭으로 정리하는 고객정보</div>
390                        <div class="card-description">
391                            고객정보 항목을 탭으로 구분해 필요한 정보만 <br />
392                            각 탭 별로 확인하고 관리할 수 있어요.<br /><br />
393
394                            이름을 자유롭게 설정하고 구성할 수 있어서 <br />
395                            데이터 관리가 편리해집니다.
396                        </div>
397                    </div>
398                    <div class="card-image schedule">
399                        <img src="/image/sub/custom/sub_card_3.png" alt="이미지" />
400                    </div>
401                </div>
402
403                <!-- 4 -->
404                <div class="card reverse animation fade_up">
405                    <div class="card-content">
406                        <div class="card-title">실무자 중심 상담이력 구성</div>
407                        <div class="card-description">
408                            상담이력을 생성한 항목 기준으로 구성하고<br />
409                            노출 여부, 순서를 상담원 개인별로 설정할 수 있어요.<br /><br />
410
411                            상담 시 자주 확인하는 정보를 우선 배치해 <br />
412                            이력을 확인하는 상담원의 편의성을 높여줘요.
413                        </div>
414                    </div>
415                    <div class="card-image schedule">
416                        <img src="/image/sub/custom/sub_card_4_260508.png" alt="이미지" />
417                    </div>
418                </div>
419
420                <!-- 5 -->
421                <div class="card animation fade_up">
422                    <div class="card-content">
423                        <div class="card-title">상담 처리 항목도 맞춤형 관리</div>
424                        <div class="card-description">
425                            상담에 대한 처리 내용을 입력할 수 있는 항목을<br />
426                            커스텀할 수 있어요.<br />
427                            부서별, 업무별 처리 담당자 사용 항목에 따라<br />
428                            다양하게 설정할 수 있어 각 조직의 업무 프로세스에 맞춰<br />
429                            맞춤형으로 관리를 할 수 있습니다.
430                        </div>
431                    </div>
432                    <div class="card-image schedule">
433                        <img src="/image/sub/custom/sub_card_5.png" alt="이미지" />
434                    </div>
435                </div>
436            </div>
437        </section>
438
439        <section class="client_chat subimgblock">
440            <div class="inner">
441                <div class="text">
442                    <div class="title">채팅상담도 사용자 편의에 맞게 설정</div>
443                    <div class="text">
444                        채팅상담에서 자주 보는 패널을 원하는대로 설정할 수 있어요.<br />
445                        불필요한 영역은 숨기고, 자주 보는 정보는 상단에 배치해 채팅상담 시 우선적으로 확인할 수 있습니다.
446                    </div>
447                </div>
448                <img src="/image/sub/custom/chat.png" alt="채팅 고객관리" class="animation fade_up" />
449            </div>
450        </section>
451        <section class="subcontent_block custom">
452            <div class="inner">
453                <div class="subtitle">
454                    <p class="main"><span>관리 담당인가요?</span><br />운영 환경에 맞춰 설정하고 관리해보세요</p>
455                </div>
456                <div class="container animation fade_up">
457                    <div class="wrap top">
458                        <div class="card blue card_1">
459                            <p class="name">손쉬운 구성원·조직 관리</p>
460                            <p class="text">
461                                직급, 구성원, 조직도를 생성하고 관리할 수 있어요.<br />
462                                입·퇴사자가 발생해도 수정이 간편하고<br />
463                                부서 이동이나 직급 변동 반영도 쉽게 가능해요.
464                            </p>
465                            <img src="/image/sub/custom/custom_block_1.png" alt="이미지" />
466                        </div>
467                        <div class="card card_2">
468                            <p class="name">자주 사용하는 채팅상담 문구 설정</p>
469                            <p class="text">
470                                상담원이 채팅상담에서도 일관된 응대를 할 수 있도록<br />
471                                매크로 문구를 설정할 수 있어요.<br />
472                                첫 응대나 지연 등 특정 상황에 안내할 수 있는 문구를<br />
473                                미리 설정해보세요.
474                            </p>
475                            <img src="/image/sub/custom/custom_block_2.png" alt="이미지" />
476                        </div>
477                    </div>
478                </div>
479            </div>
480        </section>
481
482        <div class="subcontent_box">
483            <div class="inner">
484                <div class="subtitle">
485                    <p class="main">고객관리 방법만 바꿔도 이렇게 달라져요</p>
486                    <p class="sub">방식의 변화가 차이를 만듭니다</p>
487                </div>
488                <div class="middle">
489                    <div class="box">
490                        <div class="left">
491                            <p class="name">사용료<span>(CRM X 10명)</span></p>
492                            <div class="img_wrap">
493                                <img src="/image/graph_5.svg" alt="그래프 이미지" />
494                                <div class="chart">
495                                    <div class="chart">
496                                        <svg viewBox="0 0 320 160" aria-hidden="true">
497                                            <polyline class="animation line red" pathLength="1" points="0,140 300,30"></polyline>
498                                            <polyline class="animation line blue" pathLength="1" points="0,150 300,110"></polyline>
499                                        </svg>
500                                    </div>
501                                </div>
502                            </div>
503                        </div>
504                        <div class="line"></div>
505                        <div class="right">
506                            <p class="name">기능 만족도 (활용도)</p>
507                            <div class="img_wrap">
508                                <img src="/image/graph_6.svg" alt="그래프 이미지" class="pol
508y_base" />
509                                <img src="/image/poly_5.svg" alt="그래프 이미지-타사" class="poly poly_1 animation" style="animation-delay: 0.4s" />
510                                <img
511                                    src="/image/poly_6.svg"
512                                    alt="그래프 이미지-아톡비즈"
513                                    class="poly poly_2 animation"
514                                    style="animation-delay: 0.7s"
515                                />
516                            </div>
517                        </div>
518                    </div>
519                </div>
520            </div>
521        </div>
522
523        <div class="subcontent_start">
524            <div class="inner">
525                <div class="back">
526                    <img src="/image/sub_start_1.png" alt="이미지" class="left" />
527                    <img src="/image/sub_start_2.png" alt="이미지" class="right" />
528                    <div class="text">
529                        <p class="title">다양한 커스터마이징 기능 확인하셨나요?</p>
530                        <p class="sub">우리 회사에 ‘딱’ 맞게 화면을 구성해보세요!</p>
531                        <a href="/contact.html">지금 설정해보기</a>
532                    </div>
533                </div>
534            </div>
535        </div>
536
537        <div data-include="/inc/footer.html"></div>
538
539        
539<script src="/js/include.js"></script>
539
540    </body>
541</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.