> For the complete documentation index, see [llms.txt](https://docs.groobee.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.groobee.ai/old-admin/onsite/guide/editor/getting-started.md).

# 에디터 시작하기

## **빈 템플릿 디자인 사용하기** <a href="#id-2189931927" id="id-2189931927"></a>

* 빈 템플릿 디자인을 사용한 경우 안내 메세지를 삭제 후 사용해 주세요.

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/hkbezj8dki/1687430567784/2-a.gif" alt=""><figcaption></figcaption></figure>

***

## **그루비 블록 사용방법**

### **그루비 블록 사용**

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/hkbezj8dki/1687430643325/18.png" alt=""><figcaption></figcaption></figure>

* 그루비 에디터에서 만드는 메시지는 블록으로 구성되며, 블록 안에 요소를 추가하여 메시지를 디자인을 쉽고 빠르게 만들 수 있습니다.

### **그루비 블록 구성**

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/hkbezj8dki/1604897841208/image.png" alt=""><figcaption></figcaption></figure>

* 컬럼 블록을 추가하여 메시지 레이아웃을 구성합니다. 컬럼 블록은 \[Row]와 \[Cell]로 이루어진 형태로 구성되어있습니다.

### **그루비 CTA 버튼 (링크 블록) URL 설정 방법**

<figure><img src="https://files.helpdocs.io/p92xn84cjv/articles/hkbezj8dki/1687430683351/6.png" alt=""><figcaption></figcaption></figure>

추가한 CTA 버튼에 링크 주소와 버튼 클릭 시 열기 형태(현재 창으로 열기 & 새창으로 열기)를 설정 할 수 있습니다.

***

## **💌 메시지 디자인 가이드**

👉 [에디터 시작하기](/old-admin/onsite/guide/editor/getting-started.md)

👉 [그루비 제안 템플릿으로 메시지 디자인 만들기](/old-admin/onsite/guide/editor/template.md)

👉 [통 이미지로 메시지 디자인 만들기 - 슬라이드인](/old-admin/onsite/guide/editor/slide-in.md)

👉 [통 이미지로 메시지 디자인 만들기 - 플로팅 바](/old-admin/onsite/guide/editor/floating-bar.md)

👉 [배경없는 PNG 이미지로 메시지 디자인 만들기](/old-admin/onsite/guide/editor/png.md)

👉 [CTA 버튼을 삽입한 메시지 디자인 작성](/old-admin/onsite/guide/editor/cta.md)

📌 [CTA 버튼 사용 TIP](/old-admin/onsite/guide/editor/cta-tip.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.groobee.ai/old-admin/onsite/guide/editor/getting-started.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.