# Página de imóvel # Quero alugar #### **Para que serve o Quero Alugar** Quando você clicar no botão **Quero alugar** no perfil de um imóvel você será direcionado para preencher os dados da análise financeira. Esta é uma forma de mostrar ao responsável do imóvel que você tem interesse em alugar! Para ver todos os detalhes da análise financeira, [clique aqui](https://docs.mellro.com/books/gerador-de-contrato-de-locacao/page/analise-financeira). ---
#### **Quando a análise financeira é necessária:** A análise financeira sempre vai ser necessária quando precisamos de mais informações para validar se você pode alugar um imóvel. #### **Já passei na análise financeira de um imóvel, tenho que fazer de volta?** Toda vez que o valor do aluguel mudar ou toda vez que você se interessar por um novo imóvel você terá que passar novamente pela análise financeira. Fique tranquila, uma vez você preenchendo seus dados, eles são guardados para as próximas consultas. Só vamos pedir mais informações ou mais pessoas para compor a análise se for necessário! Confira, a seguir, um tutorial em vídeo: # RN / Página do imóvel
[Fluxograma / Não logado](https://www.figma.com/file/RTUbzVX2lvziemaH3erMrC/Fluxograma-%2F-Aplica%C3%A7%C3%A3o-WEB?type=design&node-id=348-3137&mode=design&t=l0ciRtLelakBCSez-4)[Fluxograma / Logado](https://www.figma.com/file/RTUbzVX2lvziemaH3erMrC/Fluxograma-%2F-Aplica%C3%A7%C3%A3o-WEB?type=design&node-id=348-0&mode=design&t=l0ciRtLelakBCSez-4)
[Telas / Não logado](https://www.figma.com/file/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=332-10&mode=design)[Telas / Logado](https://www.figma.com/file/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=1217-4601&mode=design)
Protótipo / Não logado / [Mobile](https://www.figma.com/proto/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=332-10&viewport=-709%2C225%2C0.04&t=U1BkyL6jJE34cj5o-0&scaling=min-zoom&starting-point-node-id=682%3A33148&show-proto-sidebar=1) e [desktop](https://www.figma.com/proto/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=332-10&viewport=-709%2C225%2C0.04&t=U1BkyL6jJE34cj5o-0&scaling=min-zoom&starting-point-node-id=682%3A33324&show-proto-sidebar=1)Protótipo / Logado / [Mobile](https://www.figma.com/proto/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=1217-4601&viewport=497%2C173%2C0.03&t=U1BkyL6jJE34cj5o-0&scaling=min-zoom&starting-point-node-id=1217%3A4612&show-proto-sidebar=1) e [desktop](https://www.figma.com/proto/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=1217-4601&viewport=497%2C173%2C0.03&t=U1BkyL6jJE34cj5o-0&scaling=min-zoom&starting-point-node-id=1217%3A6198&show-proto-sidebar=1)
### **Descrição** Este documento descreve todos os detalhes sobre as página de imóveis e seus comportamentos --- ### **Fluxo** #### **Imóvel** ##### **Informações do imóvel** Devem ser exibidos as informações do imóvel: metragem, quartos, banheiros e vagas de garagem. **Tags:** Deve ser exibido qual o tipo de aluguel desse imóvel: Residencial ou comercial. ##### **URLs** A URL das páginas de Perfil do imóvel precisam atender a seguinte regra, visando melhorias de SEO: Criar Subpáginas (CIDADE + BAIRRO) para ficarem prontas Url exemplo:[ https://app.mellro.com/imovel/curitiba/centro](https://app.mellro.com/imovel/curitiba/centro); As urls dos imóveis não podem conter acentos para que os links quando compartilhados não quebram; ##### **Galeria de imagens:** Todas as imagens devem ser exibidas com 100% de sua altura dentro da altura limite da galeria, dessa forma, o usuário consegue visualizar as fotos por inteiro, independente se sua orientação for horizontal ou vertical; No perfil do imóvel se um usuário clicar em uma das fotos, irá abrir a galeria de fotos para melhor visualização; A galeria de imagens no topo exibe o número total de imagens e qual está sendo visualizada, logo ao lado o botão para fechar; A imagem sempre é mostrada centralizada na tela e os botões de navegação aos lados sempre na mesma posição. A página de perfil do imóvel apresenta os seguintes campos condicionais de acordo com o plano escolhido durante o cadastro do imóvel [Garantia de pagamento](https://www.figma.com/file/aZYucB1du7Di9tlHA8aEgq/Aplica%C3%A7%C3%A3o-web?node-id=1217%3A18651) No perfil do imóvel existe um botão **Denunciar irregularidade** que quando é clicado leva para o [helpdesk;](https://mellro.atlassian.net/servicedesk/customer/portals) Neste caso a mensagem ao time da Mellro deve chegar com o link do imóvel denunciado; ##### **Box direito:** Este box apresenta o comportamento sticky, conforme o usuário rola a tela para baixo, ao atingir aaltura máxima ele fica fixo na tela; Logo abaixo do valor do imóvel, são exibidas as [informações de condomínio e de IPTU do imóvel](https://www.figma.com/file/4EmwawftO3kRlOIWzGC7Ha/Cadastrar%2FEditar-im%C3%B3vel?type=design&node-id=1102-26133&mode=design&t=dhrXfnXZB6xT5YZV-4): Caso o dono pague um desses valores, deve ser exibida a informação de que o Condomínio/IPTU está incluso; Caso o inquilino pague um desses valores, deve ser exibida a informação de quanto custa o Condomínio/IPTU; ##### **Botão Conversar com responsável**: Quando clicado pode acontecer duas coisas: Caso o usuário não esteja logado, irá abrir o modal para o usuário logar em sua conta da Mellro. Caso o usuário esteja logado, será criada uma negociação com o dono do imóvel, ou seja, será aberta uma conversa entre o interessado e o dono no Chat. Os botões de **Favoritar** e **Descartar** funcionam da mesma forma que na listagem; ##### **Botão de compartilhar:** [Mobile](https://www.figma.com/file/4EmwawftO3kRlOIWzGC7Ha/Cadastrar%2FEditar-im%C3%B3vel?type=design&node-id=1560-21789&mode=design&t=B4LYa8cL52QvXef6-4): O botão deve ser exibido no lugar do menu do usuário; [Desktop](https://www.figma.com/file/4EmwawftO3kRlOIWzGC7Ha/Cadastrar%2FEditar-im%C3%B3vel?type=design&node-id=1-7891&mode=design&t=B4LYa8cL52QvXef6-4): O botão de compartilhar deve ser exibido na linha do título do imóvel; ##### **Prévia de compartilhamento de link:** Quando um dos links de uma página de imóvel é compartilhada, as informações exibidas na prévia do link devem seguir os padrões abaixo: **Imagem:** Devemos exibir a primeira foto cadastrada do imóvel; **Título:** Mell.ro: \[Tipo imóvel\] para alugar, R$ \[Valor\] em \[Bairro\], \[Cidade\]; **Descrição:** Aluguel rápido e fácil! \[Quartos\] quarto\[s\], \[metragem\]m², \[Banheiros\] banheiro e \[vagas\] vagas de garagem e \[aceita/não aceita\] animais. Para os quartos, banheiros e vagas de garagem: Se existir apenas 1 da variável, a palavra deve ser exibida no singular. Exemplo: quarto, banheiro e vaga; Se existir mais de um da variável, a palavra deve ser exibida no plural. Exemplo: quartos, banheiros e vagas; Se o imóvel possuir 0 quartos, banheiros ou vagas de garagem, não deve ser exibida a variável zerada. Exemplo: Aluguel rápido e fácil! 1 quarto, 37 m², 1 banheiro e aceita animais. ##### **Descrição** Na página do imóvel, se a descrição foi preenchida deve ser exibida acima das informações do condomínio. Por padrão, só deve ser exibido as 6 primeiras linhas do texto, o restante deve ficar oculto por truncate. Caso o texto seja maior do que 6 linhas, deve ser exibido o botão Ver mais, que ao clicar, deve exibir todo o conteúdo da descrição. ##### **Informações do condomínio e imóvel** Deve existir os botões de **Ver mais** e **Ver menos** nas listagens. Os botões só devem ser exibidos se o imóvel possuir mais de 12 detalhes em cada uma das listas. Quando forem exibidos, deve: - Desktop: Exibir 3 linhas de detalhes, o restante deve ficar oculto - Mobile: exibir 6 linhas de detalhes, o restante deve ficar oculto Ao clicar no botão de Ver mais, a lista deve ser expandida, no lugar deve ser exibido o botão de Ver menos para ocultar os itens, voltando ao estado inicial. ##### **Mapa** É exibido no mapa a localização do imóvel. Precisamos exibir apenas os campos: \[Endereço\] - \[Cidade\], \[Estado\] ##### **Links para outras plataformas:** Em nossas telas de perfil do imóvel, precisamos começar a [disponibilizar os links dos imóveis](https://www.figma.com/file/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=9065-16024&mode=design&t=bI3Qwl41wQmjlASK-4) nas outras plataformas; **Rastrear nossas páginas de perfil** Precisamos passar a rastrear apenas as nossas páginas de perfil nas outras plataformas, semelhante ao nosso crawler; Precisamos rastrear 30 minutos após o envio do xml para o Canal Pro; Páginas de perfil nas plataformas: **OLX:** https://www.olx.com.br/perfil/mellro-1067bc48 **Viva real:** https://www.vivareal.com.br/635579/mellro/?\_\_ab=exp-aa-test-viva%3AB%2Cdescription-phone-cta%3Acontrol **ZAP imóveis:** https://www.zapimoveis.com.br/imobiliaria/635579/? Nelas vão se encontrar todos os nossos imóveis publicados; Nas três plataformas, se encontra visível o id do imóvel da nossa plataforma nas páginas de imóvel. Dessa forma, conseguimos passar a exibir os links das outras plataformas na tela de perfil de imóvel; Enquanto os links não são rastreados, a área **Veja o imóvel publicado em outros portais deve ser oculta; Enquanto um dos links não fica disponível não deve ser exibido o botão relativa a plataforma; ##### **Imóvel despublicado** Caso o imóvel já esteja alugado ou esteja desativado (em qualquer link cujo backend retorna 404), o usuário é direcionado para a seguinte [tela do Figma](https://www.figma.com/file/aZYucB1du7Di9tlHA8aEgq/Busca?type=design&node-id=8355-54005&mode=design&t=U1BkyL6jJE34cj5o-4); --- ### **Notificações** **Categoria: Negociacao\_nova** **Gatilho:** Toda vez que é criada uma nova negociação no sistema. **Tipos de notificação:** [E-mail,](https://www.figma.com/design/PMSvPQ3u4pDWEOparKraON/E-mails?node-id=2899-2830&t=CoivHDrOKHyacApK-4) [Notificação,](https://www.figma.com/design/aZYucB1du7Di9tlHA8aEgq/Busca?node-id=9244-17356&t=keBXTLzivubvKlF3-4) WhatsApp e [Histórico](https://www.figma.com/design/H6G0P3DzNSY3X5kgoEkLOW/Negocia%C3%A7%C3%A3o-e-Chat?node-id=8953-36246&t=aFKzawtI2FtJ6KFB-4). **Quem recebe:** Responsável pelo imóvel **E-mail:** - - - **Texto:** Devemos exibir o nome do usuário, nome do interessado e informações sobre o imóvel. - **Botão:** Deve direcionar para a conversa em questão no chat. **Notificação:** - - - **Texto:** Devemos exibir o nome do interessado e o código do imóvel \[AAA000\] - **Contexto:** Devemos direcionar o usuário para a conversa em questão no chat. **WhatsApp:** - - - **Texto:** \[primeiro nome do interessado\] se interessou no seu imóvel \[AAA000\] vindo do \[rede de imóvel\]. Falar com o cliente: \[link-encurtado\] - **Link para contexto:** Devemos criar um link para a conversa de WhatsApp do responsável pelo imóvel com o texto: Olá, você se interessou por esse imóvel, gostaria de saber mais? \[link encurtado do imóvel\] **Histórico:** - - - Deve ser exibido no chat da negociação em questão assim que um usuário clica no link para o contexto da notificação de WhatsApp - **Texto:** Deve ser exibido o primeiro nome do responsável --- ### **Fluxos relacionados**
**Fluxo****Como os fluxos se relacionam**
Admin / CrawlerDescreve como imóveis encontrados pelo crawler podem ser exibidos na busca e gerar sua página.
Integrações / Redes de imóveisDescreve como imóveis exibidos na busca são exibidos em outras redes de imóveis e gerar sua página.
Plataforma / Meus imóveisDescreve como acessar um imóvel pela tela de meus imóveis.
Plataforma / Criar imóvelDescreve como criar um novo imóvel.
Plataforma / Editar imóvelDescreve como editar um imóvel criado.
Admin / ImóveisDescreve como nossa equipe pode acessar todos os detalhes de um imóvel criado pelo admin
--- ### **Requisitos de aceitação** 1. Curtir/favoritar um imóvel 2. Descurtir/desfavoritar um imóvel 3. Campo condicional do perfil do imóvel de acordo com o plano 4. Função conversar com dono no perfil do imóvel
# Página do imóvel Após a busca e encontrado o imóvel desejado para o aluguel, por meio da [listagem de catálogo](https://docs.mellro.com/books/busca-de-imoveis/page/listagem-de-catalogo), você pode clicar no card do imóvel, que uma nova página será aberta, onde **detalhes e fotos do imóvel** selecionado serão exibidos. É exibido ao usuário, a galeria de fotos, na qual você pode clicar e observar todas as fotos cadastradas com maiores riquezas de detalhes, será exibido também, informações sobre o imóvel e condomínio, se houver, além das regras a serem seguidas, como a aceitação de animais e um mapa interativo com a localização do imóvel. Na página de detalhes também existe um box, que nele contém dados de valores de aluguel, IPTU e Condomínio, se incluso ou não, e dois botões, C**onversar com responsável** e o **Quero Alugar**, que iniciaram um chat com o responsável pelo imóvel para a negociação e confirmação do aluguel.