No que inserir o mapa da minha loja vai me auxiliar?
Inserir o mapa da sua loja, assim como o seu endereço pode lhe auxiliar e muito a vender na internet, trazendo credibilidade e confiança ao seu cliente, assim como informando o mesmo caso ele deseje se deslocar a sua loja para conhecer ou para adquirir produtos.
Como realizar essa configuração na plataforma Loja HostGator?
Para realizar este ajuste vamos executar duas etapas, sendo elas:
- Como localizar o seu endereço e obter o código do mapa;
- Como inserir na plataforma Loja HostGator;
Como eu posso localizar o meu endereço e obter o código para instalação?
Para realizar esta configuração primeiro acesse o seu navegador conforme a imagem 1.
Imagem 1
Logo após insira o endereço que você deseja obter o mapa e realize a busca conforme a imagem 2.
Imagem 2
Você irá visualizar uma prévia do mapa onde clique sobre o mesmo conforme a imagem 3.
Imagem 3
Ao acessar clique na opção Compartilhar conforme a imagem 4.
Imagem 4
Selecione a opção Incorporar ao Mapa e então clique sobre o campo Copiar HTML conforme a imagem 5.
Imagem 5
Ao copiar o código irá retornar a mensagem conforme a imagem 6, armazene este código, pois é ele que vamos utilizar para inserir na Loja HostGator.
Imagem 6
Como inserir na plataforma Loja HostGator:
Para você poder utilizar este recurso em sua loja primeiro você deve acessar o seu painel administrativo, logo após definir onde você deseja apresentar o mapa da sua loja.
Este recurso permite que você faça a inserção do mesmo em qualquer campo de edição de texto da plataforma Loja HostGator, conforme exemplo na imagem 7.
Imagem 7
Porém, nesta documentação vamos realizar este ajuste na página extra quem somos da plataforma, onde para isto trilhe o caminho Aplicativos > Marketing > Páginas extras > Configurar conforme a imagem 8.
Imagem 8
E então localize a página extra quem somos, logo após clique sobre o botão de edição conforme a imagem 9.
Imagem 9
Ao acessar o campo de edição, na aba de textos desta página extra, clique sobre a opção código-fonte conforme a imagem 10.
Imagem
E então cole conforme a imagem 11 o código que você copiou no passo 1 desta documentação.
Imagem 11
Após colar o código clique novamente em código-fonte e então você irá visualizar que o iframe do mapa de seu endereço na página extra conforme a imagem 12, onde ao finalizar clique sobre Salvar.
Imagem 12
Esta será a visualização no seu site do mapa inserido conforme a imagem 13.
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário