# Comece a usar o editor de in-app sem código

Use este guia para ir de uma tela em branco a um modelo de in-app salvo: crie o modelo, construa o layout, personalize-o, estilize-o e salve. Siga os passos abaixo ou pule para um tópico quando precisar.

## Comece a usar o editor de in-app sem código

<Steps>

1. **Crie um modelo**

   Um modelo de in-app é um design reutilizável que você constrói uma vez e exibe em campanhas. Crie um no editor integrado do zero ou abra um modelo existente para personalizá-lo.

   [Saiba mais](/pt/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/)

2. **Construa o layout**

   Arraste blocos de conteúdo para a tela, como títulos, imagens, botões, cronômetros, produtos e muito mais. Personalize o texto com Merge Tags ou use [condições de exibição](/pt/product/content/in-apps/no-code-in-app-editor/show-in-app-content-to-specific-users/) para mostrar blocos diferentes para usuários diferentes.

   [Saiba mais](/pt/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/#add-content-blocks)

3. **Estilize o modelo e configure o comportamento do dispositivo**

   Defina padrões de documento, cor e tipografia para todo o modelo. Abra as **Configurações de in-app** para configurar a posição, as animações e o botão de fechar para a forma como a mensagem aparece no dispositivo.

   [Saiba mais](/pt/product/content/in-apps/no-code-in-app-editor/configure-in-app-template-settings/)

4. **Salve o modelo**

   Salve o modelo no editor. Ele aparecerá em **Conteúdo** → **In-apps**, pronto para ser visualizado, editado ou usado em campanhas.

   [Saiba mais](/pt/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/#save-the-template)

</Steps>

## Aplique uma identidade visual consistente

Salve seu logotipo, cores, fontes e padrões de bloco uma vez como um **Brand book** e, em seguida, aplique-os a qualquer modelo de in-app com um clique no menu **⋮** do editor integrado.

<LinkCard title="Crie um Brand book" href="/product/content/brand-book/" />

## Use seu modelo salvo

Depois de salvar, seu modelo aparecerá em **Conteúdo** → **In-apps**. A partir daí, você pode visualizar, editar, clonar ou excluir modelos. [Veja e gerencie seu conteúdo de in-app](/pt/product/content/in-apps/#view-and-manage-your-in-app-content)

## Use seus modelos de in-app em campanhas

Para usar seus modelos de in-app existentes em campanhas:

* **Customer Journey:** adicione um elemento In-app e escolha seu modelo. [Saiba mais](/pt/product/messaging-channels/in-apps/send-in-apps/send-in-apps-via-customer-journey/)
* **In-app de envio único:** envie um único in-app para seu público. [Saiba mais](/pt/product/messaging-channels/in-apps/send-in-apps/send-instant-in-apps/)
* **Push que abre um in-app:** envie um push que abre um in-app quando o usuário toca. [Saiba mais](/pt/product/messaging-channels/push-notifications/send-push-notifications/one-time-push#define-what-happens-when-the-push-is-clicked)