# 에디터 시작하기

## **빈 템플릿 디자인 사용하기** <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 버튼에 링크 주소와 버튼 클릭 시 열기 형태(현재 창으로 열기 & 새창으로 열기)를 설정 할 수 있습니다.

***

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

👉 [에디터 시작하기](https://docs.groobee.ai/old-admin/onsite/guide/editor/getting-started)

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

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

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

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

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

📌 [CTA 버튼 사용 TIP](https://docs.groobee.ai/old-admin/onsite/guide/editor/cta-tip)
