에이전트(챗봇) 만들어보기
경로 : 사이트 로그인 > 에이전트(챗봇) 리스트 > 에이전트 추가 > 워크플로우 클릭
꼭 확인해 주세요!
1. 워크플로우 편집 화면으로 이동
워크플로우를 만들고 배포하기 위해서는 편집 화면으로 이동해야 합니다.
따라 해 보세요!
생성한 에이전트의 ‘워크플로우’를 클릭하여 편집 화면으로 이동합니다.
2. 시작메시지 설정하기
시작 메시지는 웹페이지의 HOME과 같은 역할로,
AI 에이전트에서 가장 기본이 되는 페이지입니다.
* 처음으로 보여주고 싶은 노드의 형태를 선택하고 메시지와 버튼을 추가하여 구성합니다.
따라 해 보세요!
여기서는 텍스트 노드에 [당일 발송 Best], [채팅 상담 연결]이라는 두 개의 버튼을 추가합니다.
3. 워크플로우 생성, 노드 추가하기
시작 메시지에 연결될 워크플로우를 생성하고, 노드를 추가합니다.
따라 해 보세요!
1) 좌측 패널 상단의 [+워크플로우 추가] 버튼을 클릭해 새로운 워크플로우를 생성합니다.
2) 워크플로우 타입을 선택합니다.
3) 워크플로우명에 사용할 워크플로우 이름을 입력합니다.
4) 상품을 여러 개 보여주기 위해 슬라이드 정사각 커머스 카드 형태의 노드를 추가합니다.
4. 노드 편집하기
추가한 노드의 내용을 상세 편집합니다.
노드 타입에 따라서 설정 내용이 다르므로, 적절한 노드를 선택하여 사용해야 합니다.
따라 해 보세요!
1) 이미지, 링크, 프로필, 가격, 상품명 등의 내용을 입력하고, 버튼도 추가하여
'슬라이드 #1'을 만듭니다.
2) '슬라이드 #2'도 동일하게 설정합니다.
슬라이드 #1의 내용을 입력합니다.
슬라이드 #1의 버튼을 설정합니다.
같은 방법으로 슬라이드 #2를 작성합니다.
4-1. 노드 복사하기
편집한 노드를 다른 곳에 복제할 수 있습니다.
따라 해 보세요!
1) 복사할 노드의 우측 … 버튼을 클릭하여 ‘복제하기’ 메뉴를 선택합니다.
2) 생성된 복제본을 원하는 위치에 배치합니다.
복사할 블럭의 우측 … 버튼을 클릭하면 '복제하기' 메뉴를 선택할 수 있습니다.
노드가 복제 된 것을 확인하실 수 있습니다.
5. 바로연결 버튼 추가하기
바로연결 버튼을 추가하면, 특정 페이지로 빠르게 이동할 수 있습니다.
추가바로연결 버튼은 퀵버튼이라고도 하며,
메시지 카드 아래에 간단하게 표시하는 작은 버튼입니다.
클릭 시 사라지는 일회성 버튼으로,
다음 step이 아닌 노드의 아래에 있는 화살표(엣지)에 연결하면 노드가 실행될 때마다 나타납니다.
따라 해 보세요!
1) '바로연결' 노드를 '슬라이드 정사각 카드' 노드 아래에 위치시켜 연결합니다.
2) '바로연결' 노드의 첫 번째 버튼 명을 '처음으로'로 작성하고,
버튼 기능은 '노드 연결 > 처음으로'로 선택해 줍니다.
6. 워크플로우 연결, 활성화하기
생성한 워크플로우를 활성화하고 시작 메시지와 연결해야 정상 동작하게 됩니다.
* 시작 메시지 연결 전, 연결을 위한 워크플로우가 활성화 상태여야 합니다.
따라 해 보세요!
1) [Best 당일발송] 워크플로우 이름 토글을 눌러 워크플로우를 활성화해 줍니다.
2) [BEST 당일발송] 버튼에 [워크플로우 연결]을 선택하고,
[BEST 당일발송] 워크플로우를 연결하여 버튼 클릭 시 설정해 둔 워크플로우로 이동하도록 합니다.
3) [채팅 상담 연결] 버튼에는 [상담사 연결]을 선택해서 바로 상담사와 채팅할 수 있도록 합니다.
7. 미리보기
작업한 워크플로우가 어떻게 작동하는지 확인하고 싶은 경우,
에디터 화면 우측 상단 ‘미리보기’ 버튼을 클릭하면 테스트 가능합니다.
실제 AI 에이전트에서처럼 버튼을 클릭하여 워크플로우가 잘 연결되는지 확인할 수 있습니다.
따라 해 보세요!
에디터 화면 우측 상단의 미리보기 버튼을 클릭하여, 워크플로우가 잘 동작하는지 테스트합니다.
8. 배포하기
생성한 워크플로우를 프로젝트에 배포하면 완성됩니다.
따라 해 보세요!
에디터 화면 우측 상단 배포하기 버튼을 클릭하여, 실제 환경에 적용하세요.
9. (샘플) 에이전트 템플릿 활용하기
처음 워크플로우를 만들거나 예시 템플릿이 필요한 분들을 위해 신규 고객께
총 7개의 ‘기본 템플릿’을 제공해드립니다.
(기존 유저는 ‘새 에이전트’ 추가 시 ‘(샘플) 에이전트’를 선택하면 이용 가능합니다.)
샘플 워크플로우 4개
•
‘미리보기’ 기능을 통해 실제 적용된 모습을 확인할 수 있는 워크플로우입니다.
내용을 살펴보고 직접 수정하여 바로 활용해 보세요!
가이드 워크플로우 3개
•
시작 노드(블록)부터 마지막 노드(블록)까지 연결된 화살표를 쭉 따라가며
노드의 기능 차이와 연결 방식을 단계별로 확인해 보세요!