Domínios estacionados são usados para apontar um novo nome de domínio para um novo domínio.
Por exemplo, se nós temos um site chamado exemplo.com e queremos que o site exemplo.net também mostre o mesmo conteúdo que o .com possui, nós vamos configurar o exemplo.com como um domínio reservado, ou seja, estacionar o domínio.
Este tutorial vai te ensinar a como estacionar um domínio no DirectAdmin.
Como estacionar um domínio no DirectAdmin – O que você vai precisar
Antes de começar este guia, você vai precisar ter acesso ao DirectAdmin e um nome de domínio.
Passo 1 – Localizando o botão Aliases
Logue na sua conta do DirectAdmin e vá na seção de domínios e clique no botão Aliases, como mostra a imagem abaixo:
Passo 2 – Criando um novo Alias
Coloque o domínio que você quer na opção Criar um novo Alias. Depois, clique em adicionar domínio.
Lembre-se que pode demorar até 24 horas para que domínios estacionados sejam exibidos na internet, por causa da propagação do DNS.
O domínio também precisa estar registrado e apontando para os servers da sua hospedagem antes que você possa gerenciá-los no DirectAdmin.
Você pode obter instruções de como fazer isso com a empresa de hospedagem que você registrou seu nome de domínio.
Conclusão: Parabéns, você terminou o tutorial e agora já sabe como estacionar um domínio no DirectAdmin. O seu novo nome de domínio estacionado vai exibir a raiz do documento do seu domínio principal (public_html).
Quer aprender a mudar a cor da Statusbar? Hoje trago uma dica incrível de como aumentar mais a identificação do seu site no celular.
Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma harmonia em tudo, seja nos posicionamentos ou nas cores.
E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?
Sim, isso é possível de ser realizado nos navegadores de celulares através de meta tags específicas.
A partir da versão 39 do Chrome para o Android Lollipop, é possível você mudar a cor do browser, alterando a cor da barra de navegação. Isso também é possível no Safari / iOS e Windows Phone também, sei lá se ele volta!
Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.
De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado. Espero que tenham gostado. Um abraço e até a próxima.
Cloudflare é uma empresa que oferece rede de fornecimento de conteúdo (CDN), DNS, proteção DDoS e serviços de segurança. Ela se tornou conhecida na indústria de desempenho na web graças aos seus baixos tempos de pesquisa de DNS e por possuir uma rede robusta com mais de 100 data centers diferentes ao redor do mundo. A empresa tem o apoio de alguns dos grandes nomes da indústria, como Google, Microsoft e Qualcomm. Alguns de seus clientes incluem Nasdaq, Digital Ocean, Zendesk e Cisco.
Se você procura por uma forma fácil de acelerar e melhorar a segurança em seu site WordPress, Cloudflare é uma ótima solução. A maioria dos clientes pode até mesmo utilizar o plano gratuito, que oferece largura de banda CDN ilimitada. Siga os passos abaixo sobre como instalar Cloudflare em seu site WordPress. Ele funciona bem com a HospedaSites e recomendamos sua utilização para muitos clientes nossos.
Instalar Cloudflare
Este tutorial assume que você já possui uma conta Cloudflare. Se ainda não tiver uma, visite o site do Cloudflare e cadastre-se para obter uma conta gratuita.
Passo 1
Entre no painel Cloudflare e clique em “+ Add site”. Insira o domínio do seu site WordPress e clique em “Iniciar Verificação”. (Você não precisa adicionar www ou HTTP/HTTPS, basta digitar o domínio raiz).
O processo deve levar um ou dois minutos. Em seguida, clique em “Continuar Instalação”.
Passo 2
Na próxima página, você precisará selecionar um plano Cloudflare. Recomendamos que comece com um plano gratuito, que é suficiente para a maioria dos usuários. Em seguida, clique em “Confirm plan”. Você pode ler mais sobre as diferenças dos planos Cloudflare.
Passo 3
Cloudflare oferece duas opções. Você pode usar a CDN e a proteção da empresa (que aceleram e protegem seus sites) ou utilizar apenas seu DNS. A maioria dos clientes prefere a primeira opção, pois se beneficiam de tudo que Cloudflare tem a oferecer. Para garantir que os domínios sejam habilitados, certifique-se de que a nuvem apareça na cor laranja. Se você tiver registros adicionais como e-mails (registros MX), eles devem estar fora do Cloudflare (nuvem cinza). Clique em “Continue” após ter verificado todos os detalhes. Você poderá alterar esses registros mais tarde.
Passo 4
Você precisará alterar os nameservers em seu domínio para que apontem para o Cloudflare (utilize aqueles que forem fornecidos). Como Cloudflare é um serviço de proxy completo, seu domínio será basicamente apontado para o Cloudflare, que em seguida o apontará para a HospedaSites. Não há tempo de inatividade quando você altera seus nameservers.
Em seguida, clique em “Done, check nameservers”.
Esse procedimento não deve levar muito tempo, mas espere até 24 horas para que as alterações sejam processadas.
E é isso! Seu site WordPress agora tem o Cloudflare instalado.
Instalar Cloudflare com Plugin no WordPress
Há um passo adicional para usuários WordPress que nós recomendamos. Não é obrigatório, mas certos recursos com Cloudflare podem não funcionar adequadamente se você não instalar-lo.
Você pode fazer o download no repositório WordPress ou pesquisar por ele no seu painel WordPress, na opção “Adicionar Novo” na aba de plugins. Ele possui os seguintes recursos:
Correção para comentários no WordPress que aparecem com o mesmo endereço IP
Limpeza automática de cache
Reescrever cabeçalho para prevenir um loop de redirecionamento quando o SSL Universal do Cloudflare estiver habilitado
Capacidade de alterar configurações na conta Cloudflare através do próprio plugin (limpeza de cache, nível de segurança, otimização de imagem, etc.)
Visualizar informações analíticas, como total de visitantes, largura de banda economizada e ameaças bloqueadas
Suporte para HTTP2/Server Push
Após instalar o plugin, você precisará inserir seu endereço de e-mail Cloudflare e a chave API nas configurações. Você pode obter sua chave API aqui. Copie a chave que estiver definida como “Chave Global API”. Em seguida, clique em “Salvar Credenciais API”.
Na aba “Home” você pode aplicar as configurações padrão ou fazer alterações de acordo com suas preferências.
Na aba de “Configurações”, você pode habilitar a otimização de imagens (se possuir o plano Pro), ativar o modo para desenvolvedor, alterar o nível de segurança e habilitar reescritas automáticas de HTTPS.
Na aba “Analytics”, você pode visualizar o número de solicitações, largura de banda, visitantes e ameaças em seu site WordPress.
Problemas Comuns com Cloudflare
Um erro muito comum que os usuários encontram quando tentam instalar o Cloudflare eu seu site WordPress é o “ERR_TOO_MANY_REDIRECTS” no Google Chrome ou “A página não está redirecionando corretamente” no Mozilla Firefox.
Isso ocorre por já ter um SSL configurado em seu servidor web e ter a opção de Flexible SSL habilitada com Cloudflare. Se você já possui um certificado SSL junto à sua hospedagem (HospedaSites), deverá alterar o modo SSL para completo.
Tendo problemas? Haverá momentos em que você precisará limpar o cache do Cloudflare. Existem 2 maneiras fáceis de fazer isso.
Opção 1 – Limpar o Cache do Cloudflare no WordPress Plugin
Se você tiver o plugin Cloudflare WordPress instalado, poderá limpar o cache em “Configurações → Cloudflare”.
Opção 2 – Limpar o Cache do Cloudflare no Painel de Controle
Sua outra opção é limpar o cache do Cloudflare em seu painel de controle. Para fazer isso, clique na guia “Caching” e em seguida, “Purge Everything”.
Depois de ter tudo instalado e funcionando sem problemas, é sempre bom limpar o cache de arquivos individuais. O Cloudflare fornece uma maneira fácil de fazer isso.
Observação: Se você limpar tudo, poderá prejudicar temporariamente o desempenho em seu website, pois os recursos precisam ser recarregados novamente. No entanto, às vezes isso é inevitável, especialmente se você não tiver certeza de qual script ou recurso do seu site precisa ser atualizado.
Se você gostou deste tutorial, então você vai adorar o nosso suporte. Todos os planos de hospedagem da HospedaSites incluem suporte 24/7 de nossos veteranos desenvolvedores de WordPress. Confira nossos planos!
Em planos de Revenda, VPS e Dedicado é possível utilizar o DNS personalizado com o nome do seu domínio. Para isso, confira como realizar a configuração no WHM.
Em Planos de Revenda, VPS e Dedicado
Siga as etapas a seguir para configurar o DNS personalizado no WHM.
Apontar o domínio para o NS1 e o NS2
No WHM, procure por Editar Zona DNS, em seguida, clique sobre.
Selecione o seu domínio principal, depois, clique em Edit.
No Editor zona DNS, localize os campos com as entradas tipo NS
Altere os valores para o domínio que for usar como dns personalizado. Por exemplo: ns1.seudominio.com.br e ns2.seudominio.com.br. Para gravar as alterações, clique no botão Salvar.
Dados ilustrativos, utilize os dados reais do seu plano que foram enviados no e-mail de boas vindas da sua revenda.
Apontar o NS1 e o NS2 para os IP’s da hospedagem
Depois de apontar o seu domínio principal para o NS1 e NS2, é necessário apontá-los para o IP do seu servidor. Veja abaixo:
Ainda no Editor de Zona DNS, vá até a seção Add New Entries Below this Line
Em seguida, crie as seguintes entradas
Entrada
TTL
Tipo
Endereço
ns1
14400
A
IP do Servidor
ns2
14400
A
IP do Servidor
Os IP’s do Servidor estão no e-mail de boas vindas.
Dados ilustrativos, utilize os dados reais do seu plano que foram enviados no e-mail de boas vindas da sua revenda.
Em seguida, no WHM procure e clique em Basic WebHost Manager Setup
Na próxima tela, na seção Nameservers, nos dois primeiros campos, insira os dois NS’s (que foram alterados lá em cima) conforme indicado.
Em seguida, clique em Save Changes
Conclusão: com estas configurações você pode usar seus DNS’s personalizados para sua revenda, com isso seus clientes verão apenas seu Host, ocultando os DNS’s da HospedaSites.
OBS.: Caso a sua revenda já tenha contas (clientes) DirectAdmin criadas será necessário realizar o Reset da Zona DNS de cada conta.
A função Modificar uma conta no WHM pode ser usada para atualizar uma conta DirectAdmin que você criou anteriormente, podendo ser alterado:
Informações básicas de uma conta de cliente: domínio, usuário, e-mail de contato e etc;
Limites de recursos;
Privilégios;
Configurações DNS;
Para realizar essas alterações, siga os passos abaixo.
Acesse sua conta WHM;
Na barra de busca informe List Accounts (Listar Contas) e em seguida clique na opção mostrada.
Clique sobre o ícone de + ao lado esquerdo do domínio principal da conta que deseja alterar e depois em Modify Account (Modificar Conta).
Em Basic Information (Informações básicas) será possível editar o nome do domínio primário, o nome de usuário, o proprietário da conta, o e-mail de contato, a localização padrão e o tema do DirectAdmin para a conta, basta apenas inserir os novos dados.
Atenção! Ao alterar o nome de usuário você terá a opção de renomear os bancos de dados (conforme imagem acima), caso opte por ela você deverá renomear todas aplicações que possuírem vínculo com o nome do usuário anterior caso contrário as aplicações irão apresentar erros.
Em Limites de recursos, você poderá configurar o pacote e os limites para cota de disco, largura de banda, contas de e-mail, contas de FTP, listas de endereços, bancos de dados SQL, subdomínios, domínios estacionados e domínios de complemento:
Em seguida você conseguirá alterar os Privilégios e as Configurações DNS. Após realizar as modificações necessárias bastará clicar em Save (Salvar).
Feito isso, uma mensagem irá ser mostrada o processo dos novos dados sendo salvos.
Quando os dados estiverem todos salvos, uma mensagem de êxito irá aparecer no canto inferior direito da sua tela.
iFrame é a redução para Inline Frame. Ele é um elemento amplamente usado no campo do web design, permitindo que o usuário insira qualquer tipo de mídia na estrutura de códigos de um site. Hoje você vai aprender mais sobre o que é iframe , como funciona e como fazer para colocar um código HTML de conteúdos na sua página.
O Que é iFrame
iFrame pode ser adaptado do inglês como quadro, estrutura, composição, trecho ou formação. No contexto da computação, o iFrame é um trecho de código HTML que pode ser inserido em qualquer parte de um site.
Com ele, o usuário consegue incorporar conteúdos de diferentes formatos e estilos. É possível inserir documentos para baixar, fotos, vídeos, imagens e sons. Além de outros tipos de mídias interativas, como games e questionários com opções de escolha.
Essa integração de conteúdo acontece através do simples posicionamento de um código já formatado e disponível em outras fontes. É possível posicionar o conteúdo onde o usuário achar melhor, sem ter que realmente colocá-lo na estrutura geral de layout da página.
Para entender melhor, considere que o iFrame é parte do seu conteúdo, mas não exatamente do seu site. Por exemplo, você pode incorporar um vídeo do YouTube diretamente na sua página. Mas ele não pertence ao seu site (ele está armazenado na plataforma de vídeos).
Contudo, não é muito indicado usar códigos iFrame para todas as funções de um site. Ele pode fazer uma página ficar mais lenta e até mesmo colocar tudo em risco, caso a fonte do código não seja muito confiável.
Como Usar iFrame em um Site?
É hora de aprender a como inserir um código iframe em uma parte estrutural do seu site. É dessa forma que é possível compartilhar conteúdos de outras páginas nas suas próprias páginas.
É possível inserir um elemento iFrame em uma página usando a simples tag <iframe> no documento HTML desta mesma página. Por exemplo, digamos que queremos inserir um vídeo qualquer em uma página.
Tudo o que é preciso fazer é copiar e colar o código abaixo no documento HTML do documento da página em que você quer exibi-lo.
O código acima vai abrir um vídeo sobre o WordPress. Algo que vai gerar um resultado na página próximo da imagem de exibição abaixo.
Vamos desdobrar cada trecho do código e entender o que cada um significa abaixo.
<iframe></iframe> – é o intervalo em que o código de origem de qualquer tipo de conteúdo deve ser inserido ser agregado em uma página.
SRC (source) – é a origem do conteúdo, sendo necessário colocar a URL da fonte do conteúdo.
Width – é a largura do arquivo do conteúdo adicionado a uma página. No caso do exemplo, é 680 pixels de exibição para o vídeo.
Height – é a altura do arquivo do conteúdo adicionado a uma página. No caso do exemplo, é de 480 pixels para a exibição do vídeo.
Allowfullscreen – permite que o conteúdo (o vídeo, neste caso), seja exibido e visualizado em tela cheia no navegador e na tela do usuário.
Questões de Segurança e Ameaças na Web
Pela sua própria natureza de codificação, um iFrame não é para colocar um site e nem os visitantes dele sob riscos de segurança. E também à mercê de ameaças virtuais e golpes pela internet.
Em suma, o iFrame foi desenvolvido para ajudar os criadores de conteúdo a criar páginas e materiais visualmente atrativos para seus leitores. E, por conta disso, é preciso ter um certo cuidado na hora de posicionar iframes de fontes suspeitas.
Historicamente, saiba que, por volta de 2008, um surto de injeção de iframes nocivos comprometeu muitos sites da internet. Grandes portais, como o da ABC News, foram invadidos por conta de códigos maliciosos.
O que acontece é que, este tipo de ataque redireciona o acesso do visitante para uma página aleatória infectada, instalando um vírus no computador do usuário. O resultado é o roubo de informações e o comprometimento da máquina.
Por isso, não é recomendado inserir qualquer código iframe html no seu site. Quando estiver navegando pela internet, nunca pegue um código suspeito e insira no conteúdo do seu site. Por mais vantajoso e promissor que ele possa parecer.
Considerações Finais
Se você quer colocar qualquer conteúdo de outras páginas no seu próprio site, o que você vai precisar fazer é copiar e inserir a tag iFrame dele no documento HTML das suas páginas. Só se certifique que a origem deste código seja de procedência confiável para não comprometer a segurança do seu projeto online.
Uma das principais funções que um site de negócios pode ter é uma forma de fazer com que os consumidores em potencial encontrem você rapidamente.
Se o seu negócio tem um local físico, você precisa dar aos seus visitantes todas as informações necessárias para chegar lá. Na maioria das vezes, mostrar um mapa exato com a localização é muito melhor do que apenas escrever o endereço no seu site.
Felizmente, o WordPress permite que você adicione um mapa para chegar ao seu negócio usando vários métodos diferentes. Neste artigo, você vai aprender como colocar Google Maps no WordPress usando 3 maneiras. São elas:
Usando um plugin do Google Maps para WordPress.
Incorporando o Google Maps no seu site por código HTML
Usando seu tema WordPress
O conteúdo abaixo será um pouco extenso. Mas não se preocupe. Ao final, você terá em mãos conhecimento o bastante para saber como colocar Google Maps no WordPress sem passar muito trabalho. E, com isso, fazer com seus visitantes cheguem ao seu negócio físico usando um mapa, algo bem mais preciso e funcional.
Por que você deve considerar inserir Google Maps no WordPress
Uma coisa fácil de concordar é que adicionar um mapa no seu site é muito melhor do que simplesmente só colocar o endereço escrito do seu negócio nele. Com um mapa, as pessoas podem ter uma rápida noção de que rua você está, qual está mais perto e como encontrar você.
Decidir qual tipo de mapa colocar já é algo um pouco mais desafiante. Algumas pessoas gostam de colocar capturas de tela de fontes online. Entretanto, essa é uma alternativa não muito boa quando você tem opções como o Google Maps disponíveis para usar. E de graça.
Abaixo listamos algumas maneiras de como colocar Google Maps no WordPress pode melhorar o seu site.
Eles são interativos, permitindo que seus visitantes mexam no mapa até que tenham uma boa noção da onde você se localiza.
Você pode usar o Google Maps para destacar qualquer local que quiser, ou mesmo vários lugares.
Os visitantes podem acessar entre os visores de mapa e de rua em tempo real, o que permite que eles vejam como o seu negócio físico se parece e o que existe ao redor dele.Tudo sem sair de casa, se preferirem.
Os usuários podem enviar os mapas aos seus celulares rapidamente, podendo receber instruções de como chegar ao seu negócio pelos caminhos mais indicados.
Existe, é claro, outras opções de mapas online interativos além do Google Maps. Entretanto, o Google tem a grande vantagem de já ter um nome de peso no mercado.
Então, pode ser que muitas das pessoas que visitem seu site já estejam familiarizadas como o Google Maps funciona. Assim, elas vão confiar no aplicativo e também na localização física do seu negócio.
A má notícia disso tudo é que o WordPress não possui nenhuma ferramenta embarcada para inserir o Google Maps no WordPress. Mas fique tranquilo: isso é totalmente contornável usando plugins, temas e até mesmo a própria ferramenta de funcionalidade do Google Maps.
Como colocar Google Maps no WordPress (3 Métodos)
Até aqui, é possível que você já esteja convencido de que vale a pena tentar inserir Google Maps no WordPress.
A seguir, listamos 3 métodos que você pode usar para, enfim, aprender a como colocar Google Maps no WordPress.
Esses métodos são: usando plugins, adicionando manualmente e configurando opções em temas para conseguir chegar ao objetivo.
Todos eles funcionam exatamente como foram planejados. Basta seguir as instruções corretamente. Se preferir, escolha aquela que acredita ser mais tranquila de ser executada.
1. Instalar plugin Google Maps WordPress
O Google Maps é uma função tão popular nos sites que não é nenhuma surpresa que existam muitos plugins do Google Maps para WordPress disponíveis.
Por exemplo, com o WP Google Maps, você pode adicionar mapas em páginas usando linhas de código. Esse plugin também oferece opções para personalizar seus marcadores e temas específicos para seus próprios mapas
Na nossa opinião, o WP Google Maps é uma das melhores opções para você completar a ação de como colocar Google Maps no WordPress. Ele ainda é compatível com vários plugins de cache e Redes de Distribuição de Conteúdo (CDN).
Porém, existem muitos outros plugins que você pode usar. Entre eles o WD Google Maps, que é uma sólida alternativa e suporta múltiplos marcadores, mapas móveis amigáveis e outras opções de personalização.
Quando você adiciona um mapa usando o WD Google Maps, o próprio plugin guia você pelo processo usando um construtor interativo. Assim, além de aprender a fazer toda a configuração, você acompanha tudo em opções de pré-visualização.
Por fim, temos o Google Maps Widget, que também é um dos melhores plugins do Google Maps para WordPress. Esse plugin em particular, inclusive, é bem fácil de configurar. Ele permite que você adicione mapas em miniaturas à barra lateral ou no rodapé do seu site WordPress.
Essa também é uma ótima ferramenta se, por exemplo, você também estiver com problemas de espaço no seu site. Não com espaço de armazenamento, mas com espaço de posicionamento de objetos no visual do seu blog.
Como o Google Maps Widget pode ser encaixado em praticamente qualquer lugar que você queira, basta escolher o melhor posicionamento e pronto.
Entretanto, para sites de negócios, estamos mais inclinados a colocar mapas em tamanhos maiores, pois eles já são mais complicados de navegar. Ainda assim, vamos ver agora como colocar Google Maps no WordPress usando o plugin WP Google Maps.
Primeiro de tudo, navegue até o painel de controle do seu site WordPress. De lá, vá para a seção Plugins >> Adicionar Novo. Use o campo de busca e procure pelo plugin WP Google Maps. Quando você encontrá-lo, clique em Instalar Agora e, em seguida, Ativar.
Após a ativação, uma nova aba chamada Maps vai aparecer no seu painel de controle. Se você clicar, você vai acessar a uma tela inicial de informações gerais sobre o plugin. Você não precisa fazer nada em específico aqui. Apenas clique no botão azul Skip Intro and Create a Map para ir para a próxima tela.
Na nova tela, você vai ver que o plugin vai informar você que ele precisa de um Google API Google. Vá em frente e consiga a sua clicando no link Create an API Key Now.
O Google vai perguntar se você concorda com as condições e termos de uso antes de fornecer uma API Key. Quando concordar, o Google vai configurar um novo projeto e você poderá gerar uma API Key logo em seguida.
Na imagem acima, estamos borrando a nossa API Key. Você nunca deve compartilhar essa chave com outras pessoas. Afinal, ela está associada com a sua conta e você não quer que os outros abusem dela, não é mesmo?
De qualquer forma, a sua API Key será uma combinação de várias letras e números. Assim que a tiver, volte para o seu painel de controle e cole a API Key no campo indicado. Em seguida, clique em SAVE.
Você verá uma mensagem de confirmação. Além disso, já poderá começar a trabalhar no seu primeiro mapa. Clique em Editar no título My First Map.
Em seguida, o plugin vai perguntar a você qual plataforma deve sustentar o seu mapa. Escolha a opção Google Maps. Depois, clique em Select Engine.
Na nova tela, a primeira coisa que você precisa fazer é definir um nome para o seu mapa. Depois, especifique a sua largura e altura. A largura padrão de 100% vai automaticamente criar um mapa que se adaptar à resolução do seu site. Então ela é geralmente a melhor opção.
Você também poderá modificar o nível de zoom inicial que você que seu mapa mostre. Além de também poder decidir qual o tipo de layout de mapa que ele vai ser apresentado aos seus visitantes.
Por exemplo, você pode usar o tipo Roteiro ou o tipo Terreno. Na maioria das vezes, a primeira opção é a melhor e a mais útil para seus leitores. Ela mostra exatamente o caminho que eles precisam seguir para chegar ao seu destino.
Agora, deslize a tela para baixo e alcance a seção Marcadores. Aqui, você pode especificar a local exato que você quer que o seu mapa mostre. É só digitar o endereço ou fornecer coordenadas no GPS próprio dele. Você também pode mover o mapa e clicar com o botão direito do mouse em qualquer lugar que deseja marcar.
Abaixo do campo de Endereço/GPS, existe um outro campo em que você pode inserir tipos de Animaçãopara o seu mapa. Por exemplo, você pode adicionar uma leve animação de balanço ao seu marcador no mapa quando ele for carregado.
Você também pode definir que o Google Maps posicione uma janela de informação (pop-up) próximo ao seu marcador, mostrando o endereço completo escrito do seu negócio físico.
Quando estiver com tudo pronto, clique em Salvar Marcador e página vai recarregar. Então, clique no botão azul Salvar Mapa no meio da tela. O plugin vai salvar todas as mudanças feitas.
Você pode embarcar o mapa criado com o plugin Google Maps WordPress copiando e colocando o código HTML em qualquer lugar do seu site. Você acha esse código (shortcode) dentro da aba Mapas do seu painel de controle, à direita da tela. Use a foto abaixo como referência.
E é isso! Você acabou de aprender a como colocar Google Maps no WordPress usando um plugin. Agora, você pode fazer com que seus visitantes ou clientes cheguem até o seu negócio ou loja física muito mais facilmente.
2. Usar o recurso de incorporar o Google Maps no WordPress
Você não precisa usar exatamente um plugin específico para saber como colocar Google Maps no WordPress. Inclusive, se você não quiser usar nenhum plugin, você pode usar um caminho manual para conseguir fazer isso.
Existem uma série de funcionalidades embarcadas que você pode usar para inserir Google Maps no WordPress. Porém, uma abordagem bem mais rápida é usar um serviço que permite gerar códigos incorporados para o Google Maps em tempo real.
O Embed Google Map é um exemplo perfeito disso. Ele permite que você procure por endereços usando a interface padrão do Google Maps, além de ajustar o tamanho e nível de zoom dos mapas que você quer usar.
Assim que configurar as opções de acordo com as suas preferências, clique no botão verde Get HTML-Code. O programa vai gerar um código HTML que você precisará adicionar ao seu site.
Copie e cole o código HTML mostrado. Volte ao painel de controle do seu site WordPress. Abre o editor de qualquer página (Páginas >> Adicionar Nova) em que você queira adicionar o mapa do Google Maps.
Selecione a aba Texto, que suporta códigos em HTML. Cole o código em qualquer lugar dela.
Então, salve suas mudanças e dê uma olhada na nova página que você acabou de criar.
Legal, né? O ponto fraco dessa abordagem é que você vai precisar gerar novos códigos HTML cada vez que quiser adicionar um mapa a uma nova página. Por outro lado, quando adicionar Google Maps ao WordPress usando HTML, você poderá vê-lo também dentro da aba Visual do editor.
Isso permite que você continue trabalhando nas suas páginas sem ter que fazer tudo dentro da aba Textos, que é bem direcionada para códigos.
Esta ferramenta Embed Google Maps é sensacional para saber como colocar Google Maps no WordPress. Abuse dela caso não queira mexer em plugins e nem trabalhar com temas pagos.
3. Adicionar mapas pelo seu tema WordPress
Uma terceira maneira de saber como colocar Google Maps no WordPress é pelo próprio tema que você usa no WordPress. Alguns deles vêm, inclusive, com essa funcionalidade embutida, o que facilita o processo de inserção de mapas no seu site.
Contudo, a grande questão é achar um tema que tenha suporte a essa funcionalidade. Isso exige um pouquinho de esforço. Na maioria das vezes, apenas temas pagos é que têm essa opção. Mas, se chegar a comprar um tema pago, é provável que não esteja fazendo isso apenas pela função de ter Google Maps no seu site.
Sendo assim, se você não tem ideia de onde procurar, temas WordPress para múltiplos propósitos devem ser sua primeira opção de busca. Esses tipos de temas têm muitas funções ao mesmo tempo, então você pode usá-los para construir qualquer tipo de site.
Um dos temas pagos mais populares que você pode encontrar e que tem essa compatibilidade com o Google Maps é o Divi. Esse tema oferece uma variedade de vantagens, incluindo um construtor visual próprio de páginas.
Quando for criar páginas com o Divi Builder, você pode dividi-las usando colunas e linhas. Então, você pode criar e especificar módulos usando os espaços que aparecerem. Você vai poder personalizar cada campo com as funções que quiser adicionar ao seu site.
Como você pode perceber na imagem acima, um desses módulos se chama Map. Adivinha o que ele faz? Isso mesmo: mapas. É por aqui que você vai aprender como colocar Google Maps no WordPress usando seu tema pago.
Clicando na opção Mapa, você terá que adicionar um código da API Key do Google. Caso não tenha um, mostramos o processo de como conseguir um código no Passo 1 deste artigo.
Quando colar o referido código no campo solicitado, você poderá escolher onde quer posicionar o seu mapa e adicionar quantos marcadores quiser nele.
Outros exemplos de temas pagos que oferecem suporte ao Google Maps no WordPress são o Travelmatic, o Estato e o Reales WP. Essa é uma função muito popular em temas voltados a viagens e a assuntos imobiliários. Mas você consegue encontrar temas WordPress pagos para outros tipos de assuntos, se procurar bem.
Conclusão
Neste artigo, você viu a importância de aprender a como colocar Google Maps no WordPress. E, com ele, podemos concluir que não existe um jeito melhor do que compartilhar um endereço no seu site através de um mapa online interativo.
O Google Maps permite que qualquer um encontre a sua localização de onde quer que estejam, o que aumentam as chances deles visitarem o seu estabelecimento. Além disso, inserir Google Maps no WordPress é simples, pois existem várias formas de fazer isso.
Ficou com alguma dúvida ou quer se comunicar com a gente? Use a caixa de comentários abaixo para nos enviar uma mensagem. Temos muito interesse de saber o que você tem achado dos nossos conteúdos, produtos e serviços. Estamos esperando você!
