쿠키 0클릭 전 저희 api 요청 0팀원 무제한slack, discord, 저희 앱에서 답장

/blog / 가이드

사이트 채팅에 slack에서 답하기

· 글: kuba · 9분 읽기

메시지 세 개가 있는 Slack 스타일 스레드, 답장 칸에서 머그잔을 든 Spookat 고양이, 그리고 #support 라벨.

팀은 이미 Slack에 있으니, 사이트 채팅도 거기로 오는 게 맞아요. 이 가이드에서는 Spookat 사이트를 Slack 채널에 연결하고, 채팅이 거기서 어떻게 보이는지 보여 주고, 스레드에서 할 수 있는 모든 걸 다뤄요. 답장, 담당, 종료, 메모, 그리고 방문자에게 보이는 이름 관리까지요.

왜 slack에서 답할까

채팅은 그걸 보는 사람만큼만 빨라요. 채팅이 별도 대시보드로 가면 누군가 그 탭을 열어 둬야 하고, 점심쯤이면 그 탭은 화면의 다른 모든 것에 밀려 있어요. 채팅이 Slack 채널로 오면, 팀이 하루 종일 이미 읽고 쓰는 곳에 나타나요.

나머지는 자연스럽게 따라와요. 채널의 누구든 답할 수 있으니 받은편지함 당번이 필요 없어요. 방문자마다 스레드가 따로 생기니 채팅 두 개가 섞일 일도 없어요. 그리고 스레드는 평범한 Slack 스레드라서, 이미 쓰는 기능(멘션, 리액션, 검색)이 그대로 동작해요.

Spookat에는 좌석 요금이 없어요. 채널의 누구나 답할 수 있고, 요금은 사이트 단위로 broke af 기준 월 $4.99이에요.

시작하기 전에

세 가지가 필요해요.

  • 스니펫이 설치된 Spookat 사이트. 아직이라면 기본 가이드에서 설치 방법과 DevTools로 확인하는 방법을 알려드려요.
  • 앱을 추가할 수 있는 Slack 워크스페이스, 또는 추가할 수 있는 사람. 관리자가 아니라면 아래에서 설명해요.
  • 채팅용 채널. 새로 만든 #support나 #website-chat이 좋아요. 채팅이 잡담에 묻히지 않거든요. 비공개 채널도 돼요.

slack 연결하기

1. 대시보드에서 시작하기

대시보드에서 사이트를 열고 채널로 가세요. Slack을 고르세요. 연결 승인은 저희 앱이 아니라 Slack 자체 페이지에서 하기 때문에, 무엇을 요청하는지 정확히 볼 수 있어요.

요청하는 권한과 이유예요. 메시지와 스레드 게시(봇 대신 누가 썼는지, 방문자인지 팀원인지 보이도록 각각 다른 이름으로), /spookat 명령어, 고른 채널에 참여하기, 채널을 고를 수 있게 목록 불러오기, 누가 답했는지 방문자가 볼 수 있게 팀원의 Slack 프로필에서 이름 읽기, 그리고 답장이 방문자에게 가도록 자기가 시작한 스레드의 메시지와 리액션 읽기예요.

2. 채널 고르기

승인하면 대시보드에 워크스페이스의 채널 목록이 나와요. 하나를 고르세요. 공개 채널이라면 Spookat이 알아서 들어가요. 비공개 채널이라면 먼저 Spookat 앱을 초대하세요. 앱이 들어가면 목록에 비공개 채널이 보여요.

Spookat은 채널에 “Send a test chat” 버튼이 달린 짧은 인사를 올려요. 눌러 보세요. 가상의 테스트 방문자가 보낸 채팅이 채널에 도착해서, 전달이 잘 되는지 확인하고 카드 모양도 볼 수 있어요(실제 카드에는 페이지, 브라우저, 국가도 나와요). 테스트 방문자에게는 답장을 읽을 위젯이 없어요. 전체 흐름을 해 보려면 사이트를 열고 위젯에서 메시지를 보낸 다음, 그 메시지의 스레드에서 답하세요.

3. 거기서 관리자가 아니라면

워크스페이스에 앱을 추가하는 게 다른 사람의 일이라면, 대시보드가 그 사람에게 보낼 링크를 만들어 줘요. 한 번만 쓸 수 있고 7일 동안 유효하며, 그 사람은 Spookat 계정이 없어도 돼요. Slack 페이지에서 승인하고 채널을 고르면 끝이에요.

명령줄을 좋아하는 분을 위한 코드도 있어요. 대시보드에 연결 코드가 나오고, 채널에서 /spookat connect CODE를 실행하면 사이트가 연결돼요.

slack에서 채팅은 이렇게 보여요

방문자가 첫 메시지를 보내면 Spookat이 채널에 카드를 올려요.

  • 제목: new convo · SP-0001, 채널 사람들이 볼 수 있게 @here와 함께요. SP-0001은 채팅의 참조 번호이고, 받은편지함과 API에서도 같은 번호를 써요.
  • 어디서 왔는지: 방문자가 있던 페이지, 브라우저, 국가. 앱에서 로그인한 사용자를 넘겨주면(cool guy), 카드에 ID와 함께 logged in as도 표시돼요.
  • 상태와 담당자: 열림 또는 닫힘, 그리고 누가 맡았는지, 아니면 “nobody yet”.
  • 버튼 세 개: Reply, Take, Close.

방문자의 메시지는 모두 카드 스레드의 답글로 들어와요. 상태나 담당자가 바뀌면 카드 자체가 업데이트돼서, 채널을 한눈에 파악할 수 있어요.

답장하기

스레드에서 답하세요. 스레드에 쓰는 건 전부 방문자의 위젯으로 가요. 그게 다예요. 명령어도, 접두어도 없어요.

또는 카드의 Reply를 누르세요. 작은 폼이 열려요. 스레드가 길거나 휴대폰일 때 편해요.

내부 메모. 메시지를 //로 시작하면 내부용으로 남아요. 팀은 스레드에서 보지만, 방문자는 절대 못 봐요. 동료에게 묻거나, 다음에 채팅을 맡을 사람에게 맥락을 남길 때 쓰세요.

담당하기. Take를 누르거나 스레드의 메시지에 :raised_hand: 리액션을 다세요. 채팅이 여러분에게 배정되고 카드에 이름이 표시돼요. 다른 사람이 답하지 못하게 막는 건 아니고, 누가 맡았는지만 알려줘요.

종료하기. Close를 누르거나 :white_check_mark: 리액션을 다세요. 방문자가 새 메시지를 보내면 다시 열려요.

수정하거나 삭제하기. Slack에서 답장을 수정하면 위젯에 새 텍스트가 수정됨 표시와 함께 보여요. 삭제하면 방문자에게서도 사라져요. 답장 이메일이 이미 나갔다면, 그 메일은 그대로 남아요.

방문자가 이미 떠났다면

방문자는 탭을 닫아요. 채팅에 이메일을 남겼고 여러분이 cool guy 이상이라면, 답장은 보낸 뒤 약 2분 후에 이메일로 도착해요. 여러 답장은 한 통으로 묶이고, 위젯 언어로 가요. 이메일에서 채팅으로 돌아올 수 있어요. broke af에서는 방문자가 다시 올 때까지 답장이 위젯에서 기다려요.

기록은 broke af에서 30일, cool guy에서 90일, vc money에서 365일 동안 보관돼요.

방문자에게 보이는 모습

방문자는 답장 옆에 이름을 봐요. 첫 답장 때 가져온 Slack 이름이에요. 보이는 방식은 사이트마다 /spookat me로 바꿀 수 있어요.

  • /spookat me는 방문자에게 보이는 이름을 보여줘요.
  • /spookat me name Marta는 이름을 바꿔요.
  • /spookat me hide는 내 이름 대신 사이트 이름으로 답해요. /spookat me show로 되돌려요.
  • /spookat me link는 15분 동안 유효한 일회용 링크를 줘요. Slack 계정을 대시보드 로그인과 연결하는 링크예요. 그러면 받은편지함의 “mine” 필터와 Slack 답장이 같은 사람으로 묶여요. 이 링크 자체로는 아무 권한도 주지 않아요.

Slack이 하지 않는 게 하나 있어요. 여러분이 입력 중이라는 걸 아무에게도 알리지 않아요. 그래서 Slack에서 쓰는 동안 방문자에게 “Marta가 입력 중…“이 보이지 않아요. 보내는 순간 답장이 보여요.

명령어

명령어 하는 일
/spookat connect CODE 사이트를 이 채널에 연결
/spookat close SP-0001 채팅 종료
/spookat block SP-0001 그 채팅의 방문자 차단
/spookat me 방문자에게 보이는 모습 확인 또는 변경

스팸을 보내는 방문자는 메시지 바로가기 “Block visitor”나 받은편지함에서도 차단할 수 있어요. 그러면 그 사람의 채팅에는 메시지를 받지 않는다는 안내가 나오고, 보내는 건 아무것도 여러분에게 오지 않아요.

도움이 되는 습관

  • 사이트마다 채널 하나, 사이트들이 같은 팀을 공유하는 경우가 아니라면요. vc money에서는 한 사이트의 채팅을 언어, 페이지, 국가별로 여러 채널에 나눌 수도 있어요.
  • 채널을 사이드바 즐겨찾기에 두고 @here가 일하게 두세요. 음소거하면 아무도 열지 않는 두 번째 대시보드를 만든 셈이에요.
  • :raised_hand:는 아낌없이 쓰세요. 채팅을 맡는 데 비용은 없고, 두 사람이 같은 답을 쓰는 걸 막아줘요.
  • 다음 사람을 위해 메모를 남기세요. // asked about bulk pricing, waiting for a quote from Ola 같은 메모 하나면 다음 동료가 스크롤할 필요가 없어요.

spookat이 slack에서 하는 일

Spookat은 카드와 방문자 메시지를 올리고, 자기가 시작한 스레드의 답장, 리액션, 버튼 클릭을 받아와요. 무언가를 복구하려고 채널 기록을 읽는 일은 없어요. 모든 채팅은 먼저 저희 쪽에 저장되고, Slack은 그 사본을 받아요. 워크스페이스에서 앱을 제거해도 채팅은 대시보드 받은편지함에 남아요.

채팅 하나, 처음부터 끝까지

첫 실제 채팅 전에 흐름을 알 수 있도록, 팀 쪽에서 본 채팅 하나를 소개할게요.

/pricing에 있던 방문자가 연간 요금제를 청구서로 결제할 수 있는지 물어요. 카드가 @here와 함께 #support에 도착해요. new convo · SP-0014, /pricing · safari ios · DE, 상태는 열림, 아직 담당자 없음. Ola가 가장 먼저 보고 :raised_hand:를 달자, 카드에 Ola가 맡았다고 나와요.

청구서에 대해선 확실하지 않아서, 스레드에 // @Kuba do we do invoices on yearly?라고 써요. 방문자에게는 아무것도 안 보여요. Kuba가 스레드에 // 메모로 답해요. Ola는 슬래시 없이 방문자에게 답해요. 네, 청구서는 결제와 함께 회사 명의로 발행돼요. 방문자는 답장 옆에 “Ola”를 보고 고맙다고 한 뒤 탭을 닫아요.

Ola가 :white_check_mark:를 달아요. 카드가 닫힘으로 바뀌어요. 이틀 뒤, 같은 방문자가 같은 브라우저로 추가 질문을 하러 와요. 채팅이 다시 열리고 카드가 업데이트되고, 메모를 포함한 전체 기록이 스레드에 그대로 있어요.

아무도 대시보드를 열지 않았어요. 새로 생긴 습관은 이모지 두 개와 슬래시 두 개뿐이었어요.

체크리스트

  • 스니펫이 사이트에 있고 DevTools로 확인했다.
  • Slack을 연결하고 채널을 골랐다.
  • 테스트 채팅이 나타났고, 사이트 위젯에서 보낸 메시지에 답장이 돌아왔다.
  • 답하는 사람 모두 채널에 있고 //, :raised_hand:, :white_check_mark:를 안다.
  • /spookat me로 이름을 설정했거나 숨겼다.

설정은 이게 전부예요. 다음에 질문하는 방문자는 이미 열려 있는 스레드에서 답을 받게 돼요.

마음에 들었다면 대기 명단에 올려 두세요.

초대는 조금씩 나눠 보내요. 초대가 오면 14일 무료, 카드 필요 없음.