# 코드 없는 인앱 에디터 시작하기

이 가이드를 따라 빈 캔버스에서 저장된 인앱 템플릿까지 만들어 보세요: 템플릿 생성, 레이아웃 구성, 개인화, 스타일링, 그리고 저장까지. 아래 단계를 따르거나 필요할 때 해당 주제로 바로 이동할 수 있습니다.

## 코드 없는 인앱 에디터 시작하기

<Steps>

1. **템플릿 생성**

   인앱 템플릿은 한 번 만들어서 캠페인에 표시할 수 있는 재사용 가능한 디자인입니다. 내장된 에디터에서 처음부터 새로 만들거나 기존 템플릿을 열어 사용자 정의할 수 있습니다.

   [자세히 알아보기](/ko/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/)

2. **레이아웃 구성**

   제목, 이미지, 버튼, 타이머, 제품 등과 같은 콘텐츠 블록을 캔버스로 드래그하세요. 병합 태그(Merge Tags)로 문구를 개인화하거나, [표시 조건](/ko/product/content/in-apps/no-code-in-app-editor/show-in-app-content-to-specific-users/)을 사용하여 다른 사용자에게 다른 블록을 표시할 수 있습니다.

   [자세히 알아보기](/ko/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/#add-content-blocks)

3. **템플릿 스타일링 및 기기 동작 구성**

   전체 템플릿에 대한 문서, 색상, 타이포그래피 기본값을 설정하세요. **인앱 설정**을 열어 메시지가 기기에 표시되는 방식에 대한 위치, 애니메이션, 닫기 버튼을 구성합니다.

   [자세히 알아보기](/ko/product/content/in-apps/no-code-in-app-editor/configure-in-app-template-settings/)

4. **템플릿 저장**

   에디터에서 템플릿을 저장하세요. **콘텐츠** → **인앱**에 표시되며, 미리보기, 편집 또는 캠페인에 사용할 수 있습니다.

   [자세히 알아보기](/ko/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/#save-the-template)

</Steps>

## 일관된 브랜딩 적용

로고, 색상, 글꼴, 블록 기본값을 **브랜드 북(Brand book)**으로 한 번 저장한 다음, 내장된 에디터의 **⋮** 메뉴에서 클릭 한 번으로 모든 인앱 템플릿에 적용하세요.

<LinkCard title="브랜드 북(Brand book) 생성하기" href="/product/content/brand-book/" />

## 저장된 템플릿 사용하기

저장 후 템플릿은 **콘텐츠** → **인앱**에 표시됩니다. 여기에서 템플릿을 미리보고, 편집하고, 복제하거나 삭제할 수 있습니다. [인앱 콘텐츠 보기 및 관리](/ko/product/content/in-apps/#view-and-manage-your-in-app-content)

## 캠페인에서 인앱 템플릿 사용하기

기존 인앱 템플릿을 캠페인에서 사용하려면:

*   **Customer Journey:** 인앱(In-app) 요소를 추가하고 템플릿을 선택하세요. [자세히 알아보기](/ko/product/messaging-channels/in-apps/send-in-apps/send-in-apps-via-customer-journey/)
*   **일회성 인앱:** 잠재고객에게 단일 인앱을 보냅니다. [자세히 알아보기](/ko/product/messaging-channels/in-apps/send-in-apps/send-instant-in-apps/)
*   **인앱을 여는 푸시:** 사용자가 탭하면 인앱을 여는 푸시를 보냅니다. [자세히 알아보기](/ko/product/messaging-channels/push-notifications/send-push-notifications/one-time-push#define-what-happens-when-the-push-is-clicked)