Ir para o conteúdo principal
Housing Market GroupHousing Market GroupTutoriais

Como adicionar um widget da Housing Market ao seu site

Tutorial 152 de 181

O vídeo deste tutorial está sendo atualizado no momento. Os passos escritos abaixo cobrem o mesmo conteúdo. Assistir à versão em inglês

Abrir o produto

Depois que o widget está pronto, colocá-lo no seu site exige apenas um trecho curto de código, colado uma única vez. Este tutorial abre a aba Publicar de um widget ativo, copia o código, mostra onde colá-lo no Wix, Squarespace, Webflow, Shopify, WordPress ou em uma página HTML simples e, por fim, cola o código na página de Imóveis de um site de demonstração. A página mostra seus imóveis na hora, com os filtros e a janela de imóvel que seus visitantes vão usar.

Neste tutorial você vai aprender

  • Onde encontrar o código de um widget
  • Como copiá-lo e onde colá-lo nos construtores de sites mais comuns
  • O que fazer se o seu construtor de sites bloquear scripts (o código iframe)
  • O que seus visitantes veem quando o código está na página

Acompanhe: os passos

  1. Este é o seu painel do Housing Market CRM.
  2. Abra Imóveis no menu à esquerda.
  3. Clique em Widgets de site.
  4. Abra Anúncios da página inicial.
  5. Abra a aba Publicar.
  6. Este código curto é tudo que seu site precisa. São duas linhas: o script e o lugar do widget.
  7. Clique em Copiar código.
  8. Ele vai para a área de transferência.
  9. Cada construtor de sites tem o próprio lugar para código personalizado.
  10. Wix: Adicionar elementos, Incorporar código, Incorporar HTML.
  11. Squarespace: adicione um bloco de código (Code).
  12. Webflow: adicione um elemento de incorporação (Embed).
  13. Em uma página HTML simples, cole dentro do body.
  14. Se o seu construtor remove scripts, use o código iframe. Ele mostra o mesmo widget.
  15. Esta é a página de Imóveis de um site. Abra a página onde o widget deve ficar.
  16. Clique no ponto da página onde o widget deve aparecer…
  17. …e cole o código.
  18. Salve a página.
  19. Seus imóveis estão na página, com fotos e preços.
  20. Os visitantes podem filtrar por venda ou aluguel, preço, tipo, quartos e localização.
  21. Clique em um imóvel para abrir os detalhes em uma janela, sem sair do seu site.
  22. Os visitantes veem as fotos, a descrição e um formulário de solicitação.
  23. Mude o design no CRM e esta página acompanha. Sem código novo para colar.