Como integrar uma visita virtual 360° no seu site: guia completo 2026

Se já criou uma visita no Tours e quer colocá-la no seu site, não precisa de escrever código de raiz. Após a publicação, acede a As Minhas Visitas, escolhe a visita pretendida, abre o menu de três pontos e clica em Incorporação. A partir daí escolhe a variante adequada ao seu site — HTML, React, Angular, WordPress ou Wix — e copia o código gerado.

Na mesma janela pode ativar ou desativar a incorporação e decidir em que domínios a visita pode aparecer. Na prática, tem controlo total sobre onde a visita é apresentada, sem voltar ao editor nem alterar o conteúdo da visita.

Para o visitante, o resultado é simples: a visita 360° abre diretamente na sua página. Não o envia para outro site, não o retira da página de apresentação nem o obriga a procurar a galeria separadamente. Pode explorar os quartos, as mesas, o apartamento, o showroom ou o espaço de eventos exatamente onde estão a descrição, a oferta, o formulário de contacto ou o botão de reserva.

Em resumo

• Uma visita virtual integrada no site aparece diretamente na sua página, não como um link separado para outra plataforma.
• No Tours, o código obtém-se em As Minhas Visitas, depois de a visita ter sido publicada.
• Os passos são: As Minhas Visitas → menu de três pontos → Incorporação → escolher a plataforma → copiar o código.
• Na janela de incorporação pode ativar ou desativar a apresentação da visita em sites externos.
• Pode definir os domínios em que a visita pode aparecer, para evitar que seja copiada para qualquer lugar.
• Existem variantes de código para HTML, React, Angular, WordPress e Wix.
• Se alterar a visita no editor, a versão incorporada no site atualiza-se automaticamente.
• A visita integrada pode incluir cenas 360°, pontos interativos, reservas integradas e estatísticas de utilização.

O que significa integrar uma visita virtual num site?

Integrar uma visita virtual num site significa que o visitante pode explorar um espaço em 360° diretamente na sua página. Não vê apenas uma fotografia grande nem é enviado para uma galeria externa. Pode rodar a imagem, passar de uma divisão para outra, clicar em pontos interativos e descobrir detalhes que as fotografias convencionais não mostram com a mesma clareza.

Para um hotel, isto pode traduzir-se numa apresentação mais convincente dos quartos. Para um restaurante, pode significar que as pessoas veem o ambiente e a sala antes de reservar. Para imobiliário, pode reduzir as perguntas desnecessárias, porque o visitante compreende melhor a distribuição e a dimensão do espaço antes de pedir uma visita presencial.

Do ponto de vista técnico, a integração faz-se através de um código gerado pela plataforma. Copia-o do Tours e cola-o no seu site. No WordPress ou no Wix coloca-o num elemento HTML. Num site desenvolvido à medida, insere-o no código da página. Em projetos React ou Angular utiliza a variante dedicada a essa tecnologia.

A maior vantagem é manter o visitante no mesmo contexto. A visita pode ficar junto à descrição do quarto, ao formulário de contacto, aos preços ou ao botão de reserva. Isso torna a experiência mais fluida e mais fácil de utilizar.

Como obter o código de incorporação no Tours?

No Tours, o código de incorporação é gerado automaticamente. Não precisa de o construir manualmente nem de procurar definições escondidas na aplicação. Depois de a visita ser publicada, encontra-a na sua lista de visitas e abre a incorporação diretamente a partir daí.

• Inicie sessão na sua conta Tours.
• Abra a página As Minhas Visitas.
• Encontre a visita publicada que pretende apresentar no site.
• Clique no menu de três pontos junto à visita.
• Escolha a opção de incorporação.
• Verifique se a incorporação está ativa.
• Adicione ou edite os domínios permitidos.
• Escolha a variante de código para HTML, React, Angular, WordPress ou Wix.
• Copie o código apresentado e cole-o na página pretendida do seu site.

Cada visita tem as suas próprias definições de incorporação. Isto é especialmente relevante quando gere várias localizações, várias propriedades ou várias páginas de apresentação. Pode ter uma visita para a receção, outra para os quartos, outra para o restaurante e outra para uma sala de eventos, cada uma com o seu próprio código e os seus próprios domínios permitidos.

O que pode configurar na janela de incorporação?

A janela de incorporação não serve apenas para copiar o código. É também onde controla a forma como a visita é utilizada em sites externos. Daqui pode desativar a incorporação, permitir apenas determinados domínios e escolher o código adequado à plataforma que utiliza.

• Ativar ou desativar: pode interromper a apresentação da visita em sites externos sem eliminar a visita da conta.
• Domínios permitidos: escolhe em que sites a visita pode aparecer, por exemplo o domínio do hotel, do restaurante ou da agência imobiliária.
• Escolha da plataforma: pode selecionar HTML, React, Angular, WordPress ou Wix.
• Código pronto a copiar: depois de escolher a plataforma, o código adequado aparece imediatamente.
• Definições separadas por visita: cada visita publicada pode ter as suas próprias regras de incorporação.

A lista de domínios permitidos é útil para manter o controlo. Por exemplo, se criou uma visita para o site oficial de um hotel, pode permitir a apresentação apenas nesse domínio. Se alguém copiar o código e tentar colocá-lo noutro site, a incorporação pode ser bloqueada.

Qual a variante certa: HTML, React, Angular, WordPress ou Wix?

Nem todos os sites são construídos da mesma forma, por isso o Tours disponibiliza várias variantes de código. A ideia é não ter de adaptar manualmente a integração, mas sim escolher a variante adequada e copiar o código gerado.

Se não souber qual variante escolher, a regra é simples: WordPress para WordPress, Wix para Wix, React para React ou Next.js, Angular para Angular, e HTML para qualquer outro site que aceite código personalizado.

Integração de visita virtual no WordPress

No WordPress, a integração é bastante direta. Escolhe a variante WordPress no Tours, copia o código e coloca-o na página onde pretende que a visita apareça. Não precisa de nenhum plugin específico para visitas virtuais, desde que o tema ou o editor permita adicionar HTML personalizado.

• No Gutenberg, adiciona um bloco HTML personalizado e cola o código.
• No Elementor, utiliza o elemento HTML e coloca o código na secção pretendida.
• No Divi, utiliza o módulo de código.
• No WPBakery, pode usar um elemento para HTML simples ou código personalizado.
• No editor clássico, muda para a vista Texto / HTML e insere o código onde necessário.

Vale a pena prestar atenção ao espaço onde coloca a visita. Se a inserir numa secção demasiado pequena, a experiência não fica bem apresentada. No computador, uma altura de cerca de 600px é geralmente um bom ponto de partida; no telemóvel convém verificar a página antes de publicar.

Integração de visita virtual no Wix

No Wix, escolhe a variante Wix no Tours e copia o código gerado. Depois acede ao editor Wix e adiciona um elemento de incorporação HTML na zona da página onde pretende que a visita apareça.

• Abra a página pretendida no editor Wix.
• Adicione um novo elemento a partir do menu +.
• Escolha a área de incorporação ou código personalizado.
• Selecione o elemento HTML.
• Cole o código gerado pelo Tours para Wix.
• Ajuste a largura e a altura para computador e telemóvel.
• Publique a página e teste a visita no site em produção.

Se a visita aparecer cortada no Wix, na maioria dos casos o problema está nas dimensões do elemento HTML, não no código do Tours. Aumente a área onde colocou a visita, verifique a versão para telemóvel e certifique-se de que publicou a versão mais recente da página.

Integração em React, Angular, Webflow, Squarespace ou HTML

Se o seu site não está no WordPress nem no Wix, escolhe a variante que melhor se adapta ao projeto. Para um site desenvolvido de raiz, a variante HTML é geralmente suficiente. Para aplicações modernas, pode utilizar o código para React ou Angular.

• React / Next.js: utilize o código para React e coloque-o no componente onde pretende que a visita apareça.
• Angular: utilize o código para Angular no template do componente adequado.
• Webflow: adicione um elemento de incorporação e cole o código HTML do Tours.
• Squarespace: adicione um bloco de código e cole a variante HTML.
• Shopify: coloque o código numa secção HTML personalizada ou num template de página, consoante o tema utilizado.
• HTML puro: insira o código diretamente no local onde pretende que a visita seja carregada.

Se a sua plataforma não permite código personalizado, pode utilizar o link público da visita ou o código QR gerado pelo Tours. Ainda assim, sempre que possível, a integração direta é a melhor opção para páginas comerciais, porque o visitante permanece junto à oferta, ao formulário ou ao botão de reserva.

Como criar a visita antes de a integrar?

Antes de chegar ao código de incorporação, precisa de ter uma visita publicada. No Tours, a criação da visita é feita de forma visual: carrega as cenas 360°, organiza-as e adiciona os pontos interativos de que necessita.

• Crie uma conta em getours.app e aceda à aplicação Tours.
• Abra As Minhas Visitas e clique no botão para criar uma nova visita.
• Preencha o nome da visita e a categoria; opcionalmente pode adicionar localização, preço ou etiquetas.
• Carregue a primeira cena 360° e atribua-lhe um nome claro.
• No editor, adicione cenas adicionais, pontos de navegação, informações, imagens, vídeo, ligações externas e grupos de cenas.
• Se pretender ligar determinados pontos às reservas, pode organizá-los com etiquetas internas.
• Publique a visita e escolha a visibilidade adequada.
• Após a publicação, volte a As Minhas Visitas, abra o menu de três pontos e escolha incorporação.

Em resumo, o editor é onde constrói a experiência 360°, e a janela de incorporação é onde coloca a visita no site e controla onde pode ser apresentada.

É possível ter reservas na visita integrada?

Sim. Se configurou reservas integradas no Tours, estas funcionam também na visita incorporada no site. O visitante pode explorar o espaço e enviar uma reserva ou um pedido sem sair da página.

• Reserva ao nível da visita: pode apresentar um botão de reserva disponível durante toda a visita.
• Reserva ao nível da cena: pode ativar a reserva apenas em determinados quartos ou zonas.
• Reserva ao nível do grupo: pode agrupar várias cenas, útil para tipos de quartos, apartamentos ou espaços distintos.
• Reserva através de ponto interativo: um ponto na visita pode abrir a janela de reserva para uma mesa, um quarto, um espaço ou uma visita presencial.
• Reservas por etiqueta: vários pontos interativos podem partilhar o mesmo calendário se estiverem ligados pela mesma etiqueta.

As reservas configuram-se separadamente, no Gestor de Reservas. Aí define a disponibilidade, as regras de capacidade, a aprovação manual ou automática e as pessoas que gerem os pedidos. Depois, liga o gestor à visita, a determinadas cenas, a grupos de cenas ou a pontos interativos.

Se já utiliza um PMS, um channel manager ou outras plataformas de reservas, o Tours pode funcionar como um canal visual adicional. Nas situações em que a disponibilidade é gerida em vários locais, a aprovação manual ajuda a evitar sobreposições.

O que vê o visitante na visita integrada?

O visitante vê exatamente a experiência que construiu no editor do Tours. Não é apenas uma imagem panorâmica colocada na página, mas uma visita interativa que pode incluir navegação, informações, ligações, reservas integradas e estatísticas de utilização em segundo plano.

• Cenas 360° que o visitante pode rodar em todas as direções.
• Navegação entre divisões ou zonas através de pontos interativos.
• Pontos de informação com texto, imagens ou vídeo.
• Ligações externas para menus, catálogos, páginas de produto ou formulários.
• Botão de reserva ou pontos interativos que abrem a janela de reserva.
• Conteúdo em vários idiomas, se configurado na visita.
• Estatísticas de utilização sobre visitas, cenas acedidas e interações.

Por que razão a visita não aparece no site?

Se colocou o código no site mas a visita não aparece, não significa necessariamente que a integração está com problemas. Na maioria dos casos falta uma definição ou o código foi colocado num local que não o apresenta corretamente.

• Verifique se a visita está publicada. Uma visita não publicada não aparecerá corretamente no site.
• Verifique se a incorporação está ativa em As Minhas Visitas → menu de três pontos → incorporação.
• Verifique os domínios permitidos. O domínio do seu site tem de constar na lista aceite.
• Certifique-se de que escolheu a variante de código correta: WordPress para WordPress, Wix para Wix, React para React, Angular para Angular e HTML para os restantes casos.
• Se utiliza o Wix ou um construtor visual, aumente a altura do elemento onde colocou a visita.
• Verifique se a sua plataforma permite código HTML ou código externo. Alguns planos gratuitos podem ter limitações.
• Publique a página depois de colar o código. Por vezes a visita aparece na pré-visualização mas não no site em produção se as alterações não foram publicadas.

O teste mais rápido é voltar à janela de incorporação, verificar se a incorporação está ativa, se o domínio está permitido e se o código escolhido corresponde à sua plataforma. Em muitos casos, o problema resolve-se sem alterar nada na visita.

Comparação com outras plataformas de visitas virtuais

Muitas plataformas de visitas virtuais oferecem alguma forma de integração em sites. A diferença surge quando pretende mais do que a simples apresentação da visita: controlo por domínios, reservas integradas, estatísticas de utilização, conteúdo em vários idiomas ou variantes de código para tecnologias distintas.

Para o Tours, a ideia não é apenas colocar uma panorâmica no site, mas transformar a visita numa parte útil da sua página: apresentação, interação, reserva, pedido de orçamento ou análise do interesse dos visitantes.

Se quiser testar a integração, pode começar com uma visita simples. Cria a conta, publica a primeira visita, acede a As Minhas Visitas, abre a incorporação e copia o código para a sua plataforma. Em poucos minutos pode ter uma visita 360° apresentada diretamente no site, com pontos interativos, reservas integradas e estatísticas de utilização prontas para uso real.