# 페이지 만들기

## 이 글에서는 <a href="#h_01hdk2svk832v1btbya3yy90z1" id="h_01hdk2svk832v1btbya3yy90z1"></a>

페이지를 만들기 위한 기본적인 설정 방법을 알아봅니다. 아래 내용을 따라가면 페이지를 간단하게 만들 수 있습니다.

***

## 시작하기 <a href="#h_488879b604" id="h_488879b604"></a>

{% hint style="info" %}
하나의 워크스페이스에 한 개의 페이지만 만들 수 있습니다.&#x20;
{% endhint %}

화면 위쪽 \[페이지] 버튼을 눌러, \[페이지 만들기]를 시작합니다. 페이지 설정 방법에는 '기본 설정'과 '디자인' 두 가지가 있습니다.

* 기본 설정: 페이지와 연결되는 주소록, 페이지 주소, SNS 채널 정보 등 페이지 생성에 필요한 기본적인 정보를 입력합니다.
* 디자인: 헤더와 프로필 사진을 업로드 할 수 있고 구독하기 버튼을 원하는 대로 설정할 수 있습니다. 페이지 디자인을 수정하면 내 뉴스레터 브랜드와 어울리는 깔끔한 페이지를 만들 수 있습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2F29Ef0DTviUV51RhQjT9Z%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B0.png?alt=media&#x26;token=c601bfae-b4bd-4574-9c62-e3899c88df8e" alt=""><figcaption></figcaption></figure>

## 기본 설정 <a href="#h_6f51dcaf20" id="h_6f51dcaf20"></a>

\[기본 설정 → 수정하기]를 눌러 페이지와 관련한 기본 내용을 설정하실 수 있습니다.

### 주소록 연결하기 <a href="#h_75b8dc5d2c" id="h_75b8dc5d2c"></a>

페이지는 [주소록](https://help.stibee.com/list)과 연결됩니다. 하나의 페이지에 하나의 주소록을 연동할 수 있으며, 페이지와 연결된 주소록에 발송한 이메일만 페이지에 발행할 수 있습니다. 페이지에 연결할 주소록을 선택해 주세요.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2F0RFxgW2oxDtGP0IKI4OF%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B02.png?alt=media&#x26;token=41bc4c27-c929-4b8e-b2a8-2c59361e08b7" alt=""><figcaption></figcaption></figure>

페이지에 있는 \[구독하기] 버튼을 눌러 구독을 신청한 경우, 페이지와 연결된 주소록에 신청한 구독자 정보가 저장됩니다. 연결된 주소록에 등록된 구독자만 페이지에서 구독자로 로그인 할 수 있습니다.\
\
예를 들어 \[둘리의 워크스페이스]에 '스티비 뉴스레터'라는 이름의 주소록을 만들고, 주소록과 페이지를 연결했다면,

* \[둘리의 워크스페이스] 페이지를 통해 구독을 신청하면, '스티비 뉴스레터' 주소록에 구독자 정보가 저장됩니다.
* '스티비 뉴스레터' 주소록에 등록된 구독자는 \[둘리의 워크스페이스] 페이지에 구독자로 로그인 할 수 있습니다.
* \[둘리의 워크스페이스]에 '꿀벌 뉴스레터' 주소록이 존재해도 \[둘리의 워크스페이스] 페이지를 통해 구독 신청한 구독자는 '꿀벌 뉴스레터'의 구독자로 등록되지는 않습니다.

### 페이지 주소 입력하기 <a href="#h_f9fea2e747" id="h_f9fea2e747"></a>

페이지 주소(서브 도메인)를 설정할 수 있습니다. 다른 사용자가 사용하고 있거나 부적절한 표현이 포함된 경우에는 사용할 수 없습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2Fbiu4DVuNScIDPPf1IoG4%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B03.png?alt=media&#x26;token=3ea35cad-a427-4ce1-bc95-6e0bb4a254e4" alt=""><figcaption></figcaption></figure>

### 뉴스레터 이름 입력하기 <a href="#h_1d270413af" id="h_1d270413af"></a>

입력한 이름은 페이지 제목, 푸터 등을 통해 외부에 표시됩니다. 유료 주소록과 연동하였다면 여기서 설정한 이름이 페이지 푸터에 표시됩니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FAXdOCLWMPcX2CdT7Zk79%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B04.png?alt=media&#x26;token=7982b58c-61fb-40c1-86b2-7c8e2ea53864" alt=""><figcaption></figcaption></figure>

### 짧은 소개 입력하기 <a href="#h_5e056c9b93" id="h_5e056c9b93"></a>

뉴스레터를 소개하는 짧은 소개 글을 입력합니다. 여기 작성한 소개 글은 페이지의 뉴스레터 이름 바로 아래에 표시됩니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FUkdJP7vaiID30tXlas6X%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B05.png?alt=media&#x26;token=51b30e78-9403-4317-bc5f-485f57ab6252" alt=""><figcaption></figcaption></figure>

### 긴 소개 입력하기 <a href="#h_72a73d4e98" id="h_72a73d4e98"></a>

조금 더 긴 소개 글을 입력할 수 있습니다. 여기에 작성한 소개 글은 페이지의 SNS 링크 아랫부분에 표시됩니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FzcYJY43pyqRaK70VMRnc%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B06.png?alt=media&#x26;token=21198728-b18e-4cf2-a630-cab1be81edb3" alt=""><figcaption></figcaption></figure>

### SNS 링크 입력하기 <a href="#h_03b825c3e3" id="h_03b825c3e3"></a>

운영하는 SNS 채널 링크를 여기에 입력합니다. 링크를 입력하면 채널별 아이콘이 표시되며, 구독자는 아이콘을 눌러 각 SNS 채널로 이동할 수 있습니다. 오른쪽에 있는 휴지통 버튼을 눌러 SNS 채널 목록을 삭제할 수도 있습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2Fb7jNnJrcVF1ywXdzEb8w%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B07.png?alt=media&#x26;token=c4c41b96-2723-4124-a98f-3c65256f8a4b" alt=""><figcaption></figcaption></figure>

### 설정 저장하기 <a href="#h_6b22410819" id="h_6b22410819"></a>

모든 정보를 입력했으면 아래쪽 \[저장하기] 버튼을 클릭합니다. \[저장하기]를 누르면 정보 입력이 완료되고, 페이지가 만들어집니다. 페이지 화면에 있는 \[주소] 링크를 통해 내가 입력한 기본 정보가 잘 설정됐는지 확인할 수 있습니다.

**\*주의:** \[저장하기] 버튼을 누르지 않고 창을 종료하면 편집한 내용이 모두 사라집니다. 저장하기 버튼을 꼭 눌러주세요.

## 디자인 <a href="#h_01hprcj7st5p3fyjzd8snh7bc5" id="h_01hprcj7st5p3fyjzd8snh7bc5"></a>

\[디자인 → 수정하기]를 눌러 페이지 디자인을 수정할 수 있습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FDxg9vWpNkmF19jYz6axs%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B08.png?alt=media&#x26;token=24ab8054-d67f-4105-9f3c-3df34fa44d67" alt=""><figcaption></figcaption></figure>

### 헤더 설정하기 <a href="#h_07190aee7c" id="h_07190aee7c"></a>

페이지의 위쪽에 표시되는 영역을 '헤더'라고 부릅니다. 헤더에 이미지를 넣거나 색을 채울 수 있습니다. 이미지를 넣으면, 페이지 URL을 외부에 공유했을 때 설정한 이미지가 '미리보기 이미지'로 표시됩니다.

### 이미지 업로드하기 <a href="#h_01hpre41n7yetm0qq2f98ypsay" id="h_01hpre41n7yetm0qq2f98ypsay"></a>

\[파일 선택] 버튼을 클릭해 이미지를 업로드합니다. 5MB 이하의 이미지만 업로드가 가능하며, 권장 사이즈는 1280 X 200 픽셀입니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FiEfJFGJQJAWPQ3SflyXr%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B09.png?alt=media&#x26;token=2611caa2-d308-4de9-aaaf-6b96b211584b" alt=""><figcaption></figcaption></figure>

### 색으로 채우기

업로드할 이미지가 없다면 색으로만 헤더를 채울 수도 있습니다. 직접 원하는 색상을 선택할 수도 있고, HEX 코드를 입력해 색상을 선택할 수도 있습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FY6eFgo6iSQtYm3ffsn8Q%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B010.png?alt=media&#x26;token=4f9af3b9-adc4-4679-a4e6-b8daa70fe3f0" alt=""><figcaption></figcaption></figure>

### 프로필 이미지 설정하기 <a href="#h_97ea7a9040" id="h_97ea7a9040"></a>

\[파일 선택] 버튼을 클릭해 프로필 이미지를 업로드합니다. 5MB 이하의 이미지만 업로드할 수 있으며, 권장 사이즈는 200 X 200 픽셀입니다. 페이지 프로필 사진을 등록하지 않은 상태로 운영할 수도 있으며, 이때는 기본 이미지가 표시됩니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2FCa6VubpYQyUO6iCjXRYj%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B011.png?alt=media&#x26;token=543cb4ac-306f-4fcd-ba98-9ec53d58606d" alt=""><figcaption></figcaption></figure>

### 구독하기 버튼 설정하기 <a href="#h_7c55a19a93" id="h_7c55a19a93"></a>

페이지 안의 \[구독하기] 버튼을 커스텀할 수 있습니다. '구독하기' 대신 다른 표현을 사용할 수 있으며 원하는 색상을 직접 선택할 수도 있습니다.

<figure><img src="https://468498824-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeAMHRdY4ATDXfWZWQs3p%2Fuploads%2Fyzc2K02QAt6mJLuVoVcv%2F%ED%8E%98%EC%9D%B4%EC%A7%80%20%EB%A7%8C%EB%93%A4%EA%B8%B012.png?alt=media&#x26;token=15e2e870-8517-4e5f-ac70-bea47dc00e2a" alt=""><figcaption></figcaption></figure>

### 설정 저장하기 <a href="#h_b6e31280fd" id="h_b6e31280fd"></a>

모든 설정을 완료했다면 아래쪽 \[저장하기] 버튼을 클릭해 디자인 설정 저장을 완료합니다. 페이지 화면에 있는 \[주소] 링크를 통해 내가 설정한 디자인이 잘 적용됐는지 확인할 수 있습니다.

**\*주의:** \[저장하기] 버튼을 누르지 않고 창을 종료하면 편집한 내용이 모두 사라집니다. 저장하기 버튼을 꼭 눌러주세요.&#x20;

생성된 페이지는 별도로 설정하지 않아도 자동으로 검색 엔진(예. 네이버, 구글 등)의 검색 결과에 표시됩니다. 만약 검색 엔진에 내 페이지가 노출되기를 원하지 않는다면 1:1 채팅 상담(화면 오른쪽 아래 검은색 물음표\[?] 클릭) 또는 이메일(<support@stibee.com>)로 문의해 주세요.