# 에디터 시작하기

## **빈 템플릿 디자인 사용하기** <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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.