Adicionar uma imagem 360º no seu site é uma forma incrível de criar uma experiência imersiva para quem visita a sua página. E o melhor: é bem simples de fazer pela 46graus! Neste passo a passo, vou te mostrar como incorporar a imagem usando o card de código do Painel 46graus.
Acessando a página no Painel 46graus
Acesse o Painel 46graus.
Entre na página onde você quer adicionar a imagem 360º.
Adicionando o card de código
Clique em Adicionar card.
Escolha a opção Códigos Extras.
Selecione o card Código.
Copiando o código da imagem no Google Maps
Acesse a imagem 360º no Google Maps.
Clique nos três pontinhos no canto superior esquerdo da imagem.
Selecione a opção Compartilhar ou incorporar imagem.
Escolha Incorporar imagem.
Copie o código HTML fornecido.
💡 Dica!
Se preferir, você também pode ajustar o tamanho da imagem
direto nessa tela, antes de copiar o código.
Ajustando o tamanho da imagem no código
Recomendamos usar width="100%" no código para que a imagem ocupe toda a largura disponível. Você também pode alterar o valor de height para encontrar uma altura que fique proporcional e harmoniosa com o restante da página.
💡 Dica!
Um bom ponto de partida é usar height="400" e ir ajustando
conforme o layout da sua página.
Colando o código no Painel 46graus
Volte ao Painel 46graus.
No card de código que você adicionou, cole o código HTML copiado do Google Maps.
Clique em Salvar.
Pronto! Sua imagem 360º estará visível diretamente na sua página e vai encantar os visitantes com uma experiência interativa. Se tiver qualquer dúvida durante o processo, fale com a gente pelo chat do Painel 46graus. Estamos aqui para te ajudar! ✨