Quer descobrir como criar um tour virtual 360 graus no WordPress com a ajuda deElementor?
A tecnologia Google Street View permite que você caminhe virtualmente por uma determinada área sem estar fisicamente lá. Por exemplo, você pode praticamente ver o ambiente ao redor da praia de Kuta em Bali enquanto está fisicamente em seu apartamento em Londres.
Para alguns lugares – como o Louvre em Paris – o Google Street View pode até cobrir um tour virtual interno.
Se você tiver um site baseado em WordPress, poderá criar facilmente um recurso de explicação passo a passo de 360 graus em seu site sem codificação.
Oferecer um tour virtual de 360 graus é uma ótima ideia para empresas como um zoológico, atração turística ou restaurante porque permite que seu visitantes para ver virtualmente o ambiente em torno de sua localização.
Veja também: Como usar o widget de postagens do Elementor
Conforme mencionado, você pode adicionar um recurso passo a passo de 360 graus em seu site WordPress sem codificação. Você pode fazer isso usando os seguintes plugins:
Como criar um tour virtual de 360 graus no WordPress usando complementos essenciais
Antes de começar, certifique-se de ter instalado Elementor e complementos essenciais. Você pode baixar Elementor (você pode usar a versão gratuita) no repositório oficial do WordPress plugins. Enquanto para complementos essenciais, você pode obtê-lo em seu Site oficial.
Passo 1: Integrando Complementos Essenciais com o Google Maps
A primeira coisa que você precisa fazer depois de instalar o Elementor e os complementos essenciais é integrar os complementos essenciais ao Google Maps. Você pode integrá-los usando uma chave de API do Google Maps.
Para criar uma chave de API do Google Maps, primeiro visite Console de APIs do Google e faça login com sua conta do Google. Se você ainda não tem um projeto, crie um novo clicando na lista suspensa na parte superior do painel principal do Google API Console e clique no botão NOVO PROJETO na janela que aparece.
Dê um nome ao seu novo projeto e clique no botão CRIAR .
Depois que seu novo projeto for criado, selecione-o no menu suspenso na parte superior e clique em biblioteca no painel esquerdo.
A API do Google Maps é dividida em 17 tipos. Você pode clicar no link MOSTRE TUDO na seção Cartes para ver todos eles.
Para poder usar complementos essenciais, você precisa habilitar as seguintes APIs:
- API de rotas
- API de geocodificação
- API JavaScript do Google Maps
- API do Google Places
Para ativar uma API, selecione a API em questão (clicando nela) e clique no botão ATIVAR.
Depois de concluir a ativação das APIs necessárias, retorne ao painel principal do Google API Console e clique em identificadores no painel esquerdo. Clique no botão Crie credenciais e selecione Chave de API. Copie a chave API no pop-up que aparece.
Depois de obter a chave da API, faça login no painel do WordPress e navegue até a página Configurações de complementos essenciais clicando no menu Complementos essenciais na barra lateral esquerda.
Ir para a aba elementos e role para baixo na seção Elementos de conteúdo dinâmico. Clique em Configuração do widget Mapa avançado do Google e cole sua chave de API do Google. Clique no botão SALVAR CONFIGURAÇÃO para aplicar a mudança.
Passo 2: comece a criar o tour virtual 360 graus
Crie uma nova página (Páginas – > Adicionar) ou um novo artigo (Itens – > Adicionar) e edite-o com Elementor. Antes de começar a criar a página, você pode primeiro definir o layout.
Descubra também: Como adicionar itens relacionados no Elementor
Para fazer isso, abra o painel Configurações clicando no ícone de engrenagem no canto inferior esquerdo. Defina o layout no menu suspenso Layout.
Adicione uma nova seção clicando no ícone de mais na caixa de edição e adicione o mapa do Google EA nela.
Sob a opção Configurações gerais aba Conteúdo , altere o tipo de mapa para panorama.
aberto Google Maps em uma nova guia e localize onde deseja criar o tour virtual. Clique com o botão direito no local do alfinete e clique com o botão esquerdo agora no primeiro item do menu de contexto que aparece. Isso permite que você copie a latitude (o primeiro valor) e a longitude (o segundo valor).
Voltar para a guia Conteúdo e cole a latitude, bem como a longitude nos respectivos campos.
abrir opção Controles de mapa para ativar/desativar os controles de cartão que você deseja fornecer. Você também pode definir o nível de zoom inicial.
Vá para a guia Style para definir a largura e a altura do seu mapa.
Clique no botão PUBLICAR para publicar seu mapa.
OBSERVAÇÃO: Se o mapa não for carregado após arrastar o widget EA Google Maps no editor e você vir uma mensagem "Somente para fins de desenvolvimento", certifique-se de ativar seu faturamento do Google Cloud.
A nova política do Google exige que os desenvolvedores ativem a conta de cobrança (você ainda pode usar a API do Google Maps gratuitamente).
Obtenha o Elementor Pro agora !!!
Conclusão
Aqui ! É isso neste artigo que mostra como criar um tour virtual de 360 graus no WordPress. Se você tiver alguma dúvida sobre como chegar lá, informe-os no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
