# Como funciona a Barra de Status?

<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">A </span>**Barra de Status**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> é um recurso utilizado para destacar informações importantes sobre o imóvel diretamente no site. Essa barra aparece na listagem e na página detalhada do imóvel, ajudando na identificação rápida de características relevantes pelo cliente. Neste artigo são apresentadas as formas de configurar esse recurso.</span>

---

##### **1 Onde encontrar**  
[![BARRA.gif](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/barra.gif)](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/barra.gif)

<span style="color: rgb(0, 0, 0);">A configuração da Barra de Status está disponível no cadastro do imóvel, na aba Levantamento. Nessa aba, ative a opção Utilizar Barra de Status. Após ativar, serão exibidos dois campos adicionais:</span>

- **Cor da Barra:**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> aceita códigos de cor no formato hexadecimal (ex.: </span>`<span class="editor-theme-code">#FF0000</span>`<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> para vermelho, </span>`<span class="editor-theme-code">#00FF00</span>`<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> para verde, </span>`<span class="editor-theme-code">#0000FF</span>`<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> para azul). Essa configuração permite padronizar as cores utilizadas pela imobiliária para diferentes situações ou categorias.</span>
- **Mensagem da Barra de Status:**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> campo destinado ao texto que será exibido no site. Exemplos comuns incluem: “Promoção”, “Alto Padrão”, “Imperdível”, “Oportunidade”, entre outros.</span>

---

##### **2 Como ficará no site**

<span style="color: rgb(0, 0, 0);">A Barra de Status é exibida em dois locais do site:</span>

- **Card de listagem:**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> localizada sobre a imagem principal do imóvel na listagem geral do site.</span>
- **Página do imóvel:**<span style="color: rgb(0, 0, 0); white-space: pre-wrap;"> apresentada no topo da imagem principal do imóvel na página de detalhes.</span>

<span style="color: rgb(0, 0, 0);">Essas exibições garantem maior destaque visual e ajudam o usuário final a identificar rapidamente informações importantes sobre o imóvel.</span>

<table class="align-justify" id="bkmrk-na-listagem-de-im%C3%B3ve"><colgroup><col style="width: 645px;"></col><col style="width: 612px;"></col></colgroup><tbody><tr><td class="align-justify">**Na listagem de Imóveis**

</td><td class="align-justify">**No detalhamento do Imóvel**

</td></tr><tr style="height: 79px;"><td class="align-justify">[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/scaled-1680-/6n9image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/6n9image.png)

</td><td class="align-justify">[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/scaled-1680-/xsdimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2025-11/xsdimage.png)

</td></tr></tbody></table>

---

##### **3 Boas práticas de uso**

- <span style="color: rgb(0, 0, 0);">Utilizar cores padronizadas para manter consistência visual e facilitar a identificação rápida pelos usuários.</span>
- <span style="color: rgb(0, 0, 0);">Criar mensagens objetivas, que comuniquem de forma clara o status ou destaque desejado.</span>
- <span style="color: rgb(0, 0, 0);">Atualizar a barra sempre que houver uma mudança relevante na situação do imóvel, garantindo que as informações exibidas no site estejam alinhadas com o contexto atual.</span>