helpdeskmx.com
내용
사람들 사이에서 티켓을 전달하고 알림을 쫓는 대신 미리 규칙을 설정합니다. 티켓은 자동으로 할당, 업데이트, 에스컬레이션 또는 일시 중지되고 계속할 시간이 되면 활성 목록으로 돌아옵니다.
자동화는 관리할 또 다른 레이어를 추가하는 대신 프로세스를 따를 때 가장 잘 작동합니다. 일관된 규칙이 있으면 티켓은 매번 같은 방식으로 처리되어 볼륨이 급증해도 소유권, 긴급도, 다음 단계가 안정적으로 유지됩니다.
워크플로우와 자동화는 일상적인 티켓 결정을 명확한 규칙으로 전환하여 볼륨이 증가해도 팀이 수동으로 티켓을 분류하고 전달할 필요가 없습니다.
티켓이 쌓이고 긴급한 대화가 너무 오래 기다리는 대신 워크플로우가 소유권을 할당하고 우선순위를 설정하며 응답이 지연될 때 에스컬레이션을 트리거할 수 있습니다.
티켓 도착 시 부서 할당, 우선순위 설정, SLA 적용과 같은 표준 시나리오에 적합합니다. 이러한 규칙은 기술적 작업 없이 지원 관리자가 유지할 수 있습니다.
새 티켓을 올바른 부서나 상담원에게 자동으로 라우팅하는 규칙을 설정하여 수동으로 티켓을 분류하거나 팀 간에 전달하는 시간을 낭비하지 마세요.
스토어, 주제, 키워드, 고객 세부 정보 또는 지원 조직 방식과 일치하는 기타 조건으로 티켓을 라우팅할 수 있습니다. 이를 통해 라우팅을 예측 가능하게 유지하고 핸드오프를 줄이며 스마트 티켓 라우팅 및 자동 할당으로 처음부터 모든 티켓에 명확한 소유권을 부여합니다.
스크립트를 사용하면 표준 규칙으로 표현하기 어려운 로직이 필요할 때 워크플로우를 확장할 수 있습니다. 여러 요소를 한 번에 결합하고 티켓 기록, 태그, 사용자 정의 필드, 고객 컨텍스트를 사용하여 단순한 if-then 라우팅을 넘어서는 결정을 내릴 수 있습니다.
프로세스가 헬프데스크 외부의 데이터에 의존하거나 다음 단계 전에 추가 확인이 필요한 경우에 유용합니다. 스크립트는 CRM, ERP 또는 청구 도구와 같은 외부 시스템에서 세부 정보를 가져온 다음 올바른 컨텍스트로 티켓을 업데이트할 수 있어 상담원이 추측, 후속 질문 또는 수동 확인에 소요되는 시간을 줄일 수 있습니다.
핵심 워크플로우 블록 외에도 하루 종일 티켓이 처리되는 방식을 미세 조정할 수 있습니다: 변경 사항에 즉시 대응하고, 후속 조치가 누락되지 않도록 하며, 같은 클릭을 반복하지 않고 일관된 작업을 적용합니다.
새 티켓 도착, 고객 응답 또는 상태 변경과 같은 일이 발생할 때 작업을 트리거합니다.
이를 통해 즉시 대응하고 올바른 필드를 업데이트하며 수동 확인 없이 워크플로우가 진행되도록 할 수 있습니다.
고객이나 다른 팀을 기다리는 티켓을 일시 중지하고 활성 대기열에서 제외합니다. 시스템이 적절한 순간에 다시 가져오므로 기억에 의존하지 않고 후속 조치가 일정대로 유지됩니다.
상태, 우선순위, 태그, 부서 또는 담당자 업데이트 및 알림 전송과 같은 여러 결정을 하나의 규칙으로 적용합니다. 이를 통해 처리가 일관되게 유지되고 반복적인 일상 업무 시간이 절약됩니다.
응답이 지연될 때 우선순위를 높이거나 티켓을 재할당하거나 팀원에게 알리는 시간 기반 규칙을 설정합니다. 이를 통해 중요한 요청이 너무 오래 방치되는 것을 방지하고 바쁜 기간에도 일관성을 유지할 수 있습니다.
다양한 요청 유형이나 고객 그룹에 대한 응답 시간 기대치를 정의하고 워크플로우가 이를 적용하도록 합니다. 티켓이 제한을 위반할 위험이 있을 때 자동으로 에스컬레이션되거나 우선순위가 재조정되어 티켓 볼륨이 증가해도 팀이 서비스 수준을 안정적으로 유지할 수 있습니다.
피크 시간대에 여러 채널에서 요청이 들어오면 수동 분류는 빠르게 지연과 놓친 후속 조치로 이어집니다. 티켓은 하나의 대기열에 쌓이고 팀 간에 전달되며 긴급한 문제는 단지 아무도 먼저 알아차리지 못했기 때문에 너무 오래 방치될 수 있습니다.
워크플로우 규칙을 통해 티켓 도착 시 라우팅과 우선순위가 즉시 적용되고, 지연된 대화는 자동으로 에스컬레이션되며, 대기 중인 티켓은 일시 중지되었다가 적절한 순간에 복귀할 수 있습니다. 복잡한 케이스의 경우 스크립트가 외부 시스템에서 추가 세부 정보를 가져와 티켓에 추가할 수 있어 상담원이 추가적인 왕복 커뮤니케이션 대신 실제 컨텍스트로 시작할 수 있습니다.
Unified Inbox도 사용하는 경우 동일한 워크플로우 규칙으로 이메일, 라이브 채팅 및 양식의 티켓을 하나의 일관된 프로세스로 안내할 수 있습니다.
티켓 자동화는 정의한 조건에 따라 일관된 작업을 적용하여 볼륨이 급증해도 워크플로우가 예측 가능하게 유지됩니다. 단순 규칙은 표준 케이스를 다루지만 자동화는 라우팅, 우선순위, SLA, 에스컬레이션을 결합하여 티켓이 막히거나 간과되는 것을 방지할 수 있습니다.
자동화 및 워크플로우 규칙을 통해 스토어, 주제, 키워드 또는 고객 세부 정보와 같은 조건을 정의하면 시스템이 자동으로 티켓을 올바른 부서나 상담원에게 라우팅합니다. 이를 통해 수동 분류와 핸드오프가 줄어들어 요청이 처음부터 올바른 전문가에게 더 빠르게 도달합니다.
예. 다양한 요청 유형이나 고객 그룹에 대해 SLA 목표를 설정할 수 있으며 응답이 지연되면 시스템이 티켓을 에스컬레이션하거나 우선순위를 재조정할 수 있습니다. 이를 통해 지속적인 대기열 모니터링 없이 응답 시간을 관리할 수 있습니다.
아니요. 대부분의 워크플로우는 간단한 조건과 작업으로 구축되어 지원 관리자가 개발 작업 없이 유지할 수 있습니다. 스크립트는 선택 사항이며 외부 시스템의 추가 로직이나 데이터가 필요한 고급 케이스용입니다.
원문 자막 펼치기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shopify 헬프데스크 워크플로우 및 자동화 — 라우팅, SLA, 매크로</title>
<meta name="description" content="Shopify 고객 지원 자동화: 워크플로우 규칙, 티켓 자동 라우팅, SLA 관리, 매크로 기능. 수작업 분류를 줄이고 문의량이 늘어도 빠르게 응답하세요.">
<link rel="preload" as="style" href="https://helpdeskmx.com/build/assets/app-B0ir17e8.css"><link rel="stylesheet" href="https://helpdeskmx.com/build/assets/app-B0ir17e8.css">
<link rel="icon" type="image/svg+xml" href="https://helpdeskmx.com/assets/favicon.svg">
<link rel="alternate" hreflang="en" href="https://helpdeskmx.com/features/automation">
<link rel="alternate" hreflang="de" href="https://helpdeskmx.com/de/features/automation">
<link rel="alternate" hreflang="es" href="https://helpdeskmx.com/es/features/automation">
<link rel="alternate" hreflang="fr" href="https://helpdeskmx.com/fr/features/automation">
<link rel="alternate" hreflang="it" href="https://helpdeskmx.com/it/features/automation">
<link rel="alternate" hreflang="pt-br" href="https://helpdeskmx.com/pt-br/features/automation">
<link rel="alternate" hreflang="pt-pt" href="https://helpdeskmx.com/pt-pt/features/automation">
<link rel="alternate" hreflang="nl" href="https://helpdeskmx.com/nl/features/automation">
<link rel="alternate" hreflang="pl" href="https://helpdeskmx.com/pl/features/automation">
<link rel="alternate" hreflang="ja" href="https://helpdeskmx.com/ja/features/automation">
<link rel="alternate" hreflang="ko" href="https://helpdeskmx.com/ko/features/automation">
<link rel="alternate" hreflang="zh-cn" href="https://helpdeskmx.com/zh-cn/features/automation">
<link rel="alternate" hreflang="zh-tw" href="https://helpdeskmx.com/zh-tw/features/automation">
<link rel="alternate" hreflang="cs" href="https://helpdeskmx.com/cs/features/automation">
<link rel="alternate" hreflang="da" href="https://helpdeskmx.com/da/features/automation">
<link rel="alternate" hreflang="fi" href="https://helpdeskmx.com/fi/features/automation">
<link rel="alternate" hreflang="nb" href="https://helpdeskmx.com/nb/features/automation">
<link rel="alternate" hreflang="sv" href="https://helpdeskmx.com/sv/features/automation">
<link rel="alternate" hreflang="th" href="https://helpdeskmx.com/th/features/automation">
<link rel="alternate" hreflang="tr" href="https://helpdeskmx.com/tr/features/automation">
<link rel="alternate" hreflang="uk" href="https://helpdeskmx.com/uk/features/automation">
<link rel="alternate" hreflang="x-default" href="https://helpdeskmx.com/features/automation">
<!--Had no access to nginx server configuration, tried to cache with meta tag -->
<meta http-equiv="Cache-control" content="public">
<link rel="canonical" href="https://helpdeskmx.com/ko/features/automation/">
<meta property="og:locale" content="ko_KR">
<meta property="og:title" content="Shopify 헬프데스크 워크플로우 및 자동화 — 라우팅, SLA, 매크로">
<meta property="og:description" content="Shopify 고객 지원 자동화: 워크플로우 규칙, 티켓 자동 라우팅, SLA 관리, 매크로 기능. 수작업 분류를 줄이고 문의량이 늘어도 빠르게 응답하세요.">
<meta property="og:image" content="https://helpdeskmx.com/assets/og.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://helpdeskmx.com/ko/features/automation/">
<meta property="og:site_name" content="Helpdesk MX - 이커머스용 헬프데스크 및 실시간 채팅">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Shopify 헬프데스크 워크플로우 및 자동화 — 라우팅, SLA, 매크로">
<meta name="twitter:description" content="Shopify 고객 지원 자동화: 워크플로우 규칙, 티켓 자동 라우팅, SLA 관리, 매크로 기능. 수작업 분류를 줄이고 문의량이 늘어도 빠르게 응답하세요.">
<meta name="twitter:image" content="https://helpdeskmx.com/assets/og.png">
</head>
<body>
<header class="flex items-center h-[76px] bg-lotion border-b ">
<div class="container flex items-center">
<a href="/ko/" class="relative mr-16">
<img src="https://helpdeskmx.com/assets/logo.svg" alt="Helpdesk MX" class="logo" width="200px" height="45px">
</a>
<div class="z-20 ml-auto lg:mx-auto" x-data="{open: false}">
<div class="lg:hidden">
<div class="flex justify-end" x-cloak>
<a x-on:click.prevent="$dispatch('toggle-mobile-menu')" href="#" class="flex cursor-pointer items-center justify-center text-secondary" :class="{ 'ml-auto': open }">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" viewbox="0 0 24 24" class="hidden" width="24" height="24" :class="{ 'hidden' : !open, 'block': open }" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000" viewbox="0 0 24 24" width="24" height="24" :class="{ 'hidden' : open, 'block': !open }" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</a>
</div>
</div>
<div class="ml-auto hidden flex-grow flex-col lg:flex lg:flex-row" x-on:toggle-mobile-menu.window="open=!open;" :class="{ '!flex absolute top-[59px] p-4 bg-white left-0 w-full shadow z-10' : open }">
<ul class="flex list-none flex-col gap-2 lg:flex-row lg:items-center lg:gap-12">
<li class="py-2" x-data="{open: false}" x-on:click.outside="open=false;">
<a class="flex items-center gap-1 font-semibold no-underline text-body hover:text-primary" :class="open && '!text-primary'" href="/ko/features/" x-on:click.prevent="open = !open;">
기능
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" width="16" height="16" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>
</a>
<div x-show="open" style="display: none">
<div class="z-10 grid rounded bg-white p-2 lg:absolute lg:mt-2 lg:shadow lg:grid-cols-2">
<a href="/ko/features/omnichannel/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">옴니채널 지원</strong>
<small class="block text-subdued">모든 채널에서 원활한 지원 제공</small>
</div>
</a>
<a href="/ko/features/canned-responses/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">미리 작성된 응답</strong>
<small class="block text-subdued">저장된 템플릿과 빠른 답변으로 더 빠르게 응답</small>
</div>
</a>
<a href="/ko/features/unified-inbox/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">통합 받은편지함</strong>
<small class="block text-subdued">모든 지원 채널을 하나의 티켓 목록에서 관리</small>
</div>
</a>
<a href="/ko/features/automation/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">워크플로우 및 자동화</strong>
<small class="block text-subdued">티켓 라우팅, 할당 및 워크플로우 자동화</small>
</div>
</a>
<a href="/ko/features/live-chat/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">실시간 채팅</strong>
<small class="block text-subdued">실시간으로 쇼핑객과 채팅하고 전환율 향상</small>
</div>
</a>
<a href="/ko/features/departments-and-teams/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">부서 및 팀</strong>
<small class="block text-subdued">티켓을 적합한 팀으로 라우팅하고 담당자를 명확히 지정</small>
</div>
</a>
<a href="/ko/features/social-messages/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">소셜 메시지</strong>
<small class="block text-subdued">소셜 채널의 DM 및 댓글 관리</small>
</div>
</a>
<a href="/ko/features/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">모든 기능</strong>
<small class="block text-subdued">HelpdeskMX의 모든 기능 보기</small>
</div>
</a>
</div>
</div>
</li>
<li class="py-2">
<a class="flex items-center gap-1 font-semibold no-underline text-body hover:text-primary" href="/ko/pricing/">
가격
</a>
</li>
<li class="py-2">
<a class="flex items-center gap-1 font-semibold no-underline text-body hover:text-primary" href="https://docs.helpdeskmx.com/ko/" target="_blank">
문서
</a>
</li>
<li class="py-2">
<a class="flex items-center gap-1 font-semibold no-underline text-body hover:text-primary" href="/ko/blog/">
Blog
</a>
</li>
<li class="py-2" x-data="{open: false}" x-on:click.outside="open=false;">
<a class="flex items-center gap-1 font-semibold no-underline text-body hover:text-primary" :class="open && '!text-primary'" href="#" x-on:click.prevent="open = !open;">
더보기
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" width="16" height="16" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>
</a>
<div x-show="open" style="display: none">
<div class="z-10 grid rounded bg-white p-2 lg:absolute lg:mt-2 lg:shadow">
<a href="/ko/about/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">회사 소개</strong>
<small class="block text-subdued">우리의 이야기와 목표 알아보기</small>
</div>
</a>
<a href="/ko/contact-us/" class="grid gap-3 rounded p-3 no-underline hover:bg-primary-hovered hover:bg-opacity-5 active:bg-opacity-10">
<div class="text-start">
<strong class="block font-medium text-body">문의하기</strong>
<small class="block text-subdued">질문이 있으신가요? 저희 팀에 문의하세요</small>
</div>
</a>
</div>
</div>
</li>
</ul>
<div class="lg:hidden mt-4 pt-4 border-t">
<div class="relative" x-data="{open: false}" x-on:click.outside="open=false;">
<button type="button" class="flex items-center gap-1 font-semibold text-body hover:text-primary px-2 py-1" x-on:click.prevent="open = !open;">
<span>한국어</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" width="16" height="16" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>
</button>
<div x-show="open" style="display: none" class="lg:absolute lg:right-0 mt-2 bg-white rounded lg:shadow-lg z-50 min-w-[140px] whitespace-nowrap">
<a href="/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>English</span>
</a>
<a href="/de/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Deutsch</span>
</a>
<a href="/es/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Español</span>
</a>
<a href="/fr/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Français</span>
</a>
<a href="/it/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Italiano</span>
</a>
<a href="/pt-br/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Português (BR)</span>
</a>
<a href="/pt-pt/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Português (PT)</span>
</a>
<a href="/nl/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Nederlands</span>
</a>
<a href="/pl/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Polski</span>
</a>
<a href="/ja/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>日本語</span>
</a>
<a href="/ko/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body bg-gray-50">
<span>한국어</span>
</a>
<a href="/zh-cn/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>中文 (简体)</span>
</a>
<a href="/zh-tw/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>中文 (繁體)</span>
</a>
<a href="/cs/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Čeština</span>
</a>
<a href="/da/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Dansk</span>
</a>
<a href="/fi/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Suomi</span>
</a>
<a href="/nb/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Norsk</span>
</a>
<a href="/sv/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Svenska</span>
</a>
<a href="/th/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>ไทย</span>
</a>
<a href="/tr/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Türkçe</span>
</a>
<a href="/uk/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Українська</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="hidden gap-3 lg:flex items-center">
<div class="relative" x-data="{open: false}" x-on:click.outside="open=false;">
<button type="button" class="flex items-center gap-1 font-semibold text-body hover:text-primary px-2 py-1" x-on:click.prevent="open = !open;">
<span>한국어</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewbox="0 0 24 24" width="16" height="16" role="img">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 9-7 7-7-7"></path>
</svg>
</button>
<div x-show="open" style="display: none" class="lg:absolute lg:right-0 mt-2 bg-white rounded lg:shadow-lg z-50 min-w-[140px] whitespace-nowrap">
<a href="/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>English</span>
</a>
<a href="/de/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Deutsch</span>
</a>
<a href="/es/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Español</span>
</a>
<a href="/fr/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Français</span>
</a>
<a href="/it/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Italiano</span>
</a>
<a href="/pt-br/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Português (BR)</span>
</a>
<a href="/pt-pt/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Português (PT)</span>
</a>
<a href="/nl/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Nederlands</span>
</a>
<a href="/pl/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Polski</span>
</a>
<a href="/ja/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>日本語</span>
</a>
<a href="/ko/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body bg-gray-50">
<span>한국어</span>
</a>
<a href="/zh-cn/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>中文 (简体)</span>
</a>
<a href="/zh-tw/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>中文 (繁體)</span>
</a>
<a href="/cs/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Čeština</span>
</a>
<a href="/da/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Dansk</span>
</a>
<a href="/fi/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Suomi</span>
</a>
<a href="/nb/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Norsk</span>
</a>
<a href="/sv/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Svenska</span>
</a>
<a href="/th/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>ไทย</span>
</a>
<a href="/tr/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Türkçe</span>
</a>
<a href="/uk/features/automation/" class="flex items-center gap-2 px-4 py-2 hover:bg-gray-100 no-underline text-body ">
<span>Українська</span>
</a>
</div>
</div>
<a data-event="click_shopify_app_store" data-position="header" aria-label="Shopify App Store" href="https://apps.shopify.com/helpdesk-mx/?utm_source=site&utm_medium=content&utm_campaign=direct" class="!bg-body h-[52px] text-white flex gap-4 flex-nowrap px-4 rounded items-center no-underline hover:opacity-85 active:opacity-95 !px-4" target="_blank">
<svg class="" width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M27.8801 6.54177C27.8692 6.47426 27.8316 6.41221 27.774 6.36633C27.7163 6.32046 27.6421 6.29365 27.5643 6.29052C27.4207 6.29052 24.8916 6.24027 24.8916 6.24027C24.8916 6.24027 23.3403 4.93249 22.7653 4.42935V31.6107L31.7882 29.6509C31.7882 29.6509 27.9088 6.69253 27.8801 6.54177ZM20.7251 4.42935C20.5872 4.04895 20.4141 3.67901 20.2075 3.3232C19.4581 2.0663 18.3396 1.38477 17.0173 1.38477C16.9207 1.38184 16.8242 1.39029 16.7302 1.4099C16.7014 1.35965 16.644 1.33452 16.6153 1.28427C16.041 0.733394 15.2944 0.482139 14.4028 0.50538C12.6799 0.555631 10.957 1.63603 9.57515 3.57257C8.59812 4.9306 7.85226 6.64039 7.64982 7.9733C5.66706 8.50093 4.28803 8.87844 4.25931 8.90357C3.25429 9.17995 3.22486 9.20507 3.11072 10.0342C3.02458 10.6624 0.382812 28.3645 0.382812 28.3645L22.1041 31.661V4.12784C21.9984 4.13137 21.893 4.13975 21.7883 4.15297C21.7883 4.15297 21.3863 4.25347 20.7251 4.42935ZM16.7596 5.511C15.611 5.81251 14.3454 6.16426 13.1099 6.49152C13.4545 5.30937 14.1444 4.12784 14.9491 3.35084C15.265 3.07446 15.6964 2.7472 16.1846 2.5462C16.6734 3.44883 16.7883 4.68123 16.7596 5.511ZM14.4028 1.53804C14.7648 1.52809 15.1229 1.60545 15.438 1.76165C14.9786 1.96266 14.5184 2.28992 14.0877 2.6668C12.9958 3.6982 12.1624 5.30497 11.8178 6.84077C10.7826 7.11778 9.74815 7.39416 8.80272 7.64541C9.43157 5.23399 11.7589 1.58829 14.4028 1.53804ZM11.0698 15.3677C11.1846 16.9764 16.041 17.3288 16.3282 21.1252C16.5292 24.1177 14.5177 26.1541 11.6153 26.3055C8.10997 26.5065 6.18464 24.6962 6.18464 24.6962L6.93123 21.9324C6.93123 21.9324 8.85656 23.215 10.4086 23.1145C11.4136 23.0643 11.7883 22.335 11.7589 21.8319C11.6153 19.7201 7.64982 19.8457 7.39138 16.3759C7.16166 13.4588 9.34543 10.5173 14.1731 10.2402C16.0396 10.1397 16.9893 10.5424 16.9893 10.5424L15.8974 14.1604C15.8974 14.1604 14.662 13.6579 13.1961 13.7584C11.0698 13.8847 11.041 15.0656 11.0698 15.3677ZM17.9089 5.20887C17.9089 4.4551 17.794 3.37345 17.3913 2.46831C18.7136 2.69444 19.3454 3.97584 19.6332 4.75661C19.1159 4.88224 18.5411 5.03299 17.9089 5.20887Z" fill="currentColor"></path>
</svg>
<div class="text-left whitespace-nowrap">
<div class="font-semibold uppercase leading-snug tracking-wider text-[8px] opacity-80">다음에서 찾기</div>
<div class="font-medium leading-snug">Shopify 앱스토어</div>
</div>
</a> </div>
</div>
</header>
<div class="bg-lotion">
<nav class="container mx-auto">
<ol class="p-4 pl-0 rounded flex text-sm font-medium z-1 items-center">
<li>
<a href="https://helpdeskmx.com/" class="text-primary-gray hover hover:text-primary">
<svg class="size-5 fill-current" xmlns="http://www.w3.org/2000/svg" id="mdi/home" viewbox="0 0 24 24"><path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"></path></svg> </a>
</li>
<li class="px-2">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-right" viewbox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path></svg> </li>
<li>
<a href="/ko/features/" class="text-primary-active no-underline hover:underline">
기능
</a>
</li>
<li class="px-2">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-right" viewbox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path></svg> </li>
<li class="whitespace-nowrap truncate">
워크플로우 및 자동화
</li>
</ol>
</nav>
</div>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/helpdeskmx.com\/","name":"Helpdesk MX"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/helpdeskmx.com\/ko\/features\/","name":"\uae30\ub2a5"}},{"@type":"ListItem","position":3,"item":{"@id":"http:\/\/helpdeskmx.com\/ko\/features\/automation","name":"\uc6cc\ud06c\ud50c\ub85c\uc6b0 \ubc0f \uc790\ub3d9\ud654"}}]}</script>
<div class="flex flex-col gap-12">
<section class="relative overflow-hidden bg-lotion">
<div class="container pt-16 pb-8 text-center">
<div>
<h1 class="mb-4 mx-auto"><span class="highlight">워크플로우 자동화</span>로 더 많은 티켓 처리</h1>
<p class="mx-auto mb-8 max-w-3xl text-lg font-medium">규칙 기반 자동화로 우선순위를 명확하게 유지하고, 응답 시간을 지키면서 수작업을 줄여 더 많은 티켓을 처리하세요. 이메일, <a href="/ko/features/live-chat/" class="text-primary underline hover:no-underline">라이브 채팅</a>, 문의 양식을 <a href="/ko/features/unified-inbox/" class="text-primary underline hover:no-underline">통합 수신함</a>에서 한 번에 관리할 수 있습니다. <a href="/ko/features/canned-responses/" class="text-primary underline hover:no-underline">저장 답변</a>을 자동화와 함께 활용하면 반복 문의를 일관되게 처리할 수 있습니다.</p>
<div class="flex justify-center gap-4"><div class="flex flex-wrap gap-4">
<a data-event="click_shopify_app_store" data-position="intro" aria-label="Shopify App Store" href="https://apps.shopify.com/helpdesk-mx/?utm_source=site&utm_medium=content&utm_campaign=direct" class="!bg-body h-[52px] text-white flex gap-4 flex-nowrap px-4 rounded items-center no-underline hover:opacity-85 active:opacity-95 " target="_blank">
<svg class="" width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M27.8801 6.54177C27.8692 6.47426 27.8316 6.41221 27.774 6.36633C27.7163 6.32046 27.6421 6.29365 27.5643 6.29052C27.4207 6.29052 24.8916 6.24027 24.8916 6.24027C24.8916 6.24027 23.3403 4.93249 22.7653 4.42935V31.6107L31.7882 29.6509C31.7882 29.6509 27.9088 6.69253 27.8801 6.54177ZM20.7251 4.42935C20.5872 4.04895 20.4141 3.67901 20.2075 3.3232C19.4581 2.0663 18.3396 1.38477 17.0173 1.38477C16.9207 1.38184 16.8242 1.39029 16.7302 1.4099C16.7014 1.35965 16.644 1.33452 16.6153 1.28427C16.041 0.733394 15.2944 0.482139 14.4028 0.50538C12.6799 0.555631 10.957 1.63603 9.57515 3.57257C8.59812 4.9306 7.85226 6.64039 7.64982 7.9733C5.66706 8.50093 4.28803 8.87844 4.25931 8.90357C3.25429 9.17995 3.22486 9.20507 3.11072 10.0342C3.02458 10.6624 0.382812 28.3645 0.382812 28.3645L22.1041 31.661V4.12784C21.9984 4.13137 21.893 4.13975 21.7883 4.15297C21.7883 4.15297 21.3863 4.25347 20.7251 4.42935ZM16.7596 5.511C15.611 5.81251 14.3454 6.16426 13.1099 6.49152C13.4545 5.30937 14.1444 4.12784 14.9491 3.35084C15.265 3.07446 15.6964 2.7472 16.1846 2.5462C16.6734 3.44883 16.7883 4.68123 16.7596 5.511ZM14.4028 1.53804C14.7648 1.52809 15.1229 1.60545 15.438 1.76165C14.9786 1.96266 14.5184 2.28992 14.0877 2.6668C12.9958 3.6982 12.1624 5.30497 11.8178 6.84077C10.7826 7.11778 9.74815 7.39416 8.80272 7.64541C9.43157 5.23399 11.7589 1.58829 14.4028 1.53804ZM11.0698 15.3677C11.1846 16.9764 16.041 17.3288 16.3282 21.1252C16.5292 24.1177 14.5177 26.1541 11.6153 26.3055C8.10997 26.5065 6.18464 24.6962 6.18464 24.6962L6.93123 21.9324C6.93123 21.9324 8.85656 23.215 10.4086 23.1145C11.4136 23.0643 11.7883 22.335 11.7589 21.8319C11.6153 19.7201 7.64982 19.8457 7.39138 16.3759C7.16166 13.4588 9.34543 10.5173 14.1731 10.2402C16.0396 10.1397 16.9893 10.5424 16.9893 10.5424L15.8974 14.1604C15.8974 14.1604 14.662 13.6579 13.1961 13.7584C11.0698 13.8847 11.041 15.0656 11.0698 15.3677ZM17.9089 5.20887C17.9089 4.4551 17.794 3.37345 17.3913 2.46831C18.7136 2.69444 19.3454 3.97584 19.6332 4.75661C19.1159 4.88224 18.5411 5.03299 17.9089 5.20887Z" fill="currentColor"></path>
</svg>
<div class="text-left whitespace-nowrap">
<div class="font-semibold uppercase leading-snug tracking-wider text-[8px] opacity-80">다음에서 찾기</div>
<div class="font-medium leading-snug">Shopify 앱스토어</div>
</div>
</a> <a data-event="click_book_demo" href="https://calendly.com/odrok/mx" class="btn btn-white" target="_blank" rel="nofollow">
데모 예약</a> </div></div>
</div>
<div class="mt-12 relative hidden lg:block">
<picture>
<source srcset="https://helpdeskmx.com/assets/resized/intro-bb2-w1730-x1.webp 1x, https://helpdeskmx.com/assets/resized/intro-bb2-w1730-x2.webp 2x, https://helpdeskmx.com/assets/resized/intro-f47-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/intro-bb2-w1730-x1.webp" alt="Workflow Rules" width="1730" height="1015" class="mx-auto">
</source></picture> </div>
</div>
</section>
<section class="container bg-lavender rounded-lg p-10">
<p class="text-xl leading-relaxed text-center mb-0 font-medium">
사람들 사이에서 티켓을 전달하고 알림을 쫓는 대신 미리 규칙을 설정합니다. 티켓은 자동으로 할당, 업데이트, 에스컬레이션 또는 일시 중지되고 계속할 시간이 되면 활성 목록으로 돌아옵니다.
</p>
</section>
<section class="container">
<div class="grid gap-12 lg:grid-cols">
<div>
<h2 class="mb-5 h2"><span class="highlight">일관된 의사결정</span>, 매번 적용</h2>
<p class="text-lg">자동화는 관리할 또 다른 레이어를 추가하는 대신 프로세스를 따를 때 가장 잘 작동합니다. 일관된 규칙이 있으면 티켓은 매번 같은 방식으로 처리되어 볼륨이 급증해도 소유권, 긴급도, 다음 단계가 안정적으로 유지됩니다.</p>
</div>
</div>
</section>
<div class="bg-lotion py-12">
<section class="container">
<div class="grid gap-12 lg:grid-cols-2">
<div class="lg:order-1">
<h3 class="mb-5 h2"><span class="highlight">통제력을 잃지 않고</span> 더 많은 티켓 처리</h3>
<p class="text-lg">워크플로우와 자동화는 일상적인 티켓 결정을 명확한 규칙으로 전환하여 볼륨이 증가해도 팀이 수동으로 티켓을 분류하고 전달할 필요가 없습니다.</p>
<p class="text-lg">티켓이 쌓이고 긴급한 대화가 너무 오래 기다리는 대신 워크플로우가 소유권을 할당하고 우선순위를 설정하며 응답이 지연될 때 에스컬레이션을 트리거할 수 있습니다.</p>
<p class="text-lg">티켓 도착 시 부서 할당, 우선순위 설정, SLA 적용과 같은 표준 시나리오에 적합합니다. 이러한 규칙은 기술적 작업 없이 지원 관리자가 유지할 수 있습니다.</p>
</div>
<div class="flex items-center">
<div class="relative">
<picture class="absolute inset-0 z-0 rounded-lg overflow-hidden opacity-50">
<source srcset="https://helpdeskmx.com/assets/resized/img_12-438-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/img_12-438-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/img_12-8a8-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/img_12-438-w651-x1.webp" alt="워크플로우 자동화로 더 많은 티켓 처리 Mipler Reports" width="651" height="585" loading="lazy" class="w-full h-full object-cover">
</source></picture>
<picture class="relative z-10 block">
<source srcset="https://helpdeskmx.com/assets/resized/event-condition-action-27f-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/event-condition-action-27f-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/event-condition-action-d6a-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/event-condition-action-27f-w651-x1.webp" alt="Workflow automation" width="651" height="585" loading="lazy" class="rounded">
</source></picture>
</div>
</div>
</div>
</section>
</div>
<section class="container">
<div class="grid gap-12 lg:grid-cols-2">
<div>
<h3 class="mb-5 h2">처음부터 모든 티켓을 <span class="highlight">올바른 팀</span>으로 라우팅</h3>
<p class="text-lg">새 티켓을 올바른 <a href="/features/departments-and-teams/">부서</a>나 상담원에게 자동으로 라우팅하는 규칙을 설정하여 수동으로 티켓을 분류하거나 팀 간에 전달하는 시간을 낭비하지 마세요.</p>
<p class="text-lg">스토어, 주제, 키워드, 고객 세부 정보 또는 지원 조직 방식과 일치하는 기타 조건으로 티켓을 라우팅할 수 있습니다. 이를 통해 라우팅을 예측 가능하게 유지하고 핸드오프를 줄이며 스마트 티켓 라우팅 및 자동 할당으로 처음부터 모든 티켓에 명확한 소유권을 부여합니다.</p>
</div>
<div class="flex items-center">
<div class="relative">
<picture class="absolute inset-0 z-0 rounded-lg overflow-hidden opacity-50">
<source srcset="https://helpdeskmx.com/assets/resized/img_13-021-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/img_13-021-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/img_13-094-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/img_13-021-w651-x1.webp" alt="워크플로우 자동화로 더 많은 티켓 처리 Mipler Reports" width="651" height="570" loading="lazy" class="w-full h-full object-cover">
</source></picture>
<picture class="relative z-10 block">
<source srcset="https://helpdeskmx.com/assets/resized/department-a8d-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/department-a8d-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/department-412-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/department-a8d-w651-x1.webp" alt="Smart Ticket Routing" width="651" height="570" loading="lazy" class="rounded">
</source></picture>
</div>
</div>
</div>
</section>
<div class="bg-lotion py-12">
<section class="container">
<div class="grid gap-12 lg:grid-cols-2">
<div class="lg:order-1">
<h3 class="mb-5 h2">복잡한 로직을 위해 <span class="highlight">스크립트</span>로 워크플로우 확장</h3>
<p class="text-lg">스크립트를 사용하면 표준 규칙으로 표현하기 어려운 로직이 필요할 때 워크플로우를 확장할 수 있습니다. 여러 요소를 한 번에 결합하고 티켓 기록, 태그, 사용자 정의 필드, 고객 컨텍스트를 사용하여 단순한 if-then 라우팅을 넘어서는 결정을 내릴 수 있습니다.</p>
<p class="text-lg">프로세스가 헬프데스크 외부의 데이터에 의존하거나 다음 단계 전에 추가 확인이 필요한 경우에 유용합니다. 스크립트는 CRM, ERP 또는 청구 도구와 같은 외부 시스템에서 세부 정보를 가져온 다음 올바른 컨텍스트로 티켓을 업데이트할 수 있어 상담원이 추측, 후속 질문 또는 수동 확인에 소요되는 시간을 줄일 수 있습니다.</p>
</div>
<div class="flex items-center">
<div class="relative">
<picture class="absolute inset-0 z-0 rounded-lg overflow-hidden opacity-50">
<source srcset="https://helpdeskmx.com/assets/resized/img_11-38d-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/img_11-38d-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/img_11-8f1-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/img_11-38d-w651-x1.webp" alt="워크플로우 자동화로 더 많은 티켓 처리 Mipler Reports" width="651" height="363" loading="lazy" class="w-full h-full object-cover">
</source></picture>
<picture class="relative z-10 block">
<source srcset="https://helpdeskmx.com/assets/resized/script-dea-w651-x1.webp 1x, https://helpdeskmx.com/assets/resized/script-dea-w651-x2.webp 2x, https://helpdeskmx.com/assets/resized/script-1a5-w640-x1.webp 640w" type="image/webp">
<img src="https://helpdeskmx.com/assets/resized/script-dea-w651-x1.webp" alt="Rules-based Automation" width="651" height="363" loading="lazy" class="rounded">
</source></picture>
</div>
</div>
</div>
</section>
</div>
<div class="container">
<div class="grid gap-12 lg:grid-cols">
<div class="lg:order-1">
<h3 class="mb-5 h2"><span class="highlight">대기열을 통제 하에</span> 유지하는 더 많은 방법</h3>
<p class="text-lg">핵심 워크플로우 블록 외에도 하루 종일 티켓이 처리되는 방식을 미세 조정할 수 있습니다: 변경 사항에 즉시 대응하고, 후속 조치가 누락되지 않도록 하며, 같은 클릭을 반복하지 않고 일관된 작업을 적용합니다.</p>
</div>
</div>
</div>
<div class="container">
<div class="flex flex-col gap-6">
<div class="grid gap-6 lg:grid-cols-5">
<div class="flex flex-col gap-6 lg:col-span-3">
<div class="rounded p-6 bg-chinese" data-aos="flip-up">
<div class="mb-4 flex items-center justify-center rounded-full bg-primary-blue size-14">
<svg class="size-6 fill-body" xmlns="http://www.w3.org/2000/svg" id="mdi/flash-outline" viewbox="0 0 24 24"><path d="M7,2H17L13.5,9H17L10,22V14H7V2M9,4V12H12V14.66L14,11H10.24L13.76,4H9Z"></path></svg> </div>
<div>
<h3 class="mb-4 h5">이벤트 기반 규칙</h3>
<p class="text-lg font-medium">새 티켓 도착, 고객 응답 또는 상태 변경과 같은 일이 발생할 때 작업을 트리거합니다.</p>
<p class="text-lg font-medium">이를 통해 즉시 대응하고 올바른 필드를 업데이트하며 수동 확인 없이 워크플로우가 진행되도록 할 수 있습니다.</p>
</div>
</div>
<div class="grid gap-6 lg:grid-cols-2">
<div class="rounded p-6 bg-lemon" data-aos="flip-up">
<div class="mb-4 flex items-center justify-center rounded-full bg-primary-blue size-14">
<svg class="size-6 fill-body" xmlns="http://www.w3.org/2000/svg" id="mdi/alarm-snooze" viewbox="0 0 24 24"><path d="M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M9,11H12.63L9,15.2V17H15V15H11.37L15,10.8V9H9V11Z"></path></svg> </div>
<h3 class="mb-4 h5">스누즈 후 나중에 복귀</h3>
<p class="text-lg font-medium">고객이나 다른 팀을 기다리는 티켓을 일시 중지하고 활성 대기열에서 제외합니다. 시스템이 적절한 순간에 다시 가져오므로 기억에 의존하지 않고 후속 조치가 일정대로 유지됩니다.</p>
</div>
<div class="rounded p-6 bg-flesh" data-aos="flip-up">
<div class="mb-4 flex items-center justify-center rounded-full bg-primary-blue size-14">
<svg class="size-6 fill-body" xmlns="http://www.w3.org/2000/svg" id="mdi/cogs" viewbox="0 0 24 24"><path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z"></path></svg> </div>
<h3 class="mb-4 h5">유연한 작업</h3>
<p class="text-lg font-medium">상태, 우선순위, 태그, 부서 또는 담당자 업데이트 및 알림 전송과 같은 여러 결정을 하나의 규칙으로 적용합니다. 이를 통해 처리가 일관되게 유지되고 반복적인 일상 업무 시간이 절약됩니다.</p>
</div>
</div>
</div>
<div class="flex flex-col gap-6 lg:col-span-2">
<div class="flex h-full flex-col rounded p-6 bg-lavender-light">
<div class="mb-4 flex items-center justify-center rounded-full bg-primary-blue size-14">
<svg class="size-6 fill-body" xmlns="http://www.w3.org/2000/svg" id="mdi/timer-alert-outline" viewbox="0 0 24 24"><path d="M9 8H11V14H9V8M13 1H7V3H13V1M17.03 7.39C18.26 8.93 19 10.88 19 13C19 17.97 15 22 10 22C5.03 22 1 17.97 1 13S5.03 4 10 4C12.12 4 14.07 4.74 15.62 6L17.04 4.56C17.55 5 18 5.46 18.45 5.97L17.03 7.39M17 13C17 9.13 13.87 6 10 6S3 9.13 3 13 6.13 20 10 20 17 16.87 17 13M21 7V13H23V7H21M21 17H23V15H21V17Z"></path></svg> </div>
<h3 class="mb-4 h5">시간 기반 에스컬레이션</h3>
<p class="text-lg font-medium">응답이 지연될 때 우선순위를 높이거나 티켓을 재할당하거나 팀원에게 알리는 시간 기반 규칙을 설정합니다. 이를 통해 중요한 요청이 너무 오래 방치되는 것을 방지하고 바쁜 기간에도 일관성을 유지할 수 있습니다.</p>
<div class="grow"></div>
</div>
<div class="rounded p-6 bg-magnolia" data-aos="flip-up">
<div class="mb-4 flex items-center justify-center rounded-full bg-primary-blue size-14">
<svg class="size-6 fill-body" xmlns="http://www.w3.org/2000/svg" id="mdi/clock-check-outline" viewbox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M13.1 19.9C12.7 20 12.4 20 12 20C7.6 20 4 16.4 4 12S7.6 4 12 4 20 7.6 20 12C20 12.4 20 12.7 19.9 13.1C20.6 13.2 21.2 13.4 21.8 13.7C21.9 13.1 22 12.6 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12C2 17.5 6.5 22 12 22C12.6 22 13.2 21.9 13.7 21.8C13.4 21.3 13.2 20.6 13.1 19.9M15.6 14.1L12.5 12.3V7H11V13L14.5 15.1C14.8 14.7 15.2 14.4 15.6 14.1Z"></path></svg> </div>
<h3 class="mb-4 h5">SLA 및 응답 시간 관리</h3>
<p class="text-lg font-medium">다양한 요청 유형이나 고객 그룹에 대한 응답 시간 기대치를 정의하고 워크플로우가 이를 적용하도록 합니다. 티켓이 제한을 위반할 위험이 있을 때 자동으로 에스컬레이션되거나 우선순위가 재조정되어 티켓 볼륨이 증가해도 팀이 서비스 수준을 안정적으로 유지할 수 있습니다.</p>
</div>
</div>
</div>
</div>
</div>
<section class="container">
<div class="grid gap-12 lg:grid-cols">
<div>
<h3 class="mb-5 h2">실제 워크플로우 시나리오</h3>
<p class="text-lg">피크 시간대에 여러 채널에서 요청이 들어오면 수동 분류는 빠르게 지연과 놓친 후속 조치로 이어집니다. 티켓은 하나의 대기열에 쌓이고 팀 간에 전달되며 긴급한 문제는 단지 아무도 먼저 알아차리지 못했기 때문에 너무 오래 방치될 수 있습니다.</p>
<p class="text-lg">워크플로우 규칙을 통해 티켓 도착 시 라우팅과 우선순위가 즉시 적용되고, 지연된 대화는 자동으로 에스컬레이션되며, 대기 중인 티켓은 일시 중지되었다가 적절한 순간에 복귀할 수 있습니다. 복잡한 케이스의 경우 스크립트가 외부 시스템에서 추가 세부 정보를 가져와 티켓에 추가할 수 있어 상담원이 추가적인 왕복 커뮤니케이션 대신 실제 컨텍스트로 시작할 수 있습니다.</p>
<p class="text-lg"><a href="/ko/features/unified-inbox/">Unified Inbox</a>도 사용하는 경우 동일한 워크플로우 규칙으로 이메일, 라이브 채팅 및 양식의 티켓을 하나의 일관된 프로세스로 안내할 수 있습니다.</p>
</div>
</div>
</section>
<section class="container">
<div class="border-t pt-6 border-divider-dark">
<h2 class="mb-4 h5">자동화 및 워크플로우 규칙에 대한 자주 묻는 질문</h2>
<div>
<div class="flex flex-col gap-2">
<div class="grid gap-2 border rounded" x-data="initFAQ()">
<div class="flex gap-4 items-center justify-between cursor-pointer p-4" x-on:click="open = !open">
<h3 class="text-lg font-semibold !mb-0">티켓 자동화란 무엇이며 단순 규칙과 어떻게 다릅니까?</h3>
<span x-show="!open">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-down" viewbox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg> </span>
<span x-show="open" style="display: none;">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-up" viewbox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg> </span>
</div>
<div class="px-4 pb-4" x-show="open" x-transition x-cloak>
<div class="article">
<p>티켓 자동화는 정의한 조건에 따라 일관된 작업을 적용하여 볼륨이 급증해도 워크플로우가 예측 가능하게 유지됩니다. 단순 규칙은 표준 케이스를 다루지만 자동화는 라우팅, 우선순위, SLA, 에스컬레이션을 결합하여 티켓이 막히거나 간과되는 것을 방지할 수 있습니다.</p> </div>
</div>
</div>
<div class="grid gap-2 border rounded" x-data="initFAQ()">
<div class="flex gap-4 items-center justify-between cursor-pointer p-4" x-on:click="open = !open">
<h3 class="text-lg font-semibold !mb-0">워크플로우 규칙은 스마트 티켓 라우팅과 자동 할당을 어떻게 처리합니까?</h3>
<span x-show="!open">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-down" viewbox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg> </span>
<span x-show="open" style="display: none;">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-up" viewbox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg> </span>
</div>
<div class="px-4 pb-4" x-show="open" x-transition x-cloak>
<div class="article">
<p>자동화 및 워크플로우 규칙을 통해 스토어, 주제, 키워드 또는 고객 세부 정보와 같은 조건을 정의하면 시스템이 자동으로 티켓을 올바른 부서나 상담원에게 라우팅합니다. 이를 통해 수동 분류와 핸드오프가 줄어들어 요청이 처음부터 올바른 전문가에게 더 빠르게 도달합니다.</p> </div>
</div>
</div>
<div class="grid gap-2 border rounded" x-data="initFAQ()">
<div class="flex gap-4 items-center justify-between cursor-pointer p-4" x-on:click="open = !open">
<h3 class="text-lg font-semibold !mb-0">헬프데스크 워크플로우가 수동 추적 없이 SLA 및 에스컬레이션을 적용할 수 있습니까?</h3>
<span x-show="!open">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-down" viewbox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg> </span>
<span x-show="open" style="display: none;">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-up" viewbox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg> </span>
</div>
<div class="px-4 pb-4" x-show="open" x-transition x-cloak>
<div class="article">
<p>예. 다양한 요청 유형이나 고객 그룹에 대해 SLA 목표를 설정할 수 있으며 응답이 지연되면 시스템이 티켓을 에스컬레이션하거나 우선순위를 재조정할 수 있습니다. 이를 통해 지속적인 대기열 모니터링 없이 응답 시간을 관리할 수 있습니다.</p> </div>
</div>
</div>
<div class="grid gap-2 border rounded" x-data="initFAQ()">
<div class="flex gap-4 items-center justify-between cursor-pointer p-4" x-on:click="open = !open">
<h3 class="text-lg font-semibold !mb-0">고객 지원 자동화를 설정하는 데 기술적 스킬이 필요합니까?</h3>
<span x-show="!open">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-down" viewbox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></path></svg> </span>
<span x-show="open" style="display: none;">
<svg class="size-5 fill-primary-gray" xmlns="http://www.w3.org/2000/svg" id="mdi/chevron-up" viewbox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg> </span>
</div>
<div class="px-4 pb-4" x-show="open" x-transition x-cloak>
<div class="article">
<p>아니요. 대부분의 워크플로우는 간단한 조건과 작업으로 구축되어 지원 관리자가 개발 작업 없이 유지할 수 있습니다. 스크립트는 선택 사항이며 외부 시스템의 추가 로직이나 데이터가 필요한 고급 케이스용입니다.</p> </div>
</div>
</div> </div>
<script>
function initFAQ() {
return {
open: false
}
}
</script>
</div>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"\ud2f0\ucf13 \uc790\ub3d9\ud654\ub780 \ubb34\uc5c7\uc774\uba70 \ub2e8\uc21c \uaddc\uce59\uacfc \uc5b4\ub5bb\uac8c \ub2e4\ub985\ub2c8\uae4c?","acceptedAnswer":{"@type":"Answer","text":"\ud2f0\ucf13 \uc790\ub3d9\ud654\ub294 \uc815\uc758\ud55c \uc870\uac74\uc5d0 \ub530\ub77c \uc77c\uad00\ub41c \uc791\uc5c5\uc744 \uc801\uc6a9\ud558\uc5ec \ubcfc\ub968\uc774 \uae09\uc99d\ud574\ub3c4 \uc6cc\ud06c\ud50c\ub85c\uc6b0\uac00 \uc608\uce21 \uac00\ub2a5\ud558\uac8c \uc720\uc9c0\ub429\ub2c8\ub2e4. \ub2e8\uc21c \uaddc\uce59\uc740 \ud45c\uc900 \ucf00\uc774\uc2a4\ub97c \ub2e4\ub8e8\uc9c0\ub9cc \uc790\ub3d9\ud654\ub294 \ub77c\uc6b0\ud305, \uc6b0\uc120\uc21c\uc704, SLA, \uc5d0\uc2a4\uceec\ub808\uc774\uc158\uc744 \uacb0\ud569\ud558\uc5ec \ud2f0\ucf13\uc774 \ub9c9\ud788\uac70\ub098 \uac04\uacfc\ub418\ub294 \uac83\uc744 \ubc29\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}},{"@type":"Question","name":"\uc6cc\ud06c\ud50c\ub85c\uc6b0 \uaddc\uce59\uc740 \uc2a4\ub9c8\ud2b8 \ud2f0\ucf13 \ub77c\uc6b0\ud305\uacfc \uc790\ub3d9 \ud560\ub2f9\uc744 \uc5b4\ub5bb\uac8c \ucc98\ub9ac\ud569\ub2c8\uae4c?","acceptedAnswer":{"@type":"Answer","text":"\uc790\ub3d9\ud654 \ubc0f \uc6cc\ud06c\ud50c\ub85c\uc6b0 \uaddc\uce59\uc744 \ud1b5\ud574 \uc2a4\ud1a0\uc5b4, \uc8fc\uc81c, \ud0a4\uc6cc\ub4dc \ub610\ub294 \uace0\uac1d \uc138\ubd80 \uc815\ubcf4\uc640 \uac19\uc740 \uc870\uac74\uc744 \uc815\uc758\ud558\uba74 \uc2dc\uc2a4\ud15c\uc774 \uc790\ub3d9\uc73c\ub85c \ud2f0\ucf13\uc744 \uc62c\ubc14\ub978 \ubd80\uc11c\ub098 \uc0c1\ub2f4\uc6d0\uc5d0\uac8c \ub77c\uc6b0\ud305\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc218\ub3d9 \ubd84\ub958\uc640 \ud578\ub4dc\uc624\ud504\uac00 \uc904\uc5b4\ub4e4\uc5b4 \uc694\uccad\uc774 \ucc98\uc74c\ubd80\ud130 \uc62c\ubc14\ub978 \uc804\ubb38\uac00\uc5d0\uac8c \ub354 \ube60\ub974\uac8c \ub3c4\ub2ec\ud569\ub2c8\ub2e4."}},{"@type":"Question","name":"\ud5ec\ud504\ub370\uc2a4\ud06c \uc6cc\ud06c\ud50c\ub85c\uc6b0\uac00 \uc218\ub3d9 \ucd94\uc801 \uc5c6\uc774 SLA \ubc0f \uc5d0\uc2a4\uceec\ub808\uc774\uc158\uc744 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\uae4c?","acceptedAnswer":{"@type":"Answer","text":"\uc608. \ub2e4\uc591\ud55c \uc694\uccad \uc720\ud615\uc774\ub098 \uace0\uac1d \uadf8\ub8f9\uc5d0 \ub300\ud574 SLA \ubaa9\ud45c\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc73c\uba70 \uc751\ub2f5\uc774 \uc9c0\uc5f0\ub418\uba74 \uc2dc\uc2a4\ud15c\uc774 \ud2f0\ucf13\uc744 \uc5d0\uc2a4\uceec\ub808\uc774\uc158\ud558\uac70\ub098 \uc6b0\uc120\uc21c\uc704\ub97c \uc7ac\uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc9c0\uc18d\uc801\uc778 \ub300\uae30\uc5f4 \ubaa8\ub2c8\ud130\ub9c1 \uc5c6\uc774 \uc751\ub2f5 \uc2dc\uac04\uc744 \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4."}},{"@type":"Question","name":"\uace0\uac1d \uc9c0\uc6d0 \uc790\ub3d9\ud654\ub97c \uc124\uc815\ud558\ub294 \ub370 \uae30\uc220\uc801 \uc2a4\ud0ac\uc774 \ud544\uc694\ud569\ub2c8\uae4c?","acceptedAnswer":{"@type":"Answer","text":"\uc544\ub2c8\uc694. \ub300\ubd80\ubd84\uc758 \uc6cc\ud06c\ud50c\ub85c\uc6b0\ub294 \uac04\ub2e8\ud55c \uc870\uac74\uacfc \uc791\uc5c5\uc73c\ub85c \uad6c\ucd95\ub418\uc5b4 \uc9c0\uc6d0 \uad00\ub9ac\uc790\uac00 \uac1c\ubc1c \uc791\uc5c5 \uc5c6\uc774 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2a4\ud06c\ub9bd\ud2b8\ub294 \uc120\ud0dd \uc0ac\ud56d\uc774\uba70 \uc678\ubd80 \uc2dc\uc2a4\ud15c\uc758 \ucd94\uac00 \ub85c\uc9c1\uc774\ub098 \ub370\uc774\ud130\uac00 \ud544\uc694\ud55c \uace0\uae09 \ucf00\uc774\uc2a4\uc6a9\uc785\ub2c8\ub2e4."}}]}</script>
</div>
</section>
<div class="relative bg-lotion overflow-hidden">
<div class="container py-10">
<div class="lg:max-w-sm" data-aos="slide-right">
<div class="relative flex flex-col gap-8">
<div class="h2">준비되셨나요 <span class="highlight">혁신할</span> 고객 지원을?</div>
<p class="text-xl font-medium">무료로 시작하고 모든 스토어, 티켓, 채팅을 하나의 헬프데스크에서 관리하세요.</p>
<div class="flex">
<a data-event="click_shopify_app_store" data-position="get-started" aria-label="Shopify App Store" href="https://apps.shopify.com/helpdesk-mx/?utm_source=site&utm_medium=content&utm_campaign=direct" class="!bg-body h-[52px] text-white flex gap-4 flex-nowrap px-4 rounded items-center no-underline hover:opacity-85 active:opacity-95 btn-lg" target="_blank">
<svg class="" width="32" height="32" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M27.8801 6.54177C27.8692 6.47426 27.8316 6.41221 27.774 6.36633C27.7163 6.32046 27.6421 6.29365 27.5643 6.29052C27.4207 6.29052 24.8916 6.24027 24.8916 6.24027C24.8916 6.24027 23.3403 4.93249 22.7653 4.42935V31.6107L31.7882 29.6509C31.7882 29.6509 27.9088 6.69253 27.8801 6.54177ZM20.7251 4.42935C20.5872 4.04895 20.4141 3.67901 20.2075 3.3232C19.4581 2.0663 18.3396 1.38477 17.0173 1.38477C16.9207 1.38184 16.8242 1.39029 16.7302 1.4099C16.7014 1.35965 16.644 1.33452 16.6153 1.28427C16.041 0.733394 15.2944 0.482139 14.4028 0.50538C12.6799 0.555631 10.957 1.63603 9.57515 3.57257C8.59812 4.9306 7.85226 6.64039 7.64982 7.9733C5.66706 8.50093 4.28803 8.87844 4.25931 8.90357C3.25429 9.17995 3.22486 9.20507 3.11072 10.0342C3.02458 10.6624 0.382812 28.3645 0.382812 28.3645L22.1041 31.661V4.12784C21.9984 4.13137 21.893 4.13975 21.7883 4.15297C21.7883 4.15297 21.3863 4.25347 20.7251 4.42935ZM16.7596 5.511C15.611 5.81251 14.3454 6.16426 13.1099 6.49152C13.4545 5.30937 14.1444 4.12784 14.9491 3.35084C15.265 3.07446 15.6964 2.7472 16.1846 2.5462C16.6734 3.44883 16.7883 4.68123 16.7596 5.511ZM14.4028 1.53804C14.7648 1.52809 15.1229 1.60545 15.438 1.76165C14.9786 1.96266 14.5184 2.28992 14.0877 2.6668C12.9958 3.6982 12.1624 5.30497 11.8178 6.84077C10.7826 7.11778 9.74815 7.39416 8.80272 7.64541C9.43157 5.23399 11.7589 1.58829 14.4028 1.53804ZM11.0698 15.3677C11.1846 16.9764 16.041 17.3288 16.3282 21.1252C16.5292 24.1177 14.5177 26.1541 11.6153 26.3055C8.10997 26.5065 6.18464 24.6962 6.18464 24.6962L6.93123 21.9324C6.93123 21.9324 8.85656 23.215 10.4086 23.1145C11.4136 23.0643 11.7883 22.335 11.7589 21.8319C11.6153 19.7201 7.64982 19.8457 7.39138 16.3759C7.16166 13.4588 9.34543 10.5173 14.1731 10.2402C16.0396 10.1397 16.9893 10.5424 16.9893 10.5424L15.8974 14.1604C15.8974 14.1604 14.662 13.6579 13.1961 13.7584C11.0698 13.8847 11.041 15.0656 11.0698 15.3677ZM17.9089 5.20887C17.9089 4.4551 17.794 3.37345 17.3913 2.46831C18.7136 2.69444 19.3454 3.97584 19.6332 4.75661C19.1159 4.88224 18.5411 5.03299 17.9089 5.20887Z" fill="currentColor"></path>
</svg>
<div class="text-left whitespace-nowrap">
<div class="font-semibold uppercase leading-snug tracking-wider text-[8px] opacity-80">다음에서 찾기</div>
<div class="font-medium leading-snug">Shopify 앱스토어</div>
</div>
</a> </div>
</div>
</div>
</div>
<svg width="110" height="58" viewbox="0 0 110 58" fill="none" class="absolute hidden lg:block" style="top: 60%; left: 30%;" data-aos="zoom-in" data-aos-delay="1000">
<path d="M98.6904 57.0147C98.5319 57.0231 98.375 56.9799 98.2433 56.8916C98.1115 56.8033 98.0121 56.6746 97.9599 56.5248C97.9077 56.3751 97.9056 56.2123 97.9538 56.0611C98.002 55.9098 98.098 55.7782 98.2273 55.686L106.274 49.9518C100.916 50.1633 91.705 50.124 82.1259 48.2455C72.9966 46.4545 65.633 43.4345 60.111 39.229C56.347 41.26 52.3255 42.7715 48.1567 43.722C41.5094 45.2387 34.5764 45.3056 28.1158 43.9086C21.6861 42.5156 16.2374 39.8783 11.4736 35.8321C7.09424 32.1116 3.36859 27.2554 0.081938 20.9905C-0.00830537 20.8182 -0.0263396 20.6171 0.0317942 20.4314C0.0899279 20.2456 0.219472 20.0904 0.391929 19.9999C0.564386 19.9094 0.765626 19.891 0.951384 19.9488C1.13714 20.0066 1.29219 20.1358 1.38244 20.308C7.97013 32.8712 16.564 39.916 28.4272 42.4757C34.6828 43.8249 41.3935 43.7621 47.8326 42.2924C51.6679 41.4179 55.3755 40.0537 58.8638 38.2333C56.5208 36.2874 54.4854 33.999 52.8262 31.4453C50.4655 27.7844 48.8656 23.9264 48.1969 20.2872C47.4027 15.9579 47.9081 12.0433 49.6997 8.65142C51.7036 4.86071 55.5178 1.88348 59.9043 0.686555C63.8337 -0.385375 67.7085 0.0815133 70.814 2.00158C73.5282 3.67873 75.5723 6.33256 76.7252 9.67458C77.8032 12.8382 77.992 16.2382 77.2712 19.5047C75.6648 26.6771 70.4219 31.9967 66.3072 35.1948C64.7837 36.3769 63.1851 37.4591 61.5217 38.4344C75.2857 48.4868 97.1311 48.8358 106.168 48.4881L97.6112 43.6521C97.4417 43.5565 97.3174 43.3974 97.2655 43.2099C97.2136 43.0224 97.2384 42.8218 97.3344 42.6523C97.4304 42.4828 97.5897 42.3583 97.7774 42.3061C97.9651 42.2539 98.1657 42.2783 98.3351 42.374L109.098 48.4584C109.207 48.5183 109.299 48.6049 109.365 48.7099C109.43 48.815 109.469 48.9351 109.475 49.0591C109.482 49.183 109.457 49.3067 109.403 49.4185C109.349 49.5303 109.268 49.6267 109.166 49.6985L99.0824 56.8842C98.9668 56.9643 98.8308 57.0096 98.6904 57.0147ZM75.8416 19.1858C76.5031 16.1851 76.3298 13.062 75.3407 10.1556C74.2975 7.13556 72.466 4.74714 70.0475 3.24591C67.2908 1.54224 63.8276 1.13473 60.2933 2.09965C56.2914 3.19027 52.8191 5.89449 51.0027 9.3312C49.5556 12.0697 46.9593 19.6276 54.0657 30.6471C54.4647 31.2644 54.8849 31.8612 55.3262 32.4374C56.767 34.3053 58.4266 35.9937 60.2697 37.4664C62.0626 36.4476 63.7805 35.3019 65.41 34.0381C69.3335 30.9863 74.3296 25.9335 75.8416 19.1858Z" fill="#0D141A"></path>
</svg>
<img data-aos="slide-left" data-aos-offset="-50" loading="lazy" src="https://helpdeskmx.com/assets/scrn/messages.png" alt="helpdesk" width="auto" height="359" style="max-height: 300px" class="absolute right-10 bottom-10 hidden lg:block">
</div> </div>
<footer class="relative z-10 pt-10 pb-3 bg-body lg:pt-20">
<div class="container">
<div class="mb-8 flex border-b pb-8 border-primary-gray">
<div class="h2 !text-white">지원을 다음 단계로 끌어올리세요</div>
<div class="ml-auto hidden gap-3 lg:flex">
<a href="https://app.helpdeskmx.com/auth/register" class="!bg-primary h-[52px] text-white flex gap-4 flex-nowrap px-4 rounded items-center no-underline hover:!bg-primary-gray">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" fill="white"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M19.22 4C19.5 4 19.75 4 19.96 4.05C20.13 5.44 19.94 8.3 16.66 11.58C14.96 13.29 12.93 14.6 10.65 15.47L8.5 13.37C9.42 11.06 10.73 9.03 12.42 7.34C15.18 4.58 17.64 4 19.22 4M19.22 2C17.24 2 14.24 2.69 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.62 17.27 10.13 17.5 10.66 17.5C10.89 17.5 11.13 17.44 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39S20.7 2 19.22 2M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.47 5.64 14.12L2 17.76V19.17Z"></path></svg>
<div class="text-left whitespace-nowrap">
<div class="font-medium leading-snug text-lg">지금 시작</div>
</div>
</a>
</div>
</div>
</div>
<div>
<div class="container">
<div class="grid gap-12 md:grid-cols-3 lg:grid-cols-5">
<div>
<ul class="grid list-none gap-2">
<li>
<a href="/ko/features/" class="!text-white no-underline hover:underline font-medium">모든 기능</a>
</li>
</ul>
</div>
<div>
<ul class="grid list-none gap-2">
<li>
<a href="/ko/contact-us/" class="!text-white no-underline hover:underline font-medium">문의하기</a>
</li>
</ul>
</div>
<div>
<ul class="grid list-none gap-2">
<li>
<a href="https://helpdeskmx.com/privacy/" class="!text-white no-underline hover:underline font-medium">개인정보 처리방침</a>
</li>
</ul>
</div>
<div>
<ul class="grid list-none gap-2">
<li>
<a href="https://helpdeskmx.com/terms/" class="!text-white no-underline hover:underline font-medium">이용약관</a>
</li>
<li>
<a href="https://helpdeskmx.com/knowledge-base/" class="!text-white no-underline hover:underline font-medium">Knowledge Base</a>
</li>
</ul>
</div>
<div>
<ul class="grid list-none gap-2">
<li>
<a href="/ko/integrations/shopify-helpdesk-app/" class="!text-white no-underline hover:underline font-medium">Shopify 헬프데스크 앱</a>
</li>
<li>
<a href="/ko/migration/" class="!text-white no-underline hover:underline font-medium">Helpdesk MX로 마이그레이션</a>
</li>
</ul>
</div>
</div>
</div> </div>
<div class="container">
<div class="mt-8 flex flex-col items-center justify-between gap-6 py-8 lg:flex-row">
<div class="flex items-center gap-24">
<div class="flex items-center">
<svg width="40" height="25" viewbox="0 0 40 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.2734 8.88605V21.301L39.9985 25V0L24.2734 8.88605ZM29.9448 14.6259L38.0222 23.1718L25.8202 20.2806L29.9448 14.6259ZM30.3315 14.0731L38.6666 2.59354V22.8741L30.3315 14.0731ZM37.5496 2.97619L25.6483 19.3452V9.69388L37.5496 2.97619Z" fill="white"></path>
<path d="M5.1218e-09 24.9154L22.5565 21.3015V10.8423L5.1218e-09 0.0429688V24.9154ZM15.6392 14.5838L2.87864 2.93413L20.7949 11.5226L15.6392 14.5838ZM15.0377 14.9239L1.33191 23.0872V2.46644L15.0377 14.9239ZM2.62085 23.1297L21.1816 12.0753V20.1535L2.62085 23.1297Z" fill="white"></path>
</svg>
<a href="https://sense.pro/" rel="nofollow" target="_blank" class="ml-3 text-xs text-white no-underline">디자인<br> Sense Production</a>
</div>
</div>
<div class="text-sm text-white">© 2026 Helpdesk MX & Live Chat. 모든 권리 보유.</div>
</div>
</div>
</footer>
<script>
(function(){window.$mx=window.$mx||function(){(window.$mx.q=window.$mx.q||[]).push(arguments[0])};})();
</script>
<script src="https://app.helpdeskmx.com/chat-widget.js?key=d2d49f48-3c7b-49ef-8f12-5e703b19ecae&locale=ko" async></script>
<!-- Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SC5V9H9LGE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SC5V9H9LGE');
</script>
<!-- End Google Tag Manager -->
<!-- Mixpanel Tracking Code -->
<script type="text/javascript">
(function (f, b) {
if (!b.__SV) {
var e, g, i, h;
window.mixpanel = b;
b._i = [];
b.init = function (e, f, c) {
function g(a, d) {
var b = d.split(".");
2 == b.length && (a = a[b[0]], d = b[1]);
a[d] = function () {
a.push([d].concat(Array.prototype.slice.call(arguments, 0)))
}
}
var a = b;
"undefined" !== typeof c ? a = b[c] = [] : c = "mixpanel";
a.people = a.people || [];
a.toString = function (a) {
var d = "mixpanel";
"mixpanel" !== c && (d += "." + c);
a || (d += " (stub)");
return d
};
a.people.toString = function () {
return a.toString(1) + ".people (stub)"
};
i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
for (h = 0; h < i.length; h++) g(a, i[h]);
var j = "set set_once union unset remove delete".split(" ");
a.get_group = function () {
function b(c) {
d[c] = function () {
call2_args = arguments;
call2 = [c].concat(Array.prototype.slice.call(call2_args, 0));
a.push([e, call2])
}
}
for (var d = {}, e = ["get_group"].concat(Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]);
return d
};
b._i.push([e, f, c])
};
b.__SV = 1.2;
e = f.createElement("script");
e.type = "text/javascript";
e.async = !0;
e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ?
MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";
g = f.getElementsByTagName("script")[0];
g.parentNode.insertBefore(e, g)
}
})(document, window.mixpanel || []);
// Enabling the debug mode flag is useful during implementation,
// but it's recommended you remove it for production
mixpanel.init('79e8da726f4ae031bbba6de3d8013c21', {debug: true});
mixpanel.register({
ab: 'B',
locale: 'ko'
});
mixpanel.track('page_view', {title: document.title});
</script>
<script type="text/javascript">
(function (c, l, a, r, i, t, y) {
c[a] = c[a] || function () {
(c[a].q = c[a].q || []).push(arguments)
};
t = l.createElement(r);
t.async = 1;
t.src = "https://www.clarity.ms/tag/" + i;
y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "pxu5n7zkhi");
</script>
<script>
document.querySelectorAll('._track, .btn').forEach(el => {
el.addEventListener('click', function (e) {
const target = e.currentTarget
let label = target.text ? target.text.trim() : ''
if (!label) {
label = target.getAttribute('aria-label')
}
if (window.dataLayer) {
dataLayer.push({
'event': 'click_button',
'label': label
});
}
if (window.mixpanel) {
mixpanel.track('click_button', {label: label})
}
});
})
document.querySelectorAll('[data-event]').forEach(el => {
el.addEventListener('click', function (e) {
const target = e.currentTarget
const event = target.getAttribute('data-event')
if (window.dataLayer) {
dataLayer.push({
'event': event
});
}
let extra = {}
for (let d in target.dataset) {
if (d === "event") {
continue
}
extra[d] = target.dataset[d]
}
if (window.mixpanel) {
mixpanel.track(event, extra)
}
})
})
document.addEventListener("DOMContentLoaded", function () {
function onElementVisible(entry) {
entry.target.style.setProperty("--bg-width", "100%");
}
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
onElementVisible(entry);
observer.unobserve(entry.target);
}
});
});
const elements = document.querySelectorAll('.highlight');
elements.forEach(el => observer.observe(el));
//
});
</script><svg class="hidden">
<symbol id="palette-a" viewbox="0 0 57 60">
<path d="M57 28.0895C57 43.6029 41.7689 69.8541 28.7667 56.179C20 37 8 49.5 0.533393 28.0895C-3.1809 11.4576 13.1739 0 28.7667 0C44.3595 0 57 12.5761 57 28.0895Z"></path>
</symbol>
<symbol id="palette-b" viewbox="0 0 42 57">
<path d="M41.0582 28.0895C41.0582 43.6029 24.5576 56.179 12.8249 56.179C-10.4423 53 5.05873 35 5.05785 28.0895C-2.44234 12 -2.76794 0 12.8249 0C28.4177 0 41.0582 12.5761 41.0582 28.0895Z"></path>
</symbol>
<symbol id="palette-c" viewbox="0 0 62 59">
<path d="M-0.000164032 28.0895C-0.000164032 43.6029 23.4999 67.5 56.4668 54.5C74.001 42 34.5001 37.5 56.4668 17C60.1811 0.368074 43.826 0 28.2331 0C12.6403 0 -0.000164032 12.5761 -0.000164032 28.0895Z"></path>
</symbol>
<symbol id="palette-d" viewbox="0 0 57 57">
<path d="M57 28.0895C57 43.6029 45.5 52.5 28.7667 56.179C6 56.179 8 49.5 0.533393 28.0895C-3.1809 11.4576 13.1739 0 28.7667 0C44.3595 0 57 12.5761 57 28.0895Z"></path>
</symbol>
<symbol id="star" width="16" height="16" viewbox="0 0 16 16">
<path d="M14.6565 7.14875L11.8377 9.60875L12.6821 13.2712C12.7268 13.4627 12.714 13.6631 12.6454 13.8474C12.5768 14.0316 12.4555 14.1916 12.2965 14.3072C12.1375 14.4229 11.9479 14.4891 11.7515 14.4976C11.555 14.5061 11.3605 14.4565 11.1921 14.355L7.99771 12.4175L4.81021 14.355C4.64182 14.4565 4.44724 14.5061 4.25082 14.4976C4.05439 14.4891 3.86483 14.4229 3.70583 14.3072C3.54683 14.1916 3.42545 14.0316 3.35686 13.8474C3.28828 13.6631 3.27553 13.4627 3.32021 13.2712L4.16333 9.6125L1.34396 7.14875C1.19484 7.02014 1.08701 6.85036 1.03399 6.66071C0.980978 6.47107 0.985134 6.26999 1.04594 6.08269C1.10675 5.89539 1.2215 5.73022 1.37581 5.60788C1.53011 5.48554 1.71711 5.41149 1.91333 5.395L5.62958 5.07312L7.08021 1.61312C7.15596 1.43157 7.28374 1.27649 7.44745 1.16741C7.61116 1.05833 7.80349 1.00012 8.00021 1.00012C8.19693 1.00012 8.38926 1.05833 8.55297 1.16741C8.71668 1.27649 8.84446 1.43157 8.92021 1.61312L10.3752 5.07312L14.0902 5.395C14.2864 5.41149 14.4734 5.48554 14.6277 5.60788C14.782 5.73022 14.8968 5.89539 14.9576 6.08269C15.0184 6.26999 15.0226 6.47107 14.9695 6.66071C14.9165 6.85036 14.8087 7.02014 14.6596 7.14875H14.6565Z"></path>
</symbol>
<symbol id="large-star" width="40" height="40" viewbox="0 0 16 16">
<path d="M14.6565 7.14875L11.8377 9.60875L12.6821 13.2712C12.7268 13.4627 12.714 13.6631 12.6454 13.8474C12.5768 14.0316 12.4555 14.1916 12.2965 14.3072C12.1375 14.4229 11.9479 14.4891 11.7515 14.4976C11.555 14.5061 11.3605 14.4565 11.1921 14.355L7.99771 12.4175L4.81021 14.355C4.64182 14.4565 4.44724 14.5061 4.25082 14.4976C4.05439 14.4891 3.86483 14.4229 3.70583 14.3072C3.54683 14.1916 3.42545 14.0316 3.35686 13.8474C3.28828 13.6631 3.27553 13.4627 3.32021 13.2712L4.16333 9.6125L1.34396 7.14875C1.19484 7.02014 1.08701 6.85036 1.03399 6.66071C0.980978 6.47107 0.985134 6.26999 1.04594 6.08269C1.10675 5.89539 1.2215 5.73022 1.37581 5.60788C1.53011 5.48554 1.71711 5.41149 1.91333 5.395L5.62958 5.07312L7.08021 1.61312C7.15596 1.43157 7.28374 1.27649 7.44745 1.16741C7.61116 1.05833 7.80349 1.00012 8.00021 1.00012C8.19693 1.00012 8.38926 1.05833 8.55297 1.16741C8.71668 1.27649 8.84446 1.43157 8.92021 1.61312L10.3752 5.07312L14.0902 5.395C14.2864 5.41149 14.4734 5.48554 14.6277 5.60788C14.782 5.73022 14.8968 5.89539 14.9576 6.08269C15.0184 6.26999 15.0226 6.47107 14.9695 6.66071C14.9165 6.85036 14.8087 7.02014 14.6596 7.14875H14.6565Z"></path>
</symbol>
<symbol id="crumb" width="21" height="20" viewbox="0 0 21 20">
<path d="M11.4767 9.99999L7.35167 5.87499L8.53 4.69666L13.8333 9.99999L8.53 15.3033L7.35167 14.125L11.4767 9.99999Z"></path>
</symbol>
<symbol id="close" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</symbol>
<symbol id="paste" viewbox="0 0 24 24">
<path d="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z"></path>
</symbol>
<symbol id="cloud" viewbox="0 0 24 24">
<path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M18 16L15 19L18 22V20H22V18H18V16Z"></path>
</symbol>
<symbol id="accept" viewbox="0 0 24 24">
<path d="M9.307 12.248a.75.75 0 1 0-1.114 1.004l1.114-1.004ZM11 15.25l-.557.502a.75.75 0 0 0 1.15-.043L11 15.25Zm4.844-5.041a.75.75 0 0 0-1.188-.918l1.188.918Zm-7.651 3.043 2.25 2.5 1.114-1.004-2.25-2.5-1.114 1.004Zm3.4 2.457 4.25-5.5-1.187-.918-4.25 5.5 1.188.918Z" stroke-width="0"></path>
<circle cx="12" cy="12" r="8.25" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle>
</symbol>
</svg>
<div x-data="initScrollToTop" onclick="window.scrollTo(0, 0)" x-cloak :class="visible ? 'block' : 'hidden'" class="fixed z-50 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full shadow bg-primary bottom-[80px] right-[40px] hover:bg-primary-hovered">
<svg class="h-5 w-5 -rotate-90 fill-white">
<use xlink:href="#crumb"></use>
</svg>
</div>
<script>
function initScrollToTop() {
return {
visible: false,
init() {
window.addEventListener('scroll', () => {
if (window.scrollY > 800) {
this.visible = true;
} else {
this.visible = false;
}
});
}
}
}
</script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script>
if (window.innerWidth > 800) {
const script = document.createElement('script');
script.src = 'https://unpkg.com/aos@next/dist/aos.js';
script.onload = () => {
AOS.init({
once: true,
duration: 600,
});
var forceRedraw = function (element) {
if (!element) {
return;
}
var n = document.createTextNode(' ');
var disp = element.style.display; // don't worry about previous display style
element.appendChild(n);
element.style.display = 'none';
setTimeout(function () {
element.style.display = disp;
n.parentNode.removeChild(n);
}, 20); // you can play with this timeout to make it as short as possible
}
document.addEventListener('keydown', e => {
if (e.key !== 'r') {
return
}
document.querySelectorAll('[data-aos]').forEach(element => {
element.classList.remove('aos-animate');
element.classList.remove('aos-init');
setTimeout(() => {
element.classList.add('aos-animate');
}, 500);
});
});
}
document.head.appendChild(script);
} else {
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-aos]').forEach(el => {
el.removeAttribute('data-aos');
});
});
}
</script>
</body></html>