# 운영자 1:1 채팅 (관리자 채팅)

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F5NjRfnX0to2GcwXwfiGh%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=31423ba2-5c39-4513-9b71-49ac018e5cf7" alt=""><figcaption></figcaption></figure>

#### **관리자와 앱 회원 1:1 채팅 이용방법 \[관리자 채팅]**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%8A%A4%EC%9C%99%EA%B3%B5%EC%8B%9D%EC%95%B1-%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85-KR.png)

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F5NjRfnX0to2GcwXwfiGh%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=31423ba2-5c39-4513-9b71-49ac018e5cf7" alt=""><figcaption></figcaption></figure>

## 1. 앱에 관리자 채팅 적용하기

**\* 먼저 앱에 \[관리자 채팅] 페이지를 적용해야 사용자와 관리자 모두 채팅을 할 수 있겠죠?**

**앱에 채팅방을 적용해주세요!**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FC2poDZzS29Z4SldG7VVh%2F%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85.png?alt=media&#x26;token=4b6a5cda-bd18-45c8-af39-bc08d053a931" alt=""><figcaption></figcaption></figure>

앱제작 화면 이동

1\)STEP3 페이지 단계로 이동합니다.

2\)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\) 메뉴 이름 입력

4\) 페이지 디자인에서 \[기본 기능] -\[페이지]를 선택해주세요.&#x20;

5\) ‘관리자 채팅’ 페이지를 찾아서 \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

6\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.&#x20;

{% hint style="info" %}
\*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

\*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

\*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.
{% endhint %}

## 2. 앱에 채팅목록 적용하기

#### <img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"> <mark style="color:blue;">**채팅목록  기능도 추가해주세요!**</mark>

채팅목록은 채팅한 내역을 확인할 수 있는 메뉴에요.

채팅목록도 앱에 적용해주셔야 대화가 종료된 후에도 목록창에서 대화 내역을 확인할 수 있습니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FyOBrMW7zLgApptJwhvxL%2F%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85-%EC%B1%84%ED%8C%85%EB%AA%A9%EB%A1%9D.png?alt=media&#x26;token=e8cb7692-75ff-462e-97eb-aa0015ca663a" alt=""><figcaption></figcaption></figure>

앱제작 화면 이동

1\)STEP3 페이지 단계로 이동합니다.

2\)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\) 메뉴 이름 입력

4\) 페이지 디자인에서 \[기본 기능] -\[페이지]를 선택해주세요.&#x20;

5\) ‘채팅목록’ 페이지를 찾아서 \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

6\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.&#x20;

{% embed url="<https://documentation.swing2app.co.kr/manual/v3/step3-page/chat-list>" %}

{% tabs %}
{% tab title="앱제작V2버전" %}
앱제작 V2버전 이용시&#x20;

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F4FY6aXNIcvY1g8m9WuFh%2Fimage.png?alt=media&#x26;token=afe1b1d0-688a-4129-8c1d-5fe718fe5f58" alt=""><figcaption></figcaption></figure>

앱제작 페이지 – 페이지메뉴 단계로 이동합니다.

1\) \[카테고리 추가] 버튼 선택해서 새 메뉴를 만들어주세요.

2\) 메뉴명: 메뉴 이름을 입력합니다.

3\) 메뉴 유형에서 \[스윙 페이지] 선택

4\) \[링크마법사] 버튼을 선택합니다.

5\) 링크마법사 스윙 기능 창에서 \[관리자 채팅] 선택한 뒤,  \[반영] 버튼을 선택합니다.&#x20;

6\) \[적용] 버튼

7\) \[저장] 버튼 눌러주시면 완료됩니다.

<mark style="color:orange;">**★채팅목록  기능도 추가해주세요!**</mark>

채팅목록은 채팅한 내역을 확인할 수 있는 메뉴에요.

채팅목록도 앱에 적용해주셔야 대화가 종료된 후에도 목록창에서 대화 내역을 확인할 수 있습니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FkzkGiIaRVQontdVea3cz%2Fimage.png?alt=media&#x26;token=86392388-239c-4629-9fff-2556d615caa3" alt=""><figcaption></figcaption></figure>

1\) \[카테고리 추가] 버튼 선택해서 새 메뉴를 만들어주세요.

2\) 메뉴명: 메뉴 이름을 입력합니다.

3\) 메뉴 유형에서 \[스윙 페이지] 선택

4\) \[링크마법사] 버튼을 선택합니다.

5\) 링크마법사 스윙 기능 창에서 \[채팅목록] 선택한 뒤,  \[반영] 버튼을 선택합니다.&#x20;

6\) \[적용] 버튼

7\) \[저장] 버튼 눌러주시면 완료됩니다.
{% endtab %}
{% endtabs %}

***

## 3. 앱 실행화면: 채팅방 화면

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85NEW2-1.png" alt=""></div>

앱 실행화면을 보시면 채팅방에서 관리자가 입력한 메시지를 받고, 앱 회원이 글을 입력하여 주고 받을 수 있습니다.

앱 사용자(회원)는 어떻게 관리자와 채팅을 할 수 있을까요?

<mark style="color:orange;">**사용자는 앱에서 채팅메뉴로 들어가서 대화를 할 수 있고, 대화목록은 채팅목록에서 확인가능합니다.**</mark> &#x20;

아래에 채팅을 하는 방법을 확인해주세요!!

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F5NjRfnX0to2GcwXwfiGh%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=31423ba2-5c39-4513-9b71-49ac018e5cf7" alt=""><figcaption></figcaption></figure>

## 4. 사용자 → 관리자와 대화하기

### **1)채팅**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85NEW4-1.png)

위에서 만들어놓은 채팅방 메뉴로 들어오면 바로 대화창이 열리구요.

사용자가 자유롭게 메시지(글) 입력이 가능합니다.&#x20;

### **2)채팅** 목록

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85NEW5-1.png" alt=""></div>

대화를 한 뒤 다시 해당 관리자와 채팅을 하고 싶을 경우 ‘채팅목록’으로 들어가시면 됩니다.

나의 대화 목록을 확인할 수 있구요.

여기서 대화를 한 관리자 명단을 확인할 수 있습니다.

&#x20;사용자, 관리자 모두 채팅목록이 앱에 적용되어 있어야 하므로 채팅과 함께 채팅목록 함께 적용해주세요.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F5NjRfnX0to2GcwXwfiGh%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=31423ba2-5c39-4513-9b71-49ac018e5cf7" alt=""><figcaption></figcaption></figure>

## **5. 관리자** → **회원과 대화하기**

관리자는 어떻게 앱 회원들과 채팅을 할 수 있을까요?

<mark style="color:purple;">**관리자는 스윙 웹(앱운영페이지)에서 제공하는 회원조회 메뉴에서 회원을 선택하여 대화를 할 수 있습니다.**</mark>

아래에 관리자가 앱 회원들과 채팅을 하는 방법을 확인해주세요!!

**관리자는 웹(스윙 홈페이지)에서 채팅을 할 수도 있고, 앱에서도 이용할 수 있어요.**

### 1)웹대시보드 - 회원 선택해서 채팅하기&#x20;

#### <mark style="color:blue;">**(1) 회원조회 페이지 이동**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%85NEW3-1.png)

스윙 홈페이지 [앱운영페이지 → 푸시&회원 → 회원조회](http://www.swing2app.co.kr/view/member_list) 메뉴로 이동합니다.

#### <mark style="color:blue;">**(2) 대화할 회원 선택 후 채팅하기**</mark>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/cca635bc95d24b41faf85085df5e224c.png)

회원조회 페이지에 보시면 <mark style="color:orange;">\[전용대화하기], \[공용대화하기]</mark> 버튼을 확인할 수 있습니다.

회원조회 페이지에서 대화를 할 회원을 선택 후 해당 대화하기 버튼을 선택하면 채팅이 시작되요!!

#### <mark style="color:blue;">**(3) 전용대화? 공용대화란?**</mark>

대화하기 옵션은 앱 회원에게는 크게 상관은 없구요. 관리자들이 선택할 수 있는 채팅 옵션이에요.

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"><mark style="color:orange;">**전용대화하기**</mark>

채팅을 하고 있는 관리자만 확인할 수 있어요.

다른 관리자들에게는 채팅 푸시가 들어오지 않습니다.

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI6cvj8IqKdVF4JFOzqve%2Fimage.png?alt=media&#x26;token=a9baa690-3816-44ee-aa7f-f8672bd00008" alt="" data-size="line"><mark style="color:orange;">**공용대화하기**</mark>

관리자가 여러명일 경우 대화 내용을 공유해야 할 때 사용할 수 있어요.

공용대화하기로 채팅을 하면, 앱 회원이 채팅 메시지 입력시 다른 관리자들에게도 채팅 푸시가 들어와요.

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/2dc13263a89461196d4b6b6b8e942d77.png)

대화를 하고자 하는 회원을 선택한 뒤 상단의 \[대화하기] 버튼을 선택합니다.

​

#### <mark style="color:blue;">**(4) 채팅 목록 페이지 이동: 채팅창 오픈**</mark>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/3fcc69ed87bd25a069dd51f8f2500c74.png)

대화하기를 선택하면, 채팅 목록 페이지로 이동하구요.

채팅창이 오픈됩니다.

관리자는 해당 채팅방에서 글을 입력하고 회원과 채팅을 할 수 있어요.

​

<mark style="color:blue;">**\[채팅 목록 페이지]**</mark>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/492065986285557345eeb5a28689a5e.png)

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/d6aae0ea19d77c3e352ce2426cdb6399.png)

채팅 목록 페이지에서는 기존에 채팅을 했던 모든 회원들의 채팅목록을 확인할 수 있어요.

따라서 이전에 채팅을 했던 회원에게 대화를 해야 할 경우 채팅목록 페이지에서 회원을 선택해서 다시 채팅을 이어서 할 수 있습니다.

### 2) 앱 - 관리자 로그인

앱 관리자 로그인을 이용하면 관리자가 앱에서도 회원에게 대화를 할 수 있어요.

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/a897753d8712d1a8350492f325dc520f.png)

**\*앱에서 회원에게 채팅을 하는 방법도 꼭!! 확인해주세요.**

**☞** [**\[앱관리자메뉴 이용방법 매뉴얼 보러가기\]**](https://documentation.swing2app.co.kr/appguide/appoperation/appmanager)

***

### &#x20;

## 6.채팅 내역 확인 하기(관리자용)

### 1)웹대시보드 -  채팅목록 확인

채팅 목록은 채팅 관리자 페이지를 통해서 확인 가능합니다.&#x20;

관리자는 해당 페이지에서 그동안 대화를 주고받은 채팅 목록을 확인할 수 있구요.&#x20;

다시 회원을 선택해서 대화를 이어나갈 수 있습니다.&#x20;

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FGl3OqlQhGMu1RhkhkJuH%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%2011.png?alt=media&#x26;token=a2c82b6b-6f59-4e24-8249-cfae12dcafea" alt=""><figcaption></figcaption></figure>

[**서비스관리- 채팅 관리자 페이지 - 채팅 목록**](https://www.swing2app.co.kr/view/admin_chatting)

**채팅관리자 페이지 이용방법은 해당 매뉴얼을 참고해주세요**

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/service/chat-settings>" %}

### 2)앱 -채팅목록으로 대화하기

앱에서 기존에 채팅을 한 회원과 다시 대화를 하고 싶다면, 채팅 목록을 이용해주세요.

![](https://wp.swing2app.co.kr/wp-content/uploads/2019/06/%EC%B1%84%ED%8C%85%EB%AA%A9%EB%A1%9D3-1.png)

채팅목록은 기존에 채팅을 한 회원 및 대화 목록을 확인할 수 있구요.

다시 대화를 하고자 하는 회원을 선택하여 채팅을 시작할 수 있습니다.&#x20;

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F5NjRfnX0to2GcwXwfiGh%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media&#x26;token=31423ba2-5c39-4513-9b71-49ac018e5cf7" alt=""><figcaption></figcaption></figure>

## 7. 새글알람 푸시 알림 – 관리자, 회원

채팅을 하게 되면 앱 관리자 – 앱 회원 모두 채팅 메시지 알림 푸시를 받을 수 있습니다.

<div align="left"><figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FTZa7cMrb0W4n6XzzgcLe%2F%EA%B4%80%EB%A6%AC%EC%9E%90%EC%B1%84%ED%8C%858.png?alt=media&#x26;token=38a80b1b-f094-4df9-9ab7-c306fd8756f2" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}

### <mark style="color:$success;">**안내사항**</mark>

**1. 1:1 채팅은 관리자 채팅으로, 관리자와 앱 회원간의 채팅 기능입니다.**

앱과 스윙 앱운영페이지(웹)에서 사용할 수 있습니다.

\*앱 이용시: \[설정- 앱관리자 메뉴] 로그인 후 \[사용자관리]에서 원하는 사용자 선택 후 채팅

\*홈페이지는 위의 알려드린 방법으로 진행해주세요.

\*채팅목록을 통해서 대화한 목록, 대화한 사용자를 확인하여 다시 대화할 수 있습니다.&#x20;

**2. 운영자와 채팅하기 메뉴(1:1 채팅)는 \*앱제작 페이지→ 페이지메뉴 →스윙페이지에서 \[관리자 채팅] 으로 적용해주시기 바랍니다.**

3\. **관리자 및 여러명의 사용자와 대화할 수 있는 \[그룹채팅]** **도 이용할 수 있습니다.**

그룹채팅 이용방법은 아래 매뉴얼을 확인해주세요!

<https://documentation.swing2app.co.kr/manual/appmanage/board/groupchat>
{% endhint %}

{% embed url="<https://documentation.swing2app.co.kr/manual/appmanage/board/groupchat>" %}