O mercado de tecnologia e presença digital está passando por uma transformação profunda. Se antes o foco de quem empreendia era apenas colocar um site no ar ou configurar um e-mail, o cenário atual exige automação inteligente. Estamos vivendo o amadurecimento dos agentes autônomos de Inteligência Artificial. São sistemas que não apenas respondem a perguntas, mas executam tarefas complexas, integram ferramentas e operam rotinas digitais completas sem interrupção.

Nesse cenário, uma solução de código aberto começou a centralizar as atenções: o OpenClaw. Ele se tornou um verdadeiro fenômeno por mostrar que era possível descentralizar o uso de agentes autônomos. No entanto, o OpenClaw sempre carregou uma barreira técnica: a instalação, configuração de servidores e a falta de uma interface amigável para quem não é desenvolvedor.

É exatamente para resolver esse problema que a HostGator desenvolveu o GatorClaw. Eu recebi um acesso exclusivo a um servidor VPS configurado com a ferramenta e preparei esta análise aprofundada para responder se essa nova aposta realmente cumpre o que promete.

Continue lendo e confira como foi a experiência, desde a configuração inicial até a criação de um agente com tarefas diárias automatizadas.

Do OpenClaw ao GatorClaw: Por que essa evolução era necessária?

Para entender o valor do GatorClaw, precisamos olhar para o histórico recente de soluções da HostGator. Quando o OpenClaw viralizou, no início de 2026, a primeira reação da empresa para facilitar a vida dos usuários foi lançar o OpenClaw pré-instalado. Essa opção eliminava a complexidade de configurar o ambiente do zero via terminal, entregando uma VPS já pronta com a aplicação instalada.

Contudo, a instalação automática resolveu apenas metade do problema. Uma vez dentro do sistema, o usuário se deparava com uma interface nada amigável, voltada para desenvolvedores e profissionais acostumados com terminais de comando. Quem precisava da automação para o dia a dia do seu negócio, como profissionais de marketing e produtores de conteúdo, ainda batia de frente com uma curva de aprendizado enorme.

O GatorClaw nasce como uma evolução direta desse modelo. Trata-se de uma solução inteiramente proprietária da HostGator , inspirada no poder do OpenClaw, mas redesenhada do zero sob uma premissa fundamental: democratizar a IA autônoma por meio de uma experiência visual e guiada.

O que é o GatorClaw e quais são os seus diferenciais?

Na prática, o GatorClaw é um painel de controle e gerenciamento de agentes de IA baseado em prompts, que roda sobre uma infraestrutura robusta e com isolamento de recursos. Ele permite criar assistentes virtuais sob medida para o seu modelo de negócio, delegando tarefas rotineiras a uma inteligência capaz de tomar decisões lógicas.

Os principais pilares que diferenciam o GatorClaw de uma instalação padrão de IA open-source são:

• Interface visual intuitiva: Substitui linhas de comando e painéis confusos por menus limpos e uma navegação fluida.
• Mitigação de erros: O ambiente é blindado e estruturado de forma visual, o que reduz drasticamente falhas comuns de configuração que costumam quebrar a aplicação.
• Implementação rápida: O tempo entre idealizar uma automação e colocá-la em produção é reduzido a poucos cliques e prompts, devido à experiência guiada.
• Segurança: Por ser um software desenvolvido pela própria HostGator, há uma camada adicional de segurança e otimização de código, tornando a gestão do ambiente muito mais confiável.

Por que usar uma VPS para rodar Inteligência Artificial?

Uma dúvida comum entre os leitores do TSHS é: “Eu não poderia rodar essas automações em uma hospedagem compartilhada convencional?” A resposta curta é: não.

Agentes de IA não são softwares estáticos; eles realizam requisições constantes, consomem APIs externas, processam dados em tempo real e precisam tomar decisões de forma contínua. Além disso, sistemas como o OpenClaw são capazes de acessar e alterar o próprio ambiente em que estão hospedados, algo que não é possível em hospedagens de sites tradicionais. 

Por isso, a HostGator disponibiliza o GatorClaw embarcado em servidores VPS (Servidor Virtual Privado) operando em Ubuntu 22.04 LTS. Dentre as vantagens desse tipo de configuração, podemos citar:

Operação ininterrupta (24/7)

Diferente do seu computador local ou de scripts limitados, os agentes em uma VPS rodam sem parar, de dia ou de noite, executando tarefas enquanto você está focado em outras frentes do negócio ou descansando.

Recursos dedicados e isolamento

Em uma hospedagem compartilhada, o pico de tráfego de um site vizinho pode travar sua aplicação. Em um VPS, a memória RAM e o processamento são exclusivamente seus. Isso garante previsibilidade e estabilidade essenciais para que o robô não interrompa um fluxo de trabalho importante pela metade.

Escalabilidade e flexibilidade

Se hoje você roda dois agentes simulados que processam 50 tarefas por dia, sua VPS dará conta com folga. Se amanhã o seu volume saltar para milhares de execuções integradas a bancos de dados pesados, os recursos do servidor podem ser ampliados para acompanhar o ritmo de crescimento da sua empresa.

Como Funciona o GatorHub (o motor por baixo do capô)

O verdadeiro motor de utilidade de um agente de IA são suas conexões. Um assistente isolado pode criar belos textos, mas um assistente conectado pode gerenciar sua empresa. Essa ponte é feita pelo GatorHub, que é o hub central de integrações e skills (habilidades) do GatorClaw.

Em vez de exigir que você configure webhooks complexos ou digite linhas de código para conectar APIs, o GatorHub transforma tudo em conexões visuais rápidas. Uma vez integrada a habilidade, o agente ganha “superpoderes” para transitar dados entre sistemas.

O ecossistema interno já traz suporte nativo e visual para ferramentas consolidadas como:

• Notion e Trello: Para organização de tarefas, leitura e atualização de quadros de projetos.
• Slack e Zendesk: Para comunicação corporativa interna e canais de suporte ou atendimento ao cliente.
• Google Drive e Google Ads: Para gestão de arquivos na nuvem e coleta de dados analíticos de campanhas.
• Entre muitas outras.

Testando o GatorClaw na prática: Setup inicial em um minuto

Para testar se a promessa de redução da complexidade técnica é real, cronometrei o processo de onboarding do GatorClaw a partir do momento em que recebi o aviso de que o VPS estava pronto. No fluxo original do OpenClaw, essa etapa exigiria a abertura de um terminal SSH, digitação de comandos para configurar repositórios, dependências de código e arquivos de sistema complexos.

No GatorClaw, encontramos uma experiência totalmente visual, linear e guiada. Veja o passo a passo de como colocamos o ambiente de pé:

Passo 1: Acesso direto pelo painel do cliente HostGator

Assim que acessamos o painel de gerenciamento da nossa VPS (um plano VPS NVMe 4 rodando o Ubuntu 22.04 LTS), a ferramenta já estava lá disponível. Não foi preciso rodar nenhuma linha de comando para o provisionamento inicial. Bastou um único clique no botão GatorClaw, localizado na aba central de gerenciamento, para sermos direcionados ao assistente de configuração.

Passo 2: Nomeando o agente

A primeira tela do assistente guiado é extremamente direta e limpa, perguntando: “Qual será o nome do seu agente?”. Para iniciar a nossa rotina automatizada de curadoria de conteúdo, batizamos o nosso assistente como GatorEditor – TSHS.

Passo 3: Configurando o “cérebro” da IA

Em seguida, fomos levados à tela de seleção do modelo de linguagem. O painel exibe de forma clara os principais provedores de IA do mercado (como GPT, Claude, Gemini e DeepSeek). Para este teste, selecionamos o provedor GPT com o modelo gpt-5.4 (Recomendado). Colamos a nossa chave de API e, instantaneamente, o painel exibiu a mensagem de “Conexão bem-sucedida”, validando a integração sem riscos de erros manuais de código.

Como gerar sua chave de API na OpenAI? Caso você ainda não tenha essa credencial, o processo é rápido: basta acessar o painel de desenvolvedores da OpenAI (platform.openai.com), fazer login com a sua conta, navegar até a seção “API Keys” no menu lateral e clicar em “Create new secret key” (Criar nova chave secreta). Dê um nome para identificar seu projeto, copie o código gerado e salve-o em um local seguro, pois ele só é exibido uma única vez pela plataforma. 

Passo 4: Camada de segurança e nível de permissão

O último passo do setup foca em proteção e confiabilidade da aplicação. O sistema solicita a criação de uma senha dedicada para proteger a plataforma e o cofre de credenciais. Além disso, o GatorClaw introduz uma configuração essencial chamada Modo de acesso do agente, onde definimos o nível de liberdade da IA:

• Livre: As ações são executadas sem confirmação.
• Restrito (Recomendado): Ações potencialmente perigosas só rodam com o seu aval.
• Super restrito: Todas as ações exigem confirmação manual.

Selecionamos o modo Restrito, garantindo o equilíbrio ideal entre automação e segurança operacional.

Logo no início da configuração, ativamos o cronômetro a partir do primeiro clique dentro do painel da HostGator. O resultado foi como o prometido: levamos exatamente 1 minuto e 2 segundos para concluir todo o onboarding e acessar o dashboard principal do GatorClaw, prontos para configurar as habilidades e tarefas desejadas.

Integração com o Telegram e com o Trello

Depois de passar pelo onboarding inicial, o próximo passo para consolidar o nosso assistente automatizado foi preparar o canal de comunicação para onde a IA enviará os relatórios diários. Escolhemos o Telegram para a comunicação com o GatorClaw, por sua agilidade e facilidade de uso.

No OpenClaw convencional, conectar uma aplicação a um sistema de mensagens, como o Telegram ou o WhatsApp, exige lidar com servidores proxy, configurações manuais de webhooks e códigos em arquivos confidenciais. No GatorClaw, esse processo foi envelopado em uma interface totalmente visual e extremamente amigável.

Veja como é simples realizar essa ponte:

1. Seleção do canal no painel

Dentro do painel de controle do GatorClaw, na página inicial, clique na opção “Converse a partir dos canais que você já usa”. Na tela, a ferramenta lista de forma clara os canais disponíveis para conversação direta, como WhatsApp, Telegram e Discord. Bastou localizar a opção do Telegram e clicar no botão Conectar.

2. Conectando o GatorClaw ao Telegram

Ao clicar em conectar, o GatorClaw abre uma tela de configuração que contém todos os passos necessários para a conexão. A própria interface exibe um guia com 4 passos simples indicando o caminho das pedras:

• Abrir o Telegram e procurar pelo usuário oficial @BotFather.
• Enviar o comando /newbot no chat e seguir as instruções.
• Escolher um nome de exibição e um username exclusivo para o robô.
• Copiar o token de API gerado e colá-lo de volta no painel do GatorClaw.

3. Criando o Bot no Telegram

Seguindo o roteiro visual da ferramenta, abrimos o Telegram e iniciamos a conversa com o @BotFather. Enviamos o comando /newbot e definimos o nome do nosso assistente.

4. Ativação da conexão com o Telegram no GatorClaw

Copiamos o código gerado pelo Telegram, colamos no campo Token do Bot dentro do painel do GatorClaw e clicamos em Conectar. O sistema processou a credencial de forma segura e, em segundos, exibiu o status Conectado e Online.

A simplicidade dessa etapa reforça o grande trunfo do GatorClaw: ele elimina o desafio de lidar com códigos, permitindo que profissionais de marketing ou donos de pequenas empresas criem agentes e automações de maneira totalmente independente.

Com o Telegram conectado com sucesso, nosso ambiente está pronto para receber a integração do Trello e a criação de rotinas diárias.

5. Integração com o Trello

Como eu uso o Trello para organização das minhas demandas e tarefas, optei por conectar este canal também com o GatorClaw. Na aba de “Habilidades”, o painel do GatorClaw exibe de forma clara as ferramentas com conexão simplificada (como Notion, Slack e GitHub). Para ativar o Trello, o processo foi praticamente instantâneo: bastou um clique no botão “Conectar”, uma rápida autorização na janela segura da própria ferramenta e a integração foi consolidada, exibindo imediatamente o status de Conexão ativa.

Essa facilidade cumpre a promessa de eliminar configurações manuais ou códigos complexos. Sem digitar um único comando no terminal, nosso assistente ganhou capacidade visual para gerenciar quadros, listas e cartões no Trello. O mesmo poderia ter sido feito com as dezenas de integrações que estão disponíveis na aba Habilidades do GatorClaw.

Criando uma rotina automatizada integrando Trello e Telegram

Com os canais de comunicação devidamente integrados através do GatorHub, avançamos para o teste de fogo do GatorClaw: a criação de uma rotina automatizada e independente. O objetivo deste cenário foi dar vida ao assistente Resumo diário TSHS, programando-o para extrair insights dos nossos quadros de gerenciamento e enviá-los diretamente para o Telegram.

Em sistemas baseados em OpenClaw puro, agendar rotinas complexas exige o domínio de expressões cron, gerenciadores de filas de processos no servidor e scripts repletos de condicionais. No GatorClaw, todo esse fluxo técnico é substituído por uma conversa natural e um painel de controle limpo.

1. Criando uma tarefa automatizada a partir de um prompt

O processo de agendamento na ferramenta é muito interessante. Em vez de preencher um formulário ou selecionar opções de configuração, basta conversar com o assistente central do GatorClaw e ditar o que precisa ser feito.

Para este teste, inserimos o seguinte comando por texto:

“Crie uma nova tarefa agendada. Acesse o Trello, localize o board ‘TSHS’, localize a coluna ‘Ideias para Artigos’ e me traga o título de cada card com um resumo gerado por IA da descrição do card. Envie o resultado gerado para o Telegram. Faça esta tarefa se repetir diariamente, às 09:40 da manhã.”

O sistema processou o pedido e, de forma visual, estruturou a tarefa de acordo com os parâmetros enviados.

O próprio robô descreve em tópicos lógicos as ações que irá executar (acessar o Trello via gatorhub-skill, filtrar o quadro, varrer a coluna específica, processar o resumo em português e formatar a saída com a sintaxe correta do Telegram).

2. Monitoramento visual no painel de controle

Uma vez validada a criação da tarefa a partir do prompt, a rotina é consolidada na aba Tarefas agendadas do menu do GatorClaw. O painel apresenta um card de monitoramento que condensa toda a inteligência e as regras de filtragem da rotina.

O usuário tem controle total sobre as tarefas recorrentes: é possível pausar ou retomar a automação instantaneamente, sem risco de quebrar o código ou desconfigurar as credenciais salvas no servidor. Para editar a tarefa, basta voltar na conversa que a originou e solicitar a alteração.

Para validar o que foi feito, solicitamos o disparo de um teste imediato diretamente pelo painel. Exatamente às 09:47, o bot gator-editor-tshs-bot entregou a notificação no Telegram com formatação em Markdown.

GatorClaw: Planos e preços do OpenClaw gerenciado da HostGator

O plano de entrada VPS NVMe 2 é uma opção bastante acessível e equilibrada. Custando a partir de R$ 21,69 por mês no ciclo promocional de 3 anos (com 60% de desconto), essa infraestrutura já permite a criação de uma gama de automações e habilidades. Mesmo sendo a opção mais barata, ela já entrega o GatorClaw totalmente pré-instalado, além de incluir migração gratuita para trazer sites ou sistemas existentes sem custos adicionais.

Vale ressaltar que todos os planos de VPS são disponibilizados em datacenters no Brasil, o que é fundamental para reduzir o tempo de latência nas respostas do servidor. Transferência de dados ilimitada e IP Dedicado também estão incluídos em todos os planos.

Veja os detalhes de cada plano na tabela abaixo:

Para saber mais detalhes sobre os planos, preços e formas de pagamento, acesse a página do GatorClaw no site da HostGator.

Afinal, o GatorClaw vale a pena?

Investir em automação com agentes autônomos de Inteligência Artificial deixou de ser uma exclusividade de grandes empresas com times de engenheiros de software dedicados. Para quem deseja eliminar tarefas repetitivas e otimizar a gestão de fluxos de trabalho diários sem precisar decifrar linhas de comando complexas ou configurar ambientes de servidor do zero, o GatorClaw se mostra uma solução de excelente valor. A HostGator conseguiu criar uma solução que une a robustez do OpenClaw com uma interface perfeitamente amigável, visual e guiada. Isso reduz drasticamente a barreira de entrada para profissionais de marketing, produtores de conteúdo e pequenas empresas.

A grande vantagem do GatorClaw está na união entre a simplicidade de uso do painel e a estabilidade de uma infraestrutura VPS com recursos isolados e dedicados. Ter a certeza de que uma rotina programada será executada pontualmente de forma autônoma e contínua, mesmo com o seu computador de trabalho desligado, é algo indispensável para o dia a dia de qualquer negócio. Portanto, para quem busca um atalho seguro para a produtividade sem o fantasma da complexidade técnica, o produto cumpre com maestria o que promete.

Se interessou pelo GatorClaw? Acesse o site da HostGator e conheça todos os detalhes desta ferramenta inovadora.

O artigo GatorClaw vale a pena? Testamos a nova ferramenta de IA da HostGator (Review) foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Criar um site profissional pode ser um verdadeiro desafio — especialmente para quem não tem experiência com programação ou design. O processo pode parecer complexo e demorado, e as ferramentas tradicionais, por vezes, exigem conhecimentos técnicos, o que pode levar muitas pessoas à desistência.

Pensando em resolver esse problema, a HostGator trouxe para o mercado uma solução baseada no que há de mais atual em tecnologia: o WordPress com IA. Com o apoio da inteligência artificial, este recurso simplifica em muito a criação de sites, blogs, landing pages e lojas virtuais, tornando o processo mais acessível, rápido e otimizado para SEO.

Utilizando um assistente completamente integrado ao WordPress e ao painel de controle da empresa, é possível criar a sua página online de forma intuitiva, com poucos cliques e sem complicações técnicas. A inteligência artificial cuida da parte pesada, deixando que o usuário foque no conteúdo e nos objetivos do seu negócio.

O que é o WordPress com IA da HostGator?

O WordPress é um sistema de gerenciamento de conteúdo (CMS) que permite criar e administrar sites de forma prática e flexível. Ele é uma das plataformas mais populares do mundo, utilizado por milhões de pessoas — de blogueiros iniciantes a grandes empresas. Através da utilização de temas e plugins, pode-se personalizar e adaptar o sistema para atender a qualquer tipo de projeto.

A grande revolução que estamos testemunhando em vários segmentos também está chegando à criação de sites. O WordPress com IA da HostGator é uma ferramenta que utiliza a inteligência artificial para permitir a criação de sites e páginas de maneira intuitiva. Ela tem a capacidade de gerar um site completo e adaptado às preferências do usuário, tudo isso baseado em instruções fornecidas em textos, os famosos prompts. Esta tecnologia elimina barreiras técnicas até então existentes, permitindo que usuários iniciantes criem suas páginas sem a necessidade de conhecimento prévio em design ou programação.

Ao ativar o WordPress com IA durante o processo de criação do site no Portal do Cliente da HostGator, o plugin assistente de IA é instalado automaticamente, preparando o terreno para uma experiência de construção guiada pela inteligência artificial. Vamos ver como funciona este processo a seguir.

Como criar um site WordPress com IA na HostGator

A criação de um site WordPress com a ajuda da inteligência artificial da HostGator é um processo simples que se divide em algumas etapas.

Acessando o painel do cliente

O primeiro passo para usar a IA para criar o seu site WordPress é acessar o Portal do Cliente HostGator. Assim que você acessar sua conta, pode escolher a opção de criar um novo site. Se for seu primeiro acesso, o assistente aparecerá automaticamente. Caso contrário, basta navegar até a aba de produtos ou sites e clicar em “Criar Site”.

As opções de criação são exibidas na tela nesse momento. Além da criação do site WordPress com IA, que está em destaque, também estão disponíveis a criação com o WordPress tradicional (sem IA), o Criador de Sites HostGator ou a opção avançada, que permite usar qualquer outra plataforma compatível com a hospedagem HostGator. Esta última opção geralmente é usada por desenvolvedores e programadores com mais experiência. Vamos seguir com a opção WordPress com IA.

Se você ainda não é cliente, mas tem interesse em se tornar, aproveite esta oferta especial da HostGator com desconto para os leitores do site.

Instalando o WordPress com IA

Após selecionar a opção de WordPress com IA, você deve passar por algumas configurações básicas, como veremos agora.

Primeiro, é necessário escolher um domínio para o seu site. O domínio em questão deve estar configurado previamente na HostGator. Se você ainda não fez isso, feche o assistente e configure o domínio. Aqui vai uma dica: ao contratar uma hospedagem na HostGator em um plano de pagamento anual ou superior, pode-se registrar um domínio gratuitamente por um ano. A vantagem de usar essa opção é que o domínio é apontado automaticamente para a sua hospedagem e aparece na lista de domínios disponíveis para instalação do WordPress com IA.

Se você ainda não possui ou configurou o domínio desejado, selecione a opção “Quero usar outro domínio ou subdomínio” e o assistente vai ajudá-lo com o registro e configuração do novo endereço.

Na próxima etapa, crie um usuário e uma senha para acessar o painel do WordPress. Recomendo que você defina um login e senha diferente das credenciais usadas para acessar o painel da hospedagem, especialmente se precisar compartilhar esta senha com outras pessoas. Dito isso, anote os dados de acesso e prossiga com a instalação.

Após a criação do usuário, você deve informar que tipo de site está criando. Isso vai ajudar a inteligência artificial a interagir com o WordPress e montar o site de acordo com a estrutura proposta. As opções de site são: Negócio (sites institucionais), e-commerce (loja virtual), Blog, Landing Page e Outros. Para isso, basta clicar na opção desejada e prosseguir.

Usando a inteligência artificial para montar o seu WordPress

Após fornecer as informações básicas de instalação do WordPress, é hora de finalmente usar a IA para montar o seu site. Preenchendo um formulário curto, o sistema é capaz de montar o site completo, baseado nas informações fornecidas por você.

Para este tutorial, optei por criar um site institucional para uma barbearia fictícia. Então, após definir o tipo de site, preenchi o formulário com as informações do meu negócio.

Em seguida, o assistente de IA pergunta se o seu site terá múltiplas páginas ou apenas uma. Por se tratar de um site de apresentação do negócio, e que não terá um conteúdo tão profundo, optei pela criação de um site “single page”, isto é, de uma página apenas, que contém todas as informações necessárias para a apresentação do negócio.

Depois de enviar as informações, a IA vai sugerir uma gama de temas para você usar no seu site. É interessante notar que os textos apresentados nas amostras dos temas já são baseados nas informações fornecidas na etapa anterior.

Vale lembrar também que tanto os temas quanto o conteúdo do site podem ser modificados posteriormente. Portanto, pense nos textos e modelos apenas como pontos de partida, mas tente escolher aquele mais próximo do que imaginou para o seu site.

Após a escolha do tema, a IA integrada com o WordPress vai montar o site para você. Esse processo leva apenas alguns instantes. Ao final, o site é exibido já com cores, imagens e textos criados pela IA. O meu resultado inicial ficou assim:

Editando o site com o assistente de IA integrado ao WordPress

Após a finalização do processo de instalação e configuração inicial, você será redirecionado para o painel de administração do WordPress. E aqui o assistente com IA continua em ação. Ele oferece um checklist intuitivo com todas as etapas para criar seu site — desde a escolha do layout até a inserção de conteúdo. Até algum tempo atrás, esse tipo de assistência era oferecido quase que exclusivamente por criadores de sites. Agora os usuários do WordPress também contam com esse recurso, que ficou ainda mais robusto com o uso da IA.

É possível gerar textos, adicionar seções com modelos prontos, configurar o visual da página e até criar imagens utilizando inteligência artificial.

Esse processo guiado é extremamente útil e pode ser feito em poucos minutos. Se você quiser mais detalhes, a HostGator mantém uma documentação oficial com vídeos e tutoriais sobre o assistente de sites com IA.

Uma coisa que me chamou atenção é a presença de um chatbot alimentado por IA dentro do painel do WordPress. A qualquer momento, você pode interagir com o assistente, solicitando tarefas ou tirando dúvidas sobre as configurações do site. Essa funcionalidade é extremamente útil e quebra muitas barreiras, especialmente para aqueles que não têm familiaridade com o WordPress. É como se você estivesse com um especialista prestando consultoria para qualquer assunto relacionado à criação do site.

Dentro do editor de páginas do WordPress, a IA também se faz presente de diversas formas. Além da criação de textos, também é possível criar imagens. No exemplo abaixo, solicitei a criação de uma imagem com o seguinte comando (prompt): “Crie uma imagem realista de um homem sentado na cadeira da barbearia com espuma no rosto tendo sua barba feita por outro homem com avental e com uma navalha nas mãos”.

A imagem gerada foi a seguinte:

Customizando cores, blocos e outros itens do WordPress

Vale reforçar que todos os elementos gerados pela IA dentro do WordPress podem ser personalizados à vontade pelo usuário. Para o site da barbearia, fui adiante com mais algumas customizações.

Uma delas é a alteração da paleta de cores do site. O WordPress já sugere diversas paletas de cores previamente definidas, mas também é possível inserir cada uma das cores manualmente, o que é muito útil para marcas que já possuem uma identidade visual própria.

Outro recurso muito interessante oferecido pela HostGator é a utilização de blocos previamente definidos. Blocos são como seções ou elementos que compõem uma página. A utilização de blocos pré-definidos agiliza muito a criação do site. Veja alguns dos exemplos sugeridos pelo assistente da HostGator.

Por último, mas não menos importante, destaco a página inicial do assistente de IA dentro do painel do WordPress. Ela contém guias e links para interação com o IA, o que permite editar páginas existentes ou criar novas páginas e seções, tudo isso contando com o poder da inteligência artificial.

Usando o IA como um assistente e tendo em mente objetivos claros para o seu negócio, as possibilidades de criação são praticamente infinitas.

Quanto custa o WordPress com IA da HostGator

Uma das maiores vantagens do WordPress com IA da HostGator é que ele não custa nada a mais. Isso porque o recurso de IA já está incluso gratuitamente em todos os planos de hospedagem compartilhada da HostGator. Ou seja, ao contratar qualquer um desses planos, você já tem acesso ao assistente inteligente que ajuda a criar seu site em poucos minutos, sem precisar pagar por ferramentas extras.

Essa inclusão torna a solução ainda mais acessível, especialmente para quem está começando. Você pode escolher o plano que melhor se adapta ao seu projeto — seja um blog pessoal, site institucional ou loja virtual — e já contar com o suporte da inteligência artificial para acelerar sua presença digital.

Confira abaixo os planos disponíveis e veja qual é ideal para você:

Confira mais detalhes sobre cada plano no site da HostGator.

Afinal, vale a pena usar o WordPress com IA da HostGator?

Se você busca uma maneira rápida, prática e acessível de criar um site profissional, a resposta é sim: vale (e muito) a pena usar o WordPress com IA da HostGator. A tecnologia agiliza todas as etapas da criação — desde a estrutura até o conteúdo — permitindo que você coloque seu projeto no ar em questão de minutos, mesmo sem nenhuma experiência prévia com design ou programação.

E o melhor é que o assistente com IA já vem incluso em todos os planos de hospedagem compartilhada, sem nenhum custo adicional. Isso significa que você pode aproveitar o melhor da tecnologia pagando apenas pela hospedagem — que, aliás, tem preços bastante competitivos no mercado e está entre as melhores empresas de hospedagem do Brasil. Tudo isso com um painel intuitivo, suporte 24 horas e a flexibilidade que você precisa para crescer online com segurança.

Portanto, se você quer economizar tempo, reduzir custos e garantir uma presença digital de qualidade, o WordPress com IA da HostGator é uma ótima escolha.

O artigo WordPress com IA da HostGator: veja como criar sites usando inteligência artificial foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Construir um site pode ser um desafio para muitas pessoas, especialmente quando é a primeira vez que lidamos com uma ferramenta de criação. Mesmo as plataformas mais intuitivas podem gerar insegurança em quem está começando. 

Este artigo é para você que deseja criar um site Wix e busca um tutorial simples que inclua desde a criação da conta até a publicação do site. Você verá que em poucos passos é possível ter um site profissional e personalizado nessa ferramenta.

Vale ressaltar que este tutorial refere-se ao Editor Wix, que é a versão mais usada e indicada para quem está criando o seu próprio site e não tem experiência com design e programação. Já profissionais e agências encontram recursos de edição mais avançados do Wix Studio.

1 – Crie uma conta grátis no Wix 

O primeiro passo para criar um site Wix é registrar-se gratuitamente na ferramenta, em um cadastro bem simples. Acesse aqui o site do Wix e então clique em “Comece Já”. Uma janela abrirá, como na imagem abaixo. Cadastre seu e-mail, ou se preferir, faça login com a sua conta do Facebook ou do Google.

2 –  Comece com a ajuda do Wix

Logo após criar a conta, você já está apto a iniciar a criação do site. Para começar, a Wix apresenta perguntas para entender o que o usuário precisa em relação ao site e então auxilia-o no processo, inclusive automatizando configurações e conteúdos.

A primeira pergunta é: “Para quem você está criando um site?” e a ideia aqui é identificar se o usuário é iniciante e está criando um site por conta própria ou se é uma agência ou freelancer criando para um cliente. Essa resposta irá influenciar na sugestão pelo Editor Wix para clientes leigos, como empreendedores, profissionais liberais e estudantes, ou pelo Wix Studio, para profissionais e técnicos da área.

Obs: as telas compartilhadas neste artigo são as publicadas no Wix no momento da produção deste conteúdo. Elas podem mudar com o tempo, mas o passo a passo costuma se manter. Portanto, se algum dos passos parecer diferente para você, sugiro seguir o tutorial, pois ele provavelmente será útil mesmo assim.

3 – Configure o painel de controle (com ou sem a IA do Wix)

Quando decidimos criar um site, geralmente já pensamos em começar pela seleção e edição do template, mas antes disso precisamos tomar algumas decisões. A primeira decisão é o tipo de site que queremos criar. Seria um site institucional, uma landing page, uma loja virtual ou outro tipo de site? Quais funcionalidades queremos que este site tenha? Por exemplo, opção de agendamento online, blog, vitrine de produtos?

Nesta etapa de configuração, é possível usar a inteligência artificial (IA) do Wix, respondendo algumas perguntas através do chat, ou prosseguir sem esse assistente. Ambas as opções são fáceis, então não há obrigação de usar a IA, especialmente se preferir ter mais controle. Em seguida apresentarei as duas opções de configuração: com IA e sem IA.

A) Configurando com a IA do Wix

Esta opção conta com um chat entre o usuário e a inteligência artificial do Wix. Basicamente ela faz perguntas sobre o negócio, o objetivo do site e o público-alvo, e com base nas respostas, a IA escolhe o tipo de site mais adequado e instala os aplicativos necessários, como loja online, blog ou qualquer outro que considere adequado. Em seguida, ela exibe o painel de controle para que o usuário prossiga com a criação do site. Veja abaixo um trecho da conversa que tive com a IA.

B) Configurando sem a IA do Wix

Caso prefira seguir sem a inteligência artificial da Wix, basta clicar em “Configurar sem chat”, na imagem exibida anteriormente. Ao contrário do que pode parecer, o usuário não fica sem assistência. A diferença principal é que não é uma conversa, mas algumas perguntas que o usuário responde. No final, o objetivo é o mesmo: identificar o tipo de site para que o painel de controle seja customizado com os recursos necessários.

Nesta opção, é preciso escrever o tipo de site que você deseja criar. Ao digitar, a ferramenta exibe opções relacionadas. Escolha a opção mais adequada e clique em “Continuar”, conforme a imagem abaixo. A propósito, nenhuma dessas etapas são obrigatórias. Se preferir, clique em “Pular” e siga para a próxima etapa.

Em seguida, a Wix faz algumas perguntas sobre o nome do negócio e o endereço, entre outras informações. Ao responder, elas poderão ser incluídas diretamente no site, sem que você precise colocar manualmente. Mais uma vez, você pode responder ou pular, e também editar a qualquer momento, pelo painel de controle.

Preencher essas informações pode ser bastante útil e economizar seu tempo ao criar seu site no Wix. Por exemplo, em uma das etapas é preciso selecionar os aplicativos que quer adicionar ao seu site. Ao fazer isso, os aplicativos já serão inseridos quando você escolher o template, na etapa seguinte. Alguns exemplos de aplicativos são: loja online, agendamento, formulário, chat, músicas, vídeos etc.

Ao terminar esse processo, o usuário é redirecionado ao painel de controle, como mostra a imagem abaixo. Os aplicativos selecionados na etapa anterior já aparecem no menu à esquerda.

A ferramenta sugere, como próximo passo, conectar o domínio, mas voltaremos a esta opção depois, pois será necessário decidir entre um domínio gratuito ou pago, e isso envolve a contratação ou não de um plano. Antes de tomar essa decisão, acho importante conhecer o editor e personalizar o site, mesmo que de forma básica. É colocando a mão na massa que você descobrirá se o Wix é a ferramenta que procura. 

Sendo assim, vamos ao passo seguinte. Clique no botão “Personalizar”, na seção “Personalize o design do site”. Use como base a imagem acima, do painel de controle.

4 – Personalize o design do site

A personalização do site também pode ser feita com a ajuda da IA do Wix ou por conta própria. Na primeira opção, você navega pelos templates e escolhe um para editar, enquanto na segunda, a IA cria um design personalizado para o seu site. Mostrarei em seguida as duas opções.

A) Opção Personalizar um template (minha preferência)

A Wix possui um catálogo com milhares de templates visualmente atrativos e profissionais, por isso minha preferência é criar um site Wix a partir de um dos temas existentes. Dessa forma, você já garante que a “base” para criação do seu site cumpre boas práticas de design e usabilidade, além de ser uma ótima fonte de pesquisa.

Para visualizar os templates e escolher e editar o seu favorito, clique na opção “Personalizar um template”. Se você respondeu às perguntas anteriores, verá os templates correspondentes à categoria do seu site. Uma dica é não se limitar ao filtro pré-estabelecido, que pode ser muito restrito. Se for este o seu caso, busque uma categoria mais ampla para ver mais modelos de templates. Por exemplo, na minha simulação a Wix me apresentou designs para “garagem de automóveis”. Ao optar pela categoria “automotivos”, encontrei um número muito maior de templates.

Você pode visualizar os templates em tamanho real antes de optar pela edição. Quando tiver escolhido o tema, clique no botão “Editar”. Então o criador de sites Wix abrirá e você já terá tudo que precisa para começar a personalizar o seu site.

O editor do Wix é muito intuitivo e todas as funcionalidades estão disponíveis nos menus da ferramenta. Outra forma de edição é no próprio template, bastando clicar em qualquer seção para customizá-la. Imagens, textos, seções, funcionalidades, páginas, tudo está acessível pelo Editor Wix.

A personalização de um site costuma ser a fase mais demorada, mas um site simples institucional pode ser criado em um único dia, dependendo das funcionalidades. É preciso definir o conteúdo e as páginas, então trocar as imagens e inserir o texto e outros elementos, como mapas, formulários e redes sociais. Com a ferramenta do Wix isso tudo já está pronto para você inserir onde e como desejar. A configuração de alguns aplicativos pode levar mais tempo, mas as integrações da Wix deixam tudo mais fácil para o usuário.

Eu adoraria fazer uma apresentação ampla de como personalizar um template no Wix, mas o tutorial ficaria muito extenso, pois as possibilidades de edição são diversas e variam conforme o tipo de site. Deixarei como tema de um próximo artigo. Agora vamos ver como seria usar a IA do Wix para criar um design personalizado.

B) Opção Gerar um design com IA

Se em vez de selecionar e editar um template pronto, você preferir que o Wix crie um design do zero, clique na opção “Gerar um design com IA”. Nela, a IA usa as informações respondidas previamente para criar um site Wix personalizado para o usuário. Sobre esta experiência, acredito que quanto mais informações a IA possui sobre o site, melhor é o resultado do design.

Vale mencionar é que o design apresentado pela IA é um ponto de partida, uma sugestão, e pode ser alterado quantas vezes o usuário desejar. Por exemplo, se você gostou da estrutura do site, mas não do estilo e das cores, pode pedir para a IA ajustar somente essa parte. Outra possibilidade seria gerar um novo design. Quando estiver satisfeito, pode prosseguir com a versão mais recente ou até mesmo com uma das versões anteriores.

O que mais me chamou a atenção na IA é que ela simplifica o processo de criação do site, sugerindo layout, conteúdo, estrutura, entre outros. E os ajustes são feitos a partir de uma conversa via chat, em que o usuário explica o que deseja e a IA vai lá e faz. Eu tenho muita familiaridade com criadores de sites, mas entendo que essas ferramentas podem parecer complexas para usuários sem nenhuma experiência. Neste sentido, acho que a proposta da IA de criar o site é interessante.

Por outro lado, é uma ferramenta nova, que está em aprimoramento. Por isso, ainda considero melhor a criação do site pelo editor do Wix, sem a IA. Navegar pelos templates existentes pode ser uma ótima inspiração para descobrir o que se quer, e por serem mais elaborados, o resultado pode ser um site ainda mais profissional.

E criar um site a partir de um dos templates não significa deixar de usar a IA do Wix. Pelo contrário, a IA pode ser muito útil em vários momentos, como por exemplo na criação de textos. Com o seu template aberto no editor, basta clicar em um texto existente e então optar por escrever seu próprio texto ou pedir para a IA criar um, com base nas suas orientações. Veja um exemplo na imagem abaixo. É possível ajustar o “tom de voz” do site (ex: Profissional) e editar quantas vezes quiser até o texto ficar como você deseja.

Veja também: WordPress com IA da HostGator: veja como criar sites usando inteligência artificial

5 – Escolha o endereço do seu site

Após personalizar o site e deixá-lo pronto para ser publicado, é hora de decidir o domínio, que será o endereço do seu site na internet. Clique em “Salvar” e você verá duas opções: usar um domínio gratuito do Wix ou criar um domínio personalizado.

O domínio gratuito Wix é a única opção para quem quer criar um site grátis e tem a seguinte estrutura: www.nomedeusuario.wix.com/nome-do-site. Este tipo de endereço não é o ideal se você possui um site de empresa ou se quer passar uma imagem mais profissional, por isso eu recomendaria apenas para quem está testando a ferramenta, criando um site sem compromisso ou não tem condições de contratar um plano. Aqui você encontra esta e outras ferramentas gratuitas para criar um site.

Já o domínio personalizado é a melhor alternativa para quem tem um negócio ou é um profissional e deseja ter uma presença online que atraia clientes e transmita credibilidade. Através dele, seu site tem um endereço mais curto e fácil de lembrar, como www.nomedosite.com. Seja no Wix ou em qualquer outra ferramenta, ter um site com domínio próprio faz toda a diferença.

Caso você já possua um domínio registrado, pode utilizá-lo no Wix. Para isso, no entanto, continuará sendo necessário contratar um plano Premium. Também é possível salvar o site com um domínio gratuito e posteriormente fazer um upgrade para o domínio personalizado, quando estiver pronto para publicar o site. Para o nosso tutorial, seguiremos com o endereço gratuito.

6 – Publique o seu site

Uma vez que tenha customizado seu site, é hora de publicá-lo na internet, para que todos possam acessá-lo (até então só você podia ver o seu site). Publicar um site no Wix é muito fácil: basta clicar no botão “Publicar”, que fica no próprio editor.

7 – Profissionalize seu site com um plano Premium do Wix

Se ao criar o seu site no Wix, você gostou da ferramenta e decidiu que é ela que você vai usar, recomendo que considere a contratação de um plano Premium. A não ser que suas condições financeiras não permitam ou que você esteja apenas testando a ferramenta, sem pretensão de criar um site profissional, o plano Premium do Wix apresenta diferenciais significativos comparado à versão gratuita. Veja alguns dos principais benefícios:

• Remoção de anúncios do Wix – tenha um site mais profissional, sem exibir os anúncios do Wix que aparecem na versão gratuita.
• Domínio personalizado – utilize um domínio próprio no seu site (ex: www.meusite.com), em vez de um endereço gratuito. Dependendo do plano, obtenha um domínio gratuito por um ano.
• Espaço de armazenamento e largura de banda expandidos – conte com uma maior capacidade de armazenamento e largura de banda, essencial para sites que possuem muitos arquivos ou tráfego elevado.
• Funcionalidades de e-commerce – configure uma loja virtual completa, com a capacidade de aceitar pagamentos online, gerenciar inventário e criar cupons de desconto. Esses recursos variam de acordo com o plano Premium escolhido.
• SEO avançado e ferramentas de marketing – utilize ferramentas de SEO para melhorar a visibilidade do site nos motores de busca, além de recursos de marketing, como automação de campanhas e integração com redes sociais.
• Apoio ao cliente – receba suporte 24/7 para esclarecer dúvidas e solucionar problemas.
• Integração de aplicativos e recursos extras – integre aplicativos adicionais disponíveis na loja do Wix, como ferramentas de reservas online, chat ao vivo e galerias avançadas.
• Flexibilidade de design e marca – personalize ainda mais o design, utilize fontes exclusivas e configure recursos adicionais, como favicons personalizados.

Investir em um plano Premium é ideal para quem deseja mais profissionalismo, desempenho e funcionalidades em seu site. Os planos Wix custam a partir de R$ 15 mensais e todos já contam com a hospedagem gratuita. 

Lembrando que para começar não é preciso contratar nenhum plano, basta clicar aqui e registrar-se gratuitamente no site do Wix.

Boa sorte e sucesso com o seu site! Qualquer dúvida ou comentário, deixe uma mensagem para nós.

Artigo publicado originalmente em 25/02/2016 e reescrito em 23/01/2025

O artigo Como criar um site Wix pelo Editor Wix foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

No imenso universo dos apps para dispositivos móveis, ter canais para divulgar o seu aplicativo é um dos caminhos para o sucesso. Embora as lojas de aplicativos sejam o ponto de partida para muitos usuários, um site dedicado ao seu app pode representar um grande diferencial em termos de visibilidade. Nele, é possível apresentar as funcionalidades do seu aplicativo de forma detalhada, transmitir credibilidade e direcionar tráfego qualificado para os meios de instalação e aquisição do app.

Neste artigo, vamos conhecer o processo de criação de um site de aplicativo usando o Wix, que é um dos criadores de sites mais usados no mundo. Veremos desde a definição do conceito, estrutura e escolha do domínio, passando pela importância de criar um layout visualmente atraente, ponto que é fundamental para a divulgação de qualquer produto, físico ou digital.

Se você está se preparando para lançar um novo aplicativo ou deseja melhorar a presença online do seu aplicativo existente, espero que as dicas e informações que daremos aqui ajudem a impulsionar seu projeto. Vamos nessa?

Por que ter um site para o seu aplicativo?

Destacar-se no meio da grande concorrência entre aplicativos é um desafio por si só. A cada dia, centenas de apps chegam às lojas. Portanto, ter um site dedicado ao seu aplicativo não é um luxo, mas sim uma necessidade. Enquanto as lojas de apps são essenciais para a distribuição e download, um site atua como uma vitrine de informações e uma poderosa ferramenta de marketing.

As lojas de aplicativos são ambientes saturados, onde milhares de aplicativos competem pela atenção dos usuários. Um site de aplicativo permite que você escape dessa limitação e alcance um público maior por meio de mecanismos de busca, redes sociais e outras estratégias de marketing digital.

Apresentar funcionalidades, benefícios e diferenciais de forma detalhada e atraente são algumas das possibilidades para um site de app. Você pode incluir capturas de tela, vídeos, depoimentos de usuários e outros conteúdos que destaquem o valor do seu aplicativo e convençam os visitantes a se tornarem usuários.

Além disso, ao otimizar seu site de aplicativo com palavras-chave relevantes, você aumenta as chances de ser encontrado por usuários que estão tentando encontrar soluções como a sua em buscadores como o Google. Isso direciona tráfego orgânico qualificado para o seu site e, consequentemente, para o seu aplicativo.

Além disso, um site profissional e bem projetado também transmite uma imagem de credibilidade e competência, o que é essencial para conquistar usuários. Um site ainda pode servir como um canal de comunicação direta com seu público, permitindo que você compartilhe notícias, atualizações, dicas e outros conteúdos relevantes para o seu aplicativo.

Por fim, o site também pode incluir uma seção de suporte com FAQs, tutoriais e informações de contato para ajudar os usuários a solucionar problemas e obter respostas às suas perguntas. Isso melhora a experiência do usuário e demonstra que você se preocupa com a jornada de seus clientes.

Encontrando um domínio para o seu site de aplicativo

A escolha do domínio para o seu site de aplicativo é um passo importante para o seu sucesso. O domínio é o endereço virtual do seu site, portanto, é recomendado escolher um domínio que seja fácil de lembrar e digitar, e que represente adequadamente o seu aplicativo.

Idealmente, o domínio deve ser o mesmo nome do seu aplicativo ou uma variação próxima. Por exemplo, supondo que o seu app seja batizado de “Corrida Fácil”, o domínio do app poderia ser corridafacil.app e/ou corridafacil.app.br. Isso facilita a associação entre o aplicativo e o site, tornando-o mais fácil de lembrar e encontrar pelos usuários. Se o domínio desejado já estiver em uso, explore variações criativas que mantenham a essência do nome original, como por exemplo corridafacilapp.com.

A extensão de domínio, que é a parte final do seu endereço web, também desempenha um papel importante na comunicação. A extensão .com é uma das mais populares do mundo e amplamente reconhecida. Apesar disso, ela é uma extensão genérica e não transmite de imediato a natureza do negócio. Por se tratar de um site de aplicativo, é possível optar por outras extensões específicas, como .app, .app.br ou .io. Saiba mais sobre a extensão .app aqui.

Sobre esse ponto, vale mencionar mais uma dica: mesmo se o domínio estiver disponível na extensão desejada, pode ser interessante registrar o mesmo domínio, alterando apenas a extensão, como forma de proteger a marca. Leia mais informações sobre isso no artigo motivos para registrar vários domínios para o seu site.

Também é recomendável que o domínio seja curto, fácil de lembrar e de digitar. Evite nomes complexos, hífens ou números, pois podem dificultar a memorização e levar a erros de digitação. Opte por um nome que seja intuitivo e que os usuários possam facilmente lembrar e compartilhar com outras pessoas.

Antes de se apegar a um domínio específico, verifique se ele está disponível para registro (veja aqui uma seleção de empresas para registrar domínios feita por nossa equipe). Existem diversas plataformas de registro de domínios online onde você pode pesquisar a disponibilidade e comparar preços. Lembre-se de que alguns domínios podem ser (bem) mais caros do que outros, especialmente na renovação. Portanto, antes de registrar seu endereço, verifique o custo do mesmo para ter uma ideia do que esperar para o futuro. Lembrando que a renovação de qualquer domínio se dá em intervalos anuais.

Definindo o conceito do seu site de aplicativo

Antes de começar a criar o site do seu aplicativo, é importante dedicar um tempo para definir claramente o conceito do mesmo. Isso envolve entender seus objetivos, público-alvo e a mensagem que deseja transmitir. Ter um conceito bem definido guiará suas decisões de design, conteúdo e funcionalidade, garantindo que o site seja eficaz em atingir seus objetivos.

Os objetivos de um site de app podem incluir aumentar o conhecimento do aplicativo, atrair novos usuários e explicações sobre o uso do seu app. Incentivar os visitantes a baixar e instalar o aplicativo também podem estar entre suas metas, bem como fornecer suporte aos usuários que já instalaram o mesmo.

Ter uma definição do público-alvo do seu app também é outro ponto importante. Isso pode te ajudar bastante durante o planejamento do site e ainda influenciar decisões que vão desde o layout até o tipo de mensagem e tom de voz utilizados.

Além disso, é muito importante deixar claro para o usuário quais são os diferenciais do seu app e porquê as pessoas deveriam usá-lo. E um dos melhores lugares para esse tipo de mensagem é o site do aplicativo, não é mesmo? Lá, você tem a liberdade de demonstrar e explicar seu uso e suas vantagens livremente.

Por fim, tenha em mente quais ações você deseja que os visitantes realizem no site, como baixar o aplicativo, se inscrever em uma lista de e-mail ou entrar em contato com o suporte. Certifique-se de que as chamadas para ação sejam claras, visíveis e convincentes.

Considere usar uma estrutura de página única para o seu site de aplicativo

Um site de página única pode ser uma escolha interessante e objetiva para apresentar seu aplicativo. Essa estrutura permite que você guie os visitantes por uma navegação fluida, contando uma história de forma organizada e estratégica, sem a necessidade de clicar em várias páginas.

Imagine a página inicial do seu site como uma apresentação onde cada seção conta uma parte da história do seu aplicativo. Comece com uma seção inicial atraente, que capture a essência do seu aplicativo, e já com uma chamada para ação clara. Para aqueles usuários que gostam de navegar mais profundamente para obter informações, continue com a apresentação do app à medida que a tela desce, destacando seus principais benefícios e o problema que ele resolve para os usuários.

Incluir imagens e vídeos de alta qualidade que mostrem o aplicativo em funcionamento também é algo que pode funcionar para despertar o interesse e a curiosidade dos usuários para testar o seu app. Apresente as funcionalidades do aplicativo em seções dedicadas, usando títulos claros e descrições objetivas. Utilize ícones e elementos visuais para tornar a informação mais atraente e fácil de entender. Uma opção igualmente interessante é ter uma seção com depoimentos de usuários satisfeitos, mostrando como o seu aplicativo impactou positivamente suas vidas.

Ao se aproximar do final da página, inclua uma chamada para ação (call to action) clara e convincente. Incentive os visitantes a baixar o aplicativo, repetindo ou resumindo a mensagem presente no topo da página, com um botão de destaque para direcionar o usuário para a ação desejada.

Finalmente, finalize a página com um rodapé que contenha informações de contato, links para suas redes sociais e uma breve descrição da sua empresa. Lembre-se também de que o site deve ser responsivo, ou seja, que se adapte a diferentes tamanhos de tela, para garantir uma boa experiência para todos os usuários.

Templates do criador de site Wix

Desenvolver um site do zero pode ser uma tarefa demorada e complexa, especialmente para quem não tem experiência em design e desenvolvimento web. Felizmente, existem opções no mercado que permitem criar um site atraente e funcional sem a necessidade de usar códigos ou contratar alguém para fazê-lo. Uma dessas opções é escolher um criador de sites online, como o Wix.

Com o Wix, você tem acesso a uma grande variedade de templates profissionais, alguns projetados especificamente para sites de aplicativos. Esses templates, além de oferecerem layouts pré-definidos, ainda são coerentes do ponto de vista da paleta de cores e componentes do site. E, por serem bastante maleáveis, é possível adaptá-los para combinarem com a identidade visual do seu aplicativo, o que inclui inserir suas próprias imagens, textos e cores.

Veja a seguir alguns exemplos de templates prontos para sites de aplicativo no Wix.

Krofe: template para um site de aplicativo de finanças. Em tempos de criptomoedas, pode ser uma ótima opção para o seu app de cripto ou de controle financeiro. Acesse aqui a demonstração do Krofe.

Bits: site para aplicativo de finanças ou controle de dados. Acesse aqui a demonstração do Bits.

Piratas da Ilha: site para aplicativo de jogos. Com um visual descontraído e ao mesmo tempo interessante, pode ser muito útil para criar um site de aplicativo de jogo. Acesse aqui a demonstração do Piratas da Ilha.

Aliens Siderais: também com uma temática de jogos, mas com uma pegada mais geek e de ficção científica. Acesse aqui a demonstração do Aliens Siderais.

Todos os templates demonstrados acima são editáveis. Para usá-los, basta criar uma conta no Wix e começar a editar o template escolhido. Você pode editar à vontade, e até mesmo publicar o site sem pagar nada por isso. O pagamento só é necessário para usar recursos extras, como um domínio personalizado e remover a marca do Wix do rodapé. O plano que inclui apenas o domínio custa o equivalente a R$ 6 mensais.

A interface intuitiva do Wix permite que você edite o template de forma fácil e rápida, mesmo sem conhecimento técnico. Você pode arrastar e soltar elementos, adicionar novas seções, alterar fontes e cores e inserir vídeos e imagens com apenas alguns cliques. Ou seja, é possível criar um site com aparência profissional em questão de horas.

Além disso, ao optar por um template pronto, você se beneficia do fato de que o mesmo foi criado por designers profissionais que já consideraram as melhores práticas de design e usabilidade. Os templates são projetados para serem responsivos, adaptando-se automaticamente a diferentes dispositivos, como desktops, tablets e smartphones, o que é fundamental atualmente.

Ainda, usar um criador de sites como o Wix também oferece outras vantagens, como hospedagem, SEO amigável (os sites são otimizados para os mecanismos de busca) e diversas outras integrações, como análise de tráfego, formulários de contato e serviço de e-mail marketing. Para usar as integrações, vale a pena conferir os planos pagos da plataforma.

Hospedagens de sites: alternativas para criar o site de aplicativo

Se você optar por criar o site do seu aplicativo com o Wix, não precisará se preocupar com a hospedagem, pois o serviço já inclui esse aspecto, mesmo no plano gratuito. No entanto, se optar por outra plataforma para criação do site, saiba que existem alternativas tão em conta quanto esta.

Um serviço de hospedagem compartilhada é uma opção eficiente e acessível, sendo ideal para sites pequenos e médios, com tráfego baixo a moderado. Existem diversos provedores de hospedagem compartilhada confiáveis, como a HostGator, Hostinger e outras. Para conhecer algumas, confira o nosso comparativo com as melhores hospedagens de sites para o Brasil.

Conclusão

Criar um site de aplicativo é um investimento estratégico e que pode gerar resultados significativos para o sucesso do seu app. Ao seguir as etapas e as dicas apresentadas aqui, você estará no caminho certo para construir uma presença online forte, atrair novos usuários e maximizar o potencial do seu aplicativo no mercado competitivo de hoje.

Com um pouco de criatividade, planejamento e atenção aos detalhes, você pode criar um site de aplicativo que se destaque da concorrência, impulsione downloads e ajude o seu app a alcançar o sucesso que ele merece.

Experimente criar o seu site gratuitamente com o Wix.

O artigo Como criar um site de aplicativo com o Wix foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Seja você um empreendedor digital, proprietário de um negócio local ou membro de uma grande empresa, uma landing page de vendas pode ser uma ferramenta poderosa para impulsionar o crescimento do seu negócio online. Independente do setor ou nicho de mercado em que atua, uma landing page bem projetada e pensada com foco na estratégia pode ser a chave para atrair clientes em potencial, converter leads e, finalmente, aumentar as vendas.

Neste tutorial, vamos aprender a criar uma landing page de vendas do zero usando o WordPress gratuito configurado em uma hospedagem e com domínio personalizado. Em poucos passos, vamos criar uma página atraente para que seus clientes em potencial realizem uma compra, uma inscrição ou qualquer outra ação desejada.

Continue a leitura e descubra como transformar sua presença através desse recurso bastante utilizado nos dias de hoje e fundamental quando falamos de marketing digital.

O que é uma landing page de vendas

Uma landing page de vendas é uma página da internet projetada especificamente para converter visitantes em leads ou clientes, concentrando-se em uma oferta específica, como um produto, serviço ou conteúdo. Ao contrário de páginas de sites comuns, as landing pages de vendas têm como objetivo a realização de uma ação única, geralmente uma compra ou a captura de informações de contato.

Essas páginas são cuidadosamente projetadas para guiar os visitantes por meio de um funil de vendas, fornecendo informações claras e convincentes sobre uma determinada oferta.

Características comuns de uma landing page de vendas incluem um visual (layout) atraente, título e descrição convincentes, benefícios destacados, depoimentos de clientes, elementos visuais que agregam informações e uma chamada para ação (CTA, do inglês, Call to Action) clara e direta.

Uma landing page de vendas eficaz deve ser fácil de entender, garantindo que os visitantes saibam exatamente o que estão consumindo e como podem se beneficiar da oferta apresentada.

Exemplos de landing page de vendas

Às vezes, as imagens podem ter muito mais significado do que palavras. Portanto, para complementar os conceitos que mencionei até agora, separei algumas landing pages de vendas de segmentos diversos. Confira os exemplos.

Landing page para download de e-books:
Neste exemplo, a HostGator, provedora de hospedagem de sites e serviços relacionados, oferece um e-book gratuito sobre vendas na Black Friday em troca de algumas informações do usuário, como nome e e-mail. O objetivo aqui não é vender diretamente um produto ou serviço, mas capturar o que chamamos de leads no marketing digital.Leads são clientes que têm potencial para consumir um produto ou serviço futuramente. No caso da HostGator, após o cadastro do possível cliente, inicia-se um relacionamento com a marca, que pode ou não se concretizar em uma venda no futuro. Essa é uma técnica amplamente usada na internet, e provavelmente você já esbarrou com outros sites que utilizam a mesma estratégia.

Landing page para venda de curso:
Aqui, o objetivo é a concretização da venda de um curso. No exemplo, o designer de marcas Walter Mattos deixa claro logo no topo da página do que se trata o curso e o seu objetivo. A chamada para ação (CTA) também está destacada na primeira seção da landing page, com um campo para o interessado entrar na lista de espera para a próxima turma. Ao rolar a página, o usuário encontra informações-chave para dar confiança ao interessado e convencê-lo de que vale a pena adquirir o curso. Há um vídeo de apresentação, a grade completa do curso, depoimentos de alunos e o portfólio do próprio Walter.

Landing page de vendas para festival de música:
Dependendo do nicho do seu negócio, a abordagem tanto do ponto de vista estético quanto de informações pode variar bastante. No caso de festivais de música, a principal atração são os artistas, portanto, o destaque na página vai para eles. No exemplo abaixo, do festival de inverno do Rio, praticamente não há texto na página, apenas as atrações e CTAs (botões para compra de ingressos) se repetindo no corpo da página.

Landing page de evento de tecnologia:
O Campus Party Brasil é um dos maiores eventos de tecnologia do país. A landing page do evento insere a chamada para ação logo no início da página (“garanta seu ingresso”) e fornece trechos de informações sobre os diversos setores do evento ao longo da página.

Como criar uma landing page de vendas

Agora que já vimos alguns exemplos de landing page, vamos começar o processo de criação da página efetivamente.

Planejamento da landing page

Antes de começar, é importante que você saiba claramente quais são os seus objetivos e qual é a finalização desejada da ação, por parte dos usuários.

Como exemplos de objetivos, podemos citar:

• Criar uma base de usuários, através de uma landing page de cadastro.
• Realizar inscrições de qualquer natureza, como por exemplo em um curso ou evento, gratuito ou pago.
• Realizar a venda de um produto ou serviço.

Vale ressaltar que uma landing page propõe-se a ter um único objetivo. Se você pretende vender vários produtos ou serviços, talvez seja mais interessante pensar em criar uma loja virtual. 

Publicamos recentemente um tutorial sobre como criar uma loja virtual usando o WooCommerce, que você pode conferir aqui.

A etapa de finalização, amplamente conhecida no marketing digital como chamada para ação (CTA, do inglês, Call To Action) também deve estar clara na sua landing page. Um CTA geralmente é um botão que possui destaque ao longo da página e que leva o usuário para realizar a ação desejada, como por exemplo:

• Levar o usuário para o carrinho de compras do produto ou serviço.
• Abrir um formulário de cadastro.
• Direcionar o usuário para um meio de pagamento externo, para a realização de uma compra.

Escolha do domínio

Um domínio é o endereço de um determinado site ou página na internet, como por exemplo meusite.com.br. Quando falamos de landing pages, é comum encontrar domínios criados especificamente para o propósito de venda do produto ou serviço em questão. Alguns exemplos poderiam ser:

• cursoxyx.com.br
• metodoalcanceobjetivox.com.br
• planilharevolucaofinancas.com.br

Apesar do mencionado acima, é perfeitamente possível ter uma landing page contida em um site já existente. Nesse caso, os exemplos acima poderiam ser adaptados da seguinte forma, para fazerem parte de um site já publicado:

• meusite.com.br/cursoxyz
• meusite.com.br/metodoalcanceobjetivox
• meusite.com.br/planilharevolucaofinancas

Diante disso, cabe ao empreendedor definir a sua estratégia e colocar em prática o uso do domínio da maneira que julgar mais adequada. Ter um domínio exclusivo para vender determinado produto é bastante comum quando falamos em landing pages de venda. Isso pode dar um peso maior ao que está sendo oferecido e aumentar a taxa de conversões. Mas isso não é uma regra e vai depender muito de como o negócio está sendo planejado e executado.

Escolha da hospedagem

A escolha da hospedagem certa para sua landing page é outro ponto muito importante para garantir o sucesso de qualquer negócio online. Dependendo do número de visitantes esperado para a ação, pode ser necessário ter uma hospedagem mais robusta, que permaneça estável mesmo com um número alto de visitantes simultâneos. No entanto, para negócios que estão começando, existem muitas opções com ótimo custo-benefício no mercado.

Para este tutorial, vamos usar a hospedagem compartilhada da HostGator. A empresa é confiável e atende clientes de todos os tamanhos e portes. Dentre os planos compartilhados, o plano Start pode ser uma opção bastante em conta, enquanto os planos superiores, especialmente o plano Turbo, oferecem mais recursos e capacidades. A landing page que vamos construir a seguir pode ser criada em qualquer um dos planos disponíveis na HostGator.

Para conhecer os planos e preços da HostGator, acesse esta página e confira os planos de hospedagem da empresa.

Instalação do WordPress

Neste tutorial, vamos usar o WordPress para a criação da landing page. WordPress é um sistema de gerenciamento de conteúdo bastante popular (é o mais usado no mundo para a criação de sites), atendendo a sites, blogs, lojas virtuais e, é claro, landing pages. O WordPress possui um sistema de blocos, que permite a customização de layouts e templates de maneira bastante amigável, como veremos adiante.

Prosseguindo, depois de contratar o serviço de hospedagem e registrar um domínio (o que pode ser feito em conjunto na HostGator), acesse o painel do cliente e clique no link para o cPanel, conforme a figura abaixo.

O cPanel é o painel de controle usado pela HostGator e bastante robusto, com dezenas de opções de configuração. Vale mencionar que, uma vez que o domínio foi configurado, um certificado SSL é instalado automaticamente no domínio, permitindo assim que a sua landing page tenha o tráfego criptografado através do uso do protocolo HTTPS. Em outras empresas, geralmente é necessário instalar um certificado SSL através de um procedimento, que pode variar dependendo do fornecedor.

Uma vez dentro do cPanel, clique no link WordPress Manager, conforme ilustrado abaixo. Isso vai abrir o gerenciador de instalações do WordPress.

Dentro do instalador, clique no botão Install para configurar uma nova instalação do WordPress.

A tela de instalação será exibida. Vá preenchendo o formulário com as informações básicas desejadas para a sua landing page. Se você pretende criar uma landing page na raiz do domínio, ou seja, como página inicial (como no exemplo cursoxyx.com.br), selecione o domínio desejado e deixe o campo “diretório” em branco.

Se o domínio já estiver configurado na hospedagem, não se preocupe com o aviso “Um certificado SSL não foi encontrado”, pois o mesmo é instalado automaticamente depois da configuração do domínio.

Vá preenchendo o formulário, selecione os plugins que desejar (ou não selecione nenhum, pois qualquer plugin pode ser inserido posteriormente), e vá descendo até o final da página. Na etapa de seleção de temas, vamos usar o tema Twenty Twenty Four, que é o tema padrão do WordPress para novas instalações e possui recursos muito interessantes integrados ao sistema de blocos do WordPress.

Com todas as informações preenchidas, clique no botão Instalar para que a instalação seja iniciada.

Após a instalação, uma mensagem de sucesso é exibida e é possível acessar o painel do WordPress clicando no link correspondente ao painel, conforme ilustrado abaixo.

Veja também: WordPress com IA da HostGator: veja como criar sites usando inteligência artificial

Configurações iniciais da landing page

No primeiro acesso ao WordPress, você verá uma mensagem de boas-vindas, com alguns links de apresentação da ferramenta. Fique à vontade para navegar por eles. Antes de fazer qualquer mudança, no entanto, recomendo uma visita à página Settings, ou Configurações, se o sistema já estiver em português.

Na página de configurações, faça algumas alterações importantes, como por exemplo:

• Revise o título e a descrição do site;
• Revise o e-mail de administração (ele será usado para comunicar problemas ou alterações no site);
• Altere o idioma para Português do Brasil (na minha instalação ele veio como Português de Portugal);
• Ajuste o fuso horário para UTC-3, que é o fuso-horário de Brasília (ou ajuste para a sua região);
• Defina o formato de exibição das datas.

Após revisar as configurações, clique em Salvar, na base da página, para que as alterações tenham efeito.

Criação da landing page

Agora já estamos com tudo pronto para começar a construir nossa landing page. Para isso, vamos criar uma nova página, o que pode ser feito no menu lateral, clicando em Páginas e depois em Adicionar nova página.

No tema que estamos usando, após realizar a ação de criar uma nova página, diversos layouts de página são exibidos para escolha. Selecionei a primeira opção, que é referente a uma página do tipo “Sobre”, mas, que assim como qualquer um dos demais layouts, pode ser adaptado à vontade.

O layout vem com um conteúdo de marcação, que inclui imagens, tipografia e cores.

Para editar qualquer elemento, basta clicar sobre o mesmo e observar as opções que são exibidas sobre o elemento e também na coluna lateral Blocos. Imediatamente comecei a alterar os textos e a imagem para adaptá-la para a minha landing page. As imagens que estou usando como exemplo foram todas extraídas do Unsplash, um dos bancos de imagens gratuitos mais populares atualmente.

Para alterar a cor do fundo de um grupo de blocos, basta clicar sobre ele e selecionar a aba com o ícone de escuro-claro. A seção Cor permite editar tanto a cor do fundo quanto do texto.

Da mesma forma, alterei também a cor do meu CTA, que é o botão com a chamada para ação deste grupo de blocos. O procedimento é semelhante: basta clicar sobre o elemento e ir até a aba de gerenciamento de cores.

Logo abaixo deste grupo de blocos, optei por inserir um vídeo na minha landing page. Para isso, Basta clicar no ícone “+”, no canto superior direito do painel e selecionar o bloco Vídeo para fazer upload de um vídeo. Outra opção é incorporar um vídeo diretamente do YouTube, o que pode ser feito ao selecionar o bloco YouTube, dentro da área Códigos Incorporados. Então, basta inserir o link do vídeo e o WordPress vai incorporar o mesmo na página.

Fui seguindo adiante e customizando as demais seções da página, alterando cores, imagens e textos.

Incluí também um bloco de depoimentos, que também está disponível entre as opções do tema utilizado. Ao acessar o ícone de “+” no topo esquerdo da página, diversas categorias de padrões estão disponíveis.

Adaptei então o depoimento em questão e fui adiante.

O modelo de página escolhido possui até mesmo uma seção de perguntas frequentes (FAQ), que pode ser adaptada à vontade.

Por fim, na base da página, inseri uma nova chamada para ação, que foi devidamente customizada para a minha landing page.

Após a customização da página, cliquei no botão Publicar, que está no topo direito do painel e publiquei a página no site.

Configurando a landing page na página inicial do domínio

Se você optou por ter um domínio exclusivo para a sua landing page, provavelmente deseja que ela seja exibida na raiz do domínio, como por exemplo, minhalandingpage.com.br. Ao publicar uma nova página no WordPress, ela não é inserida automaticamente no menu do site. Para isso, é necessário realizar uma configuração adicional.

No menu lateral do WordPress, clique em Configurações e depois em Leitura. Nas configurações de leitura, altere a opção Sua página inicial exibe: para Uma página estática e selecione a página que você acabou de criar.

Depois de fazer essa alteração, ao acessar o link Visitar site, minha landing page é exibida na página inicial. O resultado foi esse:

Configurações extras de aparência

Diversas outras configurações podem ser feitas no WordPress. Falando ainda dos itens básicos de um site, você provavelmente vai querer inserir um logotipo, customizar o cabeçalho e o rodapé do site e editar o menu padrão do site. Tudo isso pode ser feito através da opção Editar site, que fica visível na barra superior para usuários logados, ou, no menu interno do painel, em Aparência -> Editor.

Ao acessar esse modo de edição, o administrador do site tem acesso a diversos tipos de customização. Além dos mencionados acima, é possível navegar pelo site e editar as páginas. Os padrões, que são blocos agrupados e podem servir de modelos para serem customizados, também estão disponíveis neste modo de edição.

Portanto, é interessante navegar e brincar com as opções para conhecer melhor todas as possibilidades de customização do WordPress. O mais interessante é que fizemos tudo isso sem instalar nenhum plugin adicional e usando o tema padrão mais recente do WordPress, o Twenty Twenty Four.

Próximos passos para a sua landing page de vendas

Após publicar a página, você provavelmente vai querer fazer ajustes adicionais. Isso pode incluir a inserção de plugins com fins específicos, como por exemplo, um plugin para otimização do site nos buscadores (SEO), inserção do Google Analytics, para acompanhar as métricas de visitas, outro para captura de leads, integração com um meio de pagamento, entre outras opções.

Estas configurações fogem do escopo do artigo, que tem como finalidade mostrar que é possível e fácil criar uma landing page de vendas usando uma hospedagem, um domínio e o WordPress em sua modalidade gratuita. No entanto, recomendo fortemente que você vá adiante em configurações mais avançadas, pois elas certamente serão necessárias para publicar um projeto profissional de landing page de vendas.

Se você ficou com alguma dúvida ou tem alguma sugestão para o artigo, deixe um comentário e farei o possível para ajudar.

Para aqueles que estão na etapa de planejamento de uma landing page de vendas, deixo aqui um link para uma seleção com as melhores hospedagens de sites. Espero que seja útil!

O artigo Landing page de vendas: como criar a sua (tutorial) foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

O WooCommerce é o plugin mais popular para criação de lojas virtuais usando o WordPress. Se você está pensando em lançar um negócio online ou expandir sua presença na internet, o WooCommerce oferece uma solução altamente personalizável, que se adapta às necessidades de diferentes tipos de negócios.

Neste tutorial, vamos abordar desde os conceitos básicos até as configurações iniciais, permitindo que você crie uma loja virtual totalmente funcional em pouco tempo. Vamos aprender como instalar e configurar o WooCommerce, adicionar produtos, personalizar o design da loja e habilitar métodos de pagamento para oferecer uma experiência de compra perfeita aos seus clientes.

Independentemente do seu nível de experiência em desenvolvimento web ou comércio eletrônico, este tutorial foi pensado para ser acessível e fácil de seguir.

O que é WooCommerce

O WooCommerce é uma plataforma de comércio eletrônico em forma de plugin para o WordPress. Este, por sua vez, é o sistema de gerenciamento de conteúdo (CMS) mais popular do mundo e amplamente usado para a criação de blogs, sites, lojas virtuais e uma infinidade de aplicações para a internet. Falando especificamente de lojas virtuais, o WordPress, em conjunto com o WooCommerce, oferece uma solução completa e altamente personalizável, permitindo que qualquer pessoa venda produtos e serviços online de forma eficiente e profissional.

Como um plugin, o WooCommerce se integra perfeitamente ao ecossistema do WordPress, aproveitando suas funcionalidades de gerenciamento de conteúdo, como criação de páginas, gerenciamento de usuários e SEO (Search Engine Optimization – otimização para mecanismos de busca). Isso torna o WooCommerce uma escolha popular para lojas virtuais de todos os tamanhos, desde pequenos negócios até grandes empresas.

Com o WooCommerce, os usuários podem facilmente adicionar produtos, configurar opções de pagamento e envio, gerenciar inventário, analisar vendas e muito mais, tudo através de uma interface intuitiva e amigável. Além disso, o WooCommerce oferece uma grande variedade de extensões e temas para personalizar e expandir ainda mais as funcionalidades da sua loja de acordo com as necessidades específicas do negócio.

Como criar uma loja virtual WordPress WooCommerce

Como veremos agora, a instalação e a configuração do WordPress e do WooCommerce não é nenhum bicho de sete cabeças e vem sendo facilitada pelas empresas de hospedagem, que disponibilizam instaladores automáticos. Assim, os donos e administradores dos sites podem deixar a parte técnica de lado e focar seus esforços na customização da loja virtual.

Neste tutorial, vamos utilizar os serviços da HostGator, que oferece hospedagem para WordPress a preços bem competitivos e com ferramentas de instalação e configuração automáticas. Vamos aos passos.

Contratação da hospedagem e registro do domínio

Um dos primeiros passos para criar uma loja virtual WooCommerce é contratar uma hospedagem e registrar um domínio. Como mencionamos, estamos usando a HostGator para criar nossa loja. É possível seguir os passos deste tutorial usando outras empresas de hospedagem, no entanto, as telas de instalação e configuração, especialmente do painel do cliente, podem ser diferentes das exibidas aqui.

A HostGator oferece três planos de hospedagem compartilhada para sites WordPress. Como vamos criar uma loja virtual e esperamos que ela cresça em números de acessos e vendas, optamos pelo plano Turbo, que é o top de linha, em termos de recursos e desempenho, entre as opções de hospedagem compartilhada. Vale mencionar que os demais planos também são compatíveis com o WordPress com WooCommerce. No entanto, talvez em algum momento, dependendo do sucesso de sua loja virtual, seja necessário fazer um upgrade.

Para contratar o serviço, clique no botão “começar agora”, no plano escolhido. A tela seguinte exibe as opções de ciclo de pagamento. As opções são mensal, semestral, anual ou trienal. Quanto maior o ciclo de pagamento, mais barato fica o serviço em comparação com o pagamento mensal. Por exemplo, no ciclo trienal, o plano Turbo sai pelo equivalente a R$ 17,09 por mês nesta promoção, enquanto o plano mensal, sem desconto, fica por R$ 62,87/mês. Vale mencionar que o pagamento do ciclo escolhido deve ser feito à vista. Ou seja, se o cliente optar pelo trienal, a renovação do plano se dará somente daqui a 3 anos. É uma ótima maneira de economizar no longo prazo e garantir a sua loja funcionando sem preocupações por muito tempo.

Outro ponto interessante é que os ciclos anual e trienal incluem o registro de 2 domínios gratuitamente durante 1 ano. Como ocorre com qualquer registro de domínio, a renovação é sempre anual.

Após selecionar o ciclo de pagamento escolhido, podemos prosseguir para o carrinho de compras. Nesta etapa, você poderá registrar um domínio, que, como mencionamos, pode ser gratuito para o ciclo anual ou trienal. Para registrar o domínio, faça uma busca no campo correspondente e verifique a disponibilidade do mesmo.

Outro ponto interessante é que os planos da HostGator oferecem contas de e-mail ilimitadas, cada uma com 1 GB de espaço de armazenamento.

Depois de escolher o domínio, clique no botão “Continuar para identificação” e preencha o formulário com seus dados pessoais ou da sua empresa. Uma conta de cliente será criada em seu nome, na HostGator.

Veja também: como criar uma landing page de vendas

Guarde em algum lugar seguro o login, que é o e-mail que você usou para cadastro, e a senha escolhida. Finalize o pagamento e você já poderá acessar o painel do cliente. Lembrando que, para pagamento com cartão de crédito, a liberação do serviço ocorre em poucos minutos. Já para pagamentos em boletos, é necessário aguardar o tempo de compensação do mesmo.Para acessar o painel do cliente HostGator, basta abrir a página https://cliente.hostgator.com.br/ no seu navegador e inserir o login e a senha que você acabou de criar.

Instalação do WordPress e configurações iniciais

Se você registrou o domínio no carrinho de compras da HostGator, então o apontamento do DNS será feito de forma automática para os servidores da empresa. Caso contrário, será necessário apontar o domínio em questão para o servidor de hospedagem. Qualquer dúvida sobre esse apontamento pode ser tirada com o suporte da empresa de hospedagem. Vamos considerar que o domínio já está configurado no servidor e dar continuidade ao tutorial.

O próximo passo é a instalação do WordPress. Para isso, acesse o painel de hospedagem da HostGator e localize o domínio que você registrou na aba “Sites”. Clique então no botão “cPanel”.

Você será direcionado para o cPanel, que é o responsável pelo gerenciamento efetivo da sua hospedagem e possui diversos recursos. Entre eles, está o instalador do WordPress, realizada pelo aplicativo Softaculous. A instalação do WordPress usando o Softaculous no cPanel é um processo simples e rápido. Se você está usando qualquer outro provedor de hospedagem que utilize o cPanel, também pode seguir os passos descritos aqui.

Uma vez no cPanel, localize o item “WordPress Manager by Softaculous“, no menu lateral. Caso esse link não esteja disponível, basta rolar a página para baixo e localizar o instalador automático.

Na tela do Softaculous, a tela de gerenciamento do WordPress deve ser exibida. Como vamos realizar uma instalação nova do WordPress, é necessário clicar no botão “Install”, no topo da página.

Em seguida, o formulário de instalação será exibido. É necessário preencher informações como o domínio no qual o WordPress será instalado, o nome do site (ou loja virtual), a definição de um login e senha para administração, idioma da instalação, entre outras. Quanto à versão do WordPress a ser instalada, selecione sempre a versão mais recente, pois é a que tem os recursos mais modernos e também implementações de segurança que vão sendo feitas.

Um ponto interessante aqui é o seguinte: o Softaculous permite que o usuário escolha, já neste ponto, a instalação de alguns plugins e temas, o que inclui o WooCommerce. É possível instalar o WooCommerce manualmente posteriormente, pelo painel do WordPress. No entanto, se o usuário optar por essa opção, o Softaculous já inclui, além do WooCommerce, a extensão de cálculo de frete dos Correios, integração com o Google Analytics, módulo de pagamentos e uma adaptação do plugin para o mercado brasileiro. Vou optar, portanto, por incluir o plugin na instalação.

Outra opção que pode ser interessante para quem vai criar uma loja WooCommerce WordPress é usar um tema compatível com o WooCommerce. O Softaculous também oferece algumas opções sobre isso. Vou selecionar o tema Storefront para instalação. Além disso, também vou selecionar os plugins Really Simple SSL, Yoast SEO, Google SiteKit e o Asaas, que é um meio de pagamento brasileiro e completamente adaptado para o nosso mercado, possibilitando receber pagamentos na loja via Pix, boleto e cartões de crédito.

Minha tela de seleção de temas e plugins ficou assim:

Descendo a página, também é possível selecionar um tema a partir de uma galeria. No entanto, como já selecionei o Storefront anteriormente, vou pular essa etapa. Para finalizar, basta clicar no botão “Instalar”, na base da página.

A instalação do WordPress, com todos os plugins e configurações selecionadas, será iniciada e pode levar alguns minutos. Geralmente é bem rápido. Não feche a janela do navegador ou mude de página enquanto ela ocorre.

Após seguir esses passos, você terá o WordPress instalado automaticamente em sua hospedagem através do Softaculous no cPanel, pronto para ser personalizado e utilizado para criar seu site ou loja online. O link para acesso ao painel do WordPress será exibido na tela.

Configurações iniciais no painel do WordPress

Ao acessar o painel do WordPress pela primeira vez, algumas configurações são necessárias, especialmente se você selecionou temas e plugins previamente no Softaculous. No meu caso, a primeira tela foi a do plugin Really Simple SSL, que já detectou a presença de um certificado SSL na hospedagem (o mesmo foi gerado automaticamente pela HostGator, logo após o apontamento do domínio). A única coisa que precisei fazer foi ativar o SSL no WordPress. Ao fazer isso, todos os visitantes da minha loja online usarão o protocolo HTTPS, que criptografa as comunicações entre servidor e cliente, tornando o site mais seguro.

Depois de fazer isso, é interessante revisar algumas configurações do WordPress. A minha instalação veio com o idioma Português de Portugal. Para alterar isso, e também configurar o fuso horário e formatos de data e hora, acesse o item Configurações -> Geral, no menu lateral. Basta editar as informações da forma que achar mais conveniente e salvar as alterações.

Verifique também se existem atualizações para serem realizadas. Isso pode ser feito no item do menu Painel -> Atualizações.

Instalação do WooCommerce

Se você não realizou a instalação do WooCommerce no painel do Softaculous, pode fazê-lo manualmente no painel do WordPress.

Para isso, faça login no painel de administração do seu site WordPress. Você pode acessá-lo digitando o endereço do seu site seguido de /wp-admin no navegador (por exemplo, www.seusite.com/wp-admin). Insira suas credenciais de login na página.

Após fazer login, você será direcionado para o painel de administração do WordPress. No menu lateral esquerdo, vá para “Plugins” e clique em “Adicionar novo”.

Na página de “Adicionar novo plugin”, você verá uma barra de pesquisa. Digite “WooCommerce” na barra de pesquisa e pressione “Enter”. O plugin WooCommerce deve aparecer como um dos primeiros resultados. Quando o WooCommerce aparecer nos resultados da pesquisa, clique no botão “Instalar agora” ao lado dele. O WordPress irá baixar e instalar o plugin automaticamente.

Após a instalação ser concluída com sucesso, o botão “Instalar agora” será substituído por um botão “Ativar”. Clique no botão “Ativar” para ativar o plugin WooCommerce no seu site WordPress.

Após ativar o plugin, o WordPress pode exibir uma mensagem solicitando que você inicie a configuração inicial do WooCommerce, o que nos leva ao próximo tópico.

Configuração da loja virtual WooCommerce

Após a instalação do WooCommerce no seu site WordPress, existem alguns passos básicos de configuração que você deve seguir para configurar sua loja online e começar a vender produtos.Eu recomendo que você utilize o assistente de configuração do WooCommerce antes de realizar configurações mais avançadas. Para isso, no painel do WordPress, clique no item WooCommerce, no menu lateral.

O assistente de configuração inicial do WooCommerce será exibido. Este assistente orienta você através de algumas configurações básicas para iniciar sua loja. Ele aborda questões como moeda, localização, métodos de pagamento e envio. Clique em “Set up my store” e vá seguindo os passos do assistente.

Se você estiver montando a sua própria loja, selecione a opção “Estou apenas começando meus negócios”.

O assistente vai solicitar algumas informações sobre o segmento do seu negócio. Responda as questões como preferir e vá adiante.

Algumas opções de extensão são oferecidas durante o fluxo de configuração do assistente. Fique à vontade para marcar ou desmarcar as extensões que considerar apropriadas.

Por fim, o assistente vai exibir uma tela de finalização.

Em seguida, o assistente vai direcionar o usuário de volta para o painel admin do WordPress. Um novo assistente será exibido, para que os detalhes como inserção de produtos, escolha de um tema, definição de pagamentos, entre outros itens, sejam configurados.

Este assistente não precisa ser seguido na ordem em que é apresentado, pois, ao selecionar um dos itens, o usuário é levado para uma seção específica do painel de administração, correspondente ao item em questão.

Por isso, antes de realizar configurações mais avançadas, vou fazer a importação de produtos em massa, para termos a dimensão de como ficará a loja repleta de itens para venda.

Inserção de produtos em massa no WooCommerce

Logo após instalar o WooCommerce, se o administrador visitar a página inicial da loja, verá uma página vazia e sem graça. É claro que é possível, desde já, começar a inserir produtos reais na sua loja. No entanto, o próprio WooCommerce fornece alguns arquivos para importação em massa de produtos fictícios e que podem ser editados à vontade posteriormente. Essa é uma maneira interessante de ver como as informações de cada produto são exibidas na vitrine e também pode ser válida para testar novos temas para a loja, antes de escolher um definitivo.

Para isso, é necessário fazer o download do plugin WooCommerce (baixe aqui), extrair o conteúdo e procurar por uma pasta nomeada de sample-data. Dentro dessa pasta está o arquivo sample_products.csv e o sample_products.xml. Ambos os formatos, csv e xml, podem ser usados para a importação.

Com o arquivo em mãos, localize no menu a seção “Ferramentas” -> “Importar”, e depois procure por “Produtos do WooCommerce”. Clique em “Rodar importador”.

Na tela de importação, clique em “Escolher arquivo” e localize, no seu computador, o arquivo sample_products.csv que salvamos há pouco. Clique então em “Continuar”.

Uma tela de mapeamento de colunas será exibida. Essa tela demonstra que é possível fazer o upload de arquivos em massa dos seus próprios produtos, desde que eles estejam no formato .csv ou .xml. A primeira linha do arquivo será analisada nesta etapa e você pode informar ao WooCommerce do que se trata cada informação. Bem útil, não é mesmo?

Depois de conferir os dados, clique no botão para iniciar a importação. Dependendo da quantidade de itens no arquivo, o processo pode demorar alguns minutos. Assim que o mesmo for finalizado, uma tela de sucesso será exibida.

Agora, se você visitar a URL padrão exemplo.com/shop, verá uma página repleta de produtos. Fica bem mais fácil começar a customizar a loja dessa forma, acredito eu.

Configurações Gerais do WooCommerce

Antes de começar a inserir seus próprios produtos, no entanto, é interessante realizar algumas configurações básicas na sua loja WordPress WooCommerce.

No painel do WordPress, vá para WooCommerce -> Configurações. Aqui, você encontrará uma série de abas com opções para configurar diversos aspectos da sua loja, incluindo:

• Geral: Configurações principais da loja, como endereço, moeda, país, unidade de medida, entre outros.
• Produtos: Configurações relacionadas aos produtos, como modelos de página, medidas, avaliações etc.
• Pagamentos: Opções de checkout, como métodos de pagamento, opções de envio e configurações de contas de clientes. É necessário dar bastante atenção a esta etapa para configurar os meios de pagamento que serão efetivamente usados na loja.
• Contas e Privacidade: Configurações relacionadas às contas de clientes, privacidade e notificações por e-mail.
• E-mails: Personalização e configuração de e-mails enviados pela loja, como confirmações de pedido e notificações de entrega.
• Avançado: Opções avançadas de configuração, como REST API, ferramentas de migração e configurações de webhooks.

A seção “Campos do Checkout” foi criada pelo desenvolvedor brasileiro Claudio Sanches, que desenvolveu o plugin Brazilian Market on WooCommerce, e permite a customização do carrinho de compras para o mercado brasileiro. Nesta área, é possível por exemplo validar o CPF ou CNPJ do cliente, definir se as vendas podem ser feitas apenas para pessoas físicas e/ou jurídicas, mudar o título do campo de telefone para “celular”, entre outras opções.

Como lojista, é importante acessar e revisar as configurações de cada um dos itens disponíveis no WooCommerce. Isso vai garantir que suas vendas ocorram como planejado e que seus clientes terão uma boa experiência no processo de compra. Lembre-se de que a configuração inicial é apenas o começo, e você pode continuar a ajustar e melhorar sua loja conforme necessário para atender às necessidades do seu negócio.

Customização do WooCommerce (temas e plugins)

O WooCommerce oferece muitas opções para personalizar o layout da sua loja online, permitindo que você adapte o design para refletir a identidade da sua marca e proporcionar uma experiência de compra única para os seus clientes.

Uma das maneiras mais práticas de personalizar o layout da sua loja é escolhendo um tema WooCommerce adequado. Existem muitos temas WordPress compatíveis com WooCommerce disponíveis, alguns gratuitos e outros premium. Esses temas oferecem designs pré-construídos e que podem ser facilmente personalizados através do personalizador de temas do WordPress ou de opções específicas do tema.

No repositório oficial de temas do WordPress é possível encontrar dezenas de temas gratuitos voltados para e-commerce (veja aqui). A compra de temas pagos geralmente ocorre através de marketplaces, como é o caso do TemplateMonster. Nessa modalidade, é possível escolher um tema e pagar uma única vez para usá-lo, sem mensalidades recorrentes.

Além de escolher um tema pronto, você pode personalizar ainda mais o layout da sua loja fazendo ajustes no código do tema ou utilizando plugins de personalização. Isso inclui a modificação de cores, fontes, espaçamento, posicionamento de elementos e muito mais para garantir que o design se alinhe com a identidade visual da sua marca.

O WooCommerce também oferece suporte a widgets que podem ser adicionados às barras laterais, rodapés e outras áreas do seu site. Você pode usar widgets para exibir categorias de produtos, produtos em destaque, carrinho de compras, produtos recentes, entre outros, permitindo uma melhor organização e navegação para os clientes. A localização e personalização de alguns recursos dos widgets está relacionada ao tema escolhido e geralmente isso vem descrito nas especificações do tema. Portanto, confira essas informações antes de escolher um tema específico.

Cada produto e categoria no WooCommerce possui suas próprias páginas individuais, que podem ser personalizadas para exibir informações específicas de acordo com suas necessidades. Você pode adicionar descrições detalhadas, imagens, vídeos, depoimentos de clientes e muito mais para destacar seus produtos e incentivar as vendas. Ao procurar por temas, é possível pré-visualizar os modelos de página disponíveis no tema, o que facilita bastante na hora de escolher um.

Por fim, ainda existem muitos plugins disponíveis para o WooCommerce que oferecem funcionalidades adicionais e opções de customização avançadas. Por exemplo, plugins de galeria de produtos, plugins de comparação de produtos, plugins de zoom de imagens, entre outros, podem melhorar a experiência do usuário e personalizar ainda mais o layout da sua loja. Se determinado recurso não estiver disponível no tema escolhido, é bem provável que o mesmo possa ser inserido no site através do uso de plugins.

Próximos passos para a sua loja virtual com WooCommerce

Depois de instalar, configurar e lançar sua loja virtual com sucesso, existem várias etapas adicionais que o administrador da loja pode tomar para otimizar e expandir o negócio.

Manter o seu site atualizado, tanto em termos de WordPress, WooCommerce e plugins instalados, garante que sua loja esteja protegida contra vulnerabilidades de segurança e que você tenha acesso às últimas funcionalidades e melhorias.

O uso de ferramentas de análise para monitorar o desempenho da sua loja, incluindo tráfego, taxa de conversão, vendas, produtos mais populares, entre outros, ajudará a identificar áreas de melhoria e oportunidades de crescimento.

Também é importante estabelecer um sistema eficiente de atendimento ao cliente, para lidar com consultas, reclamações e dúvidas do público.

Além disso, como em qualquer negócio, estratégias de marketing são fundamentais para promover sua loja e atrair mais clientes. Isso pode incluir marketing de conteúdo, redes sociais, e-mail marketing, publicidade paga, entre outras táticas para aumentar a visibilidade da sua marca e impulsionar as vendas.

Conclusão

Espero que este tutorial sobre como criar uma loja virtual com WooCommerce tenha sido útil para você. No artigo, vimos desde os passos iniciais de instalação até a configuração avançada, fornecendo as ferramentas necessárias para lançar sua loja online de forma eficiente e profissional.

Empresas de hospedagem como a HostGator oferecem soluções que facilitam muito não apenas a instalação e configuração de uma loja WordPress WooCommerce, mas também a manutenção, através de atualizações automáticas e monitoramento constante.

O WooCommerce é um plugin poderoso e extremamente personalizável para o comércio eletrônico, permitindo que empreendedores de todos os níveis de experiência criem uma loja virtual que atenda às necessidades do seu negócio. Ele permite personalizar o design, gerenciar produtos, configurar métodos de pagamento e envio, e muito mais, tudo dentro do ambiente familiar do WordPress.

E se você está à procura de uma empresa para instalar a sua loja WordPress WooCommerce, confira nosso ranking com as melhores hospedagens de sites. Caso tenha qualquer dúvida, deixe um comentário. Será um prazer ajudar!

O artigo Como criar uma loja virtual WooCommerce (tutorial) foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Se você tem um site e/ou trabalha com divulgação de produtos ou serviços na internet, sabe que a agilidade na comunicação é um componente vital para o sucesso de qualquer negócio online. Com a crescente demanda por uma interação rápida e personalizada, é crucial encontrar maneiras de melhorar a experiência do usuário e oferecer suporte eficaz aos clientes. Nesse contexto, a implementação de um chat online para atendimento surge como uma solução bastante eficiente, permitindo uma comunicação direta e em tempo real entre a empresa e seus visitantes.

Neste tutorial, vamos ver um guia detalhado e fácil de entender para a instalação de um chat online em seu site. Desde a seleção da ferramenta até a implementação no site. Independentemente do setor ou tamanho do seu negócio, este tutorial pode fornecer um caminho para melhorar o seu atendimento ao cliente.

O que é chat online?

Chat online é uma ferramenta de comunicação em tempo real que permite que os visitantes do site se conectem diretamente com representantes de atendimento ao cliente ou agentes de suporte. Essa forma de comunicação instantânea geralmente é realizada por meio de uma janela de chat integrada ao site, na qual os usuários podem enviar mensagens de texto, áudio ou até mesmo compartilhar arquivos com a equipe de atendimento.

O chat online oferece uma alternativa eficaz e ágil quando comparado com os métodos tradicionais de suporte, como e-mail ou telefone. Ele permite que os clientes obtenham respostas rápidas às suas dúvidas, solucionem problemas ou recebam assistência durante a navegação ou compras no site. Além disso, essa ferramenta possibilita uma interação mais personalizada, pois os agentes podem oferecer suporte individualizado com base nas necessidades específicas de cada cliente.

Uma ferramenta de chat online em seu site pode ser um grande diferencial na experiência do cliente, promovendo a satisfação do usuário, aumentando a confiança na marca e contribuindo para o sucesso geral do seu negócio online.

Passo a passo para a instalação do chat online no site

Vamos ver agora os passos para instalação de uma ferramenta de chat online em qualquer site.

Escolha da ferramenta de chat e cadastro

O primeiro passo é a escolha de uma ferramenta de chat online. Existem dezenas delas por aí, com funcionalidades diversas. Sem entrar em detalhes sobre suas peculiaridades, podemos citar JivoChat, LiveChat, Zendesk Chat, LiveAgent, entre outras.

A escolha da ferramenta de chat online ideal pode variar caso a caso. Por isso, recomendo que se faça um levantamento das opções disponíveis no mercado e que a decisão seja tomada de acordo com os recursos desejados e oferecidos. Funcionalidades, facilidade de uso, personalização e preço são alguns desses critérios.

Para este tutorial, optamos por usar o JivoChat para ilustrar os exemplos. Além de ter um preço competitivo nos planos pagos, a ferramenta ainda oferece uma opção 100% gratuita com as funcionalidades básicas.

Já para a configuração do chat online no site, vamos usar a hospedagem da HostGator, pois ela oferece diversos meios para publicação de um site, bem como para edição do mesmo. Vamos ver em detalhes como podemos inserir uma ferramenta de chat em um site hospedado na HostGator a seguir.

Obtenção do código para instalação do chat online

Antes de mais nada, é necessário criar uma conta no JivoChat, o que pode ser feito facilmente acessando o site do serviço. A criação da conta é bastante intuitiva e, durante os passos de criação da conta, o serviço vai fornecer um código de instalação único e exclusivo para o seu site. Copie este código e salve-o em um bloco de notas ou em um editor de códigos, como por exemplo o VS Code.

Como podemos notar, o serviço também oferece a opção de instalação em gerenciadores de conteúdo diversos, como o Wix, WordPress, Magento, Drupal, entre outros. Vamos ver agora alguns dos métodos para inserção do código no site.

Inclusão do código no site usando o WordPress

A inserção do serviço de chat online em sites WordPress é uma das mais fáceis de se fazer, porque o serviço que estamos usando oferece um plugin específico para esta plataforma. Portanto, o primeiro passo é acessar o painel de administração do WordPress.

O painel de administração do WordPress geralmente pode ser acessado diretamente no endereço meusite.com.br/wp-admin (substitua meusite.com.br pelo endereço do seu site). Em seguida, é necessário inserir o login e senha do administrador do WordPress.Para os clientes HostGator, o acesso ao painel do WordPress pode ser facilitado através do painel do cliente. Para isso, acesse o endereço https://cliente.hostgator.com.br/ e use suas credenciais de cliente.

Uma vez no painel do cliente, localize o site que deseja instalar o chat online e clique no link cPanel, conforme exibido na figura abaixo.

Dentro do cPanel, acesse o gerenciador de instalações do WordPress, localizado no menu lateral esquerdo.

Em seguida, basta clicar no botão de login do site correspondente e você será direcionado para o painel do WordPress, sem a necessidade de inserir login e senha.

Uma vez no painel do WordPress, vá em “Plugins” -> “Adicionar plugin”. Na caixa de pesquisa, procure por “JivoChat”.

Após localizar o plugin, clique em “Instalar agora”.

Após a instalação e ativação do plugin, acesse o item “JivoChat” no menu lateral.

Uma tela de cadastro será exibida, que permite que novos clientes criem uma conta diretamente no painel do WordPress. No entanto, se você já criou sua conta na JivoChat, clique no link “Log in”, na base da página.

Por último, basta inserir o login e a senha que usou para criar sua conta no JivoChat.

Após esse procedimento, a janela de chat online já estará visível em todas as páginas do seu site, e para todos os visitantes.

Experimente fazer uma interação com o chat e você poderá visualizar a conversa no painel de administração da JivoChat.

Inclusão do código no site usando o Criador de Sites HostGator

Para aqueles que utilizam o Criador de Sites da HostGator, o processo de inserção do chat online também é bastante simples. Vamos a ele!Da mesma forma, é necessário acessar o painel do cliente HostGator. Mas dessa vez, clique no link “Acessar Criador de Sites”, conforme exibido na figura abaixo.

Uma vez dentro do painel de edição do criador de sites, localize o item “Ajustes” no menu lateral. Dentro de ajustes, clique em “Inserir código HTML”.

Na janela que se abre, cole o código fornecido pela ferramenta de chat online na aba “HTML principal”, conforme demonstrado na figura acima. Salve a edição e publique as alterações no site.

Agora, se você acessar o seu site, verá que a janela de chat será exibida na base do site.

Como vimos anteriormente, se você iniciar uma conversa no chat, verá que ela aparece em tempo real no painel da Jivochat.

E isso é tudo que você precisa para instalar o chat online no Criador de Sites HostGator. Simples, não é mesmo?

Inclusão do código no site manualmente

Para aqueles que possuem um site em outra plataforma ou linguagem, a inserção do código no site pode ser feita manualmente, usando o código fornecido pela JivoChat durante o cadastro. No caso de clientes HostGator, a inserção do mesmo pode ser feita de diversas formas. Uma delas é usando o gerenciador de arquivos do cPanel, que é o painel de controle da hospedagem. Vamos ver como acessar e editar arquivos de um site usando este recurso para inserção da ferramenta de chat online.

O primeiro passo é acessar o cPanel, o que pode ser feito na área do cliente HostGator, como vimos anteriormente. Uma vez dentro do cPanel, localize a seção “Arquivos” e clique em “Gerenciador de arquivos”.

Dentro do gerenciador de arquivos, localize e acesse a pasta “public_html”. Essa pasta contém os arquivos de todo e qualquer site disponibilizado publicamente em sua hospedagem.

Dentro de public_html, você deverá localizar o arquivo que contém a tag <head> do seu site. Para aqueles que já têm alguma familiaridade com desenvolvimento de sites, esta é uma tarefa relativamente simples. Se você não sabe direito como localizá-la, talvez seja interessante solicitar ajuda para a equipe de suporte da HostGator ou para o desenvolvedor do seu site.

No exemplo abaixo, sabemos que a tag <head> está localizada dentro do arquivo header.php, então vou selecioná-lo e depois clicar no item “Editar”, no menu superior do gerenciador de arquivos.

Ao clicar no botão de edição, será possível visualizar e editar o arquivo em questão. No caso, vou inserir o código fornecido pela ferramenta de chat online dentro da tag <head>. Depois de adicionar o código, basta clicar no botão “Salvar”, no topo da página.

Vale ressaltar que, antes de alterar qualquer arquivo do código-fonte de um site, é importante fazer um backup, para conseguir voltar atrás caso algo dê errado. E se você utiliza algum tipo de controle de versão no seu código-fonte, como Git ou SVN, faça a alteração no seu repositório, para garantir que saberá exatamente o que foi modificado após a edição do arquivo.

Conclusão

Como vimos, a implementação de um chat online para atendimento ao cliente em seu site oferece uma série de benefícios tanto para os visitantes quanto para o seu negócio. Ao proporcionar comunicação instantânea e direta, o chat online viabiliza uma experiência de suporte ágil, personalizada e eficiente. E os clientes têm a conveniência de obter respostas rápidas às suas dúvidas, resolver problemas e receber assistência em tempo real, resultando em maior satisfação e fidelização.

Além disso, a facilidade de instalação e configuração das ferramentas de chat online disponíveis no mercado torna o processo acessível mesmo para iniciantes na área. Com a orientação adequada e o acompanhamento dos passos descritos neste tutorial, é possível integrar um chat online em seu site de forma rápida e sem complicações.

E se você ainda não tem uma hospedagem para o seu site, confira o nosso ranking com uma seleção das melhores empresas de hospedagem de sites.

O artigo Como instalar um chat online para atendimento no seu site foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Quer saber como criar e gerenciar contas de hospedagem para seus clientes de maneira eficaz? Neste tutorial, vamos ver o passo a passo para a configuração de contas de hospedagem usando o poderoso painel WebHost Manager, mais conhecido como WHM.

Esse post é para você, que é um desenvolvedor web, pretende montar a sua própria hospedagem, quer hospedar sites e contas de clientes, ou apenas alguém interessado em entender os bastidores de uma hospedagem de sites. Descubra aqui como utilizar o WHM para criar, personalizar e administrar suas contas de hospedagem de forma eficiente.

Neste artigo, vamos usar um servidor dedicado fornecido pela HostGator para ilustrar os exemplos. Todas as capturas de tela foram feitas com ele. Vale mencionar que os exemplos presentes aqui podem ser realizados em qualquer outro serviço que forneça o WHM pré-instalado no servidor e com acesso root (privilégios de administrador do servidor).

Vamos começar?

O que é o WHM

O WebHost Manager, comumente conhecido como WHM, é uma ferramenta de administração e controle que desempenha um papel fundamental na gestão de servidores de hospedagem. Projetado para oferecer uma interface gráfica intuitiva, o WHM facilita a administração eficiente de servidores dedicados ou VPS (Virtual Private Servers) por administradores de sistema e provedores de hospedagem.

É através do WHM que se torna possível usar o famoso painel de controle cPanel, bastante popular em ambientes de hospedagem compartilhada. No caso, o WHM é o painel “pai” do cPanel. Uma única instância do WHM permite a criação e o controle de diversas contas separadas do cPanel, sendo possível configurar diversos aspectos das subcontas existentes no servidor.

A função principal do WHM é atuar como uma camada de software que permite aos administradores configurar e gerenciar diversos aspectos do ambiente de hospedagem. Sua função principal é simplificar tarefas complexas, automatizar processos e fornecer um conjunto abrangente de ferramentas para otimizar o desempenho do servidor e a experiência do usuário final.

Dentre os principais recursos do WHM, podemos citar o gerenciamento de contas de hospedagem (que podem ser acessadas individualmente por terceiros — seus clientes ou parceiros — com diferentes níveis de permissões), configurações de segurança, gerenciamento de DNS, rotinas de backup, dentre outras funções.

O WHM oferece uma interface amigável, organizada em seções lógicas. A navegação é facilitada por menus intuitivos que agrupam as principais funcionalidades. Isso torna a administração do servidor acessível mesmo para aqueles que não são especialistas.

Ao longo do texto, vamos explorar as etapas específicas para configurar contas de hospedagem usando essa poderosa ferramenta.

Pré-requisitos

Antes de começarmos a explorar as etapas de configuração de contas de hospedagem no WHM é importante ter conhecimentos sobre o que é necessário para ter o sistema em seu ambiente de hospedagem.

O WHM é projetado para ser executado em servidores dedicados, oferecendo recursos exclusivos para um único usuário ou entidade. Esse tipo de servidor proporciona maior controle sobre os recursos e é ideal para organizações que exigem alto desempenho e personalização.

Uma alternativa popular para a instalação do WHM são servidores virtuais privados (VPS). Um VPS oferece uma parcela dedicada de recursos em um servidor físico compartilhado. É uma opção mais flexível e acessível para empresas que não necessitam de um servidor dedicado completo.

Outra opção de uso do WHM são os planos de revenda de hospedagem. Muitas empresas oferecem este serviço já incluindo uma instância do WHM. Nesse caso, geralmente a empresa que fornece o serviço para os revendedores, inclui algumas opções adicionais, como a personalização do cPanel para conter a marca do revendedor, e a inclusão do módulo de cobranças WHMCS. Essa combinação (WHM + WHMCS + cPanel) é perfeita para aqueles que desejam ter a sua própria empresa de hospedagem, pois fornece um carrinho de compras onde o cliente do revendedor pode optar e contratar um dos planos de hospedagem criados e disponibilizados pelo revendedor. Vale mencionar que, em planos que não são de revenda de hospedagem, a licença de uso do WHMCS deve ser contratada separadamente, como é o caso de servidores dedicados e VPS que não se destinam à revenda.

Também é possível usá-lo em ambientes de hospedagem cloud, apesar desta não ser uma opção tão popular para essa finalidade.

Veja também: Servidores Dedicados HostGator em promoção. Confira!

Acesso ao WHM

O acesso ao WHM é o ponto de partida para configurar e administrar contas de hospedagem. No caso da HostGator, que estamos usando como exemplo aqui, o WHM está presente nos planos de Servidores Dedicados, VPS e Revenda de Hospedagem. No entanto, os planos de revenda podem oferecer algumas limitações quanto às configurações aqui demonstradas.

Ao contratar um serviço como os mencionados acima, você receberá por e-mail o acesso ao WHM. Portanto, certifique-se de ter as informações corretas de login antes de prosseguir com as etapas descritas abaixo.

Abra seu navegador e digite a URL de acesso ao WHM na barra de endereços. A URL do WHM é fornecida pela empresa na qual você contratou o serviço e pode ser algo como https://seu-dominio.com:2087 ou https://endereço-IP-do-servidor:2087. Insira o login e a senha conforme fornecido pelo seu provedor de hospedagem ou administrador do sistema. É recomendado alterar a senha após o primeiro acesso. Procure criar uma senha forte, que contenha ao menos 10 dígitos, entre letras, números e caracteres especiais.

Após o login, você será direcionado para a interface principal do WHM. Se este for o seu primeiro acesso, talvez algumas telas de aceite de termos de serviço sejam exibidas. Nesse caso, basta aceitar os termos e prosseguir para a próxima etapa.

A interface é organizada de maneira lógica, com menus e seções claramente identificados. O menu lateral possui todos os recursos e funcionalidades disponíveis no WHM, que podem ser filtrados em um campo de busca. Isso facilita a navegação e localização das ferramentas necessárias para configurar e gerenciar contas de hospedagem.

A página inicial do WHM na versão mais recente se parece com essa tela:

Repare que algumas das seções do WHM aparecem na área de favoritos. Dentre elas, destaco List Accounts e Create a New Account, para listar as contas (cPanel) existentes no servidor e criar uma nova conta, respectivamente.

Criação de pacotes de hospedagem

Antes de criar a primeira conta, é interessante visitar a opção Packages, pois é nela que o revendedor ou administrador do sistema vai criar os pacotes de hospedagem. Os pacotes serão usados para definir limites e recursos para as contas de hospedagem que estamos prestes a criar. No caso de revendedores, é aqui que se definem os diferentes planos de hospedagem que serão oferecidos aos clientes. No caso de agências, pode-se criar pacotes diferentes para perfis de clientes, de acordo com as necessidades.

Para criar um pacote de hospedagem, localize o item Packages na página inicial ou no menu lateral e clique em Add a Package.

Na tela de adição de pacote, é necessário definir um nome para o mesmo. Se você estiver planejando revender hospedagem, use o nome que planeja para o plano em questão, como por exemplo “Plano Básico”, “Plano superior” ou algo assim. Se o seu caso for uma agência e quiser criar pacotes para clientes, pode usar qualquer outra nomenclatura. Tenha em mente que estes pacotes estarão disponíveis na área de criação de contas, então é interessante pensar em nomes e capacidades que possam ser usados em mais de uma situação ou por mais de um cliente.

Aqui também é onde definimos as capacidades do plano em questão. É possível definir itens como espaço em disco, tráfego mensal, número máximo de contas de e-mail, bancos de dados, domínios adicionais, entre outros.

Crie quantos pacotes de hospedagem desejar. Depois de criar os pacotes, já estamos prontos para criar as contas de hospedagem propriamente ditas.

Neste exemplo, vou criar um Plano Básico 1, com apenas um domínio e 1 GB de espaço em disco (o valor deve ser definido em MB). Vale mencionar que pacotes podem ser adicionados ou removidos a qualquer momento, bem como terem suas capacidades alteradas. No entanto, o nome do pacote não pode ser alterado. Por isso, pense em um nome que faça sentido manter ao longo do tempo.

Na área inferior de criação dos pacotes, é possível definir outros recursos, como se o plano vai ter um IP dedicado, acesso Shell (SSH) e outras opções. O idioma também pode ser definido aqui. No caso, alterei a opção para português do Brasil.

Criação de contas de hospedagem no WHM

Depois de criar os pacotes de hospedagem, podemos ir à área Create New Account. É aqui que vamos associar uma conta de hospedagem a um dos pacotes previamente criados.

Na página de criação de conta, preencha as informações básicas da nova conta, como o nome do domínio (Domain), usuário (Username), senha (Password) e um endereço de e-mail para administração do cPanel. Todos esses campos são obrigatórios. Nessa etapa, também devemos selecionar o pacote de hospedagem criado previamente.

Outras opções estão disponíveis nesta página, como a escolha de um tema para o cPanel e o idioma da instalação. Como definimos previamente no pacote de hospedagem que o idioma é Português, esta opção já vem selecionada ao selecionar o pacote correspondente.

Na parte inferior da página também constam itens opcionais, como roteamento de e-mails, a possibilidade de tornar esta uma conta de revenda e configurações de DNS. Como estamos criando novas contas de hospedagem para criar instâncias separadas do cPanel, podemos deixar todos esses itens na seleção padrão, sem alterá-los. Para mais informações sobre estes itens, recomendo consultar a documentação oficial do WHM para criação de contas (acesse aqui).

Por fim, clique no botão Create e o processo de criação da conta de hospedagem será iniciado. Na tela, o WHM vai exibir os scripts e seus retornos, como em um terminal Shell.

Após a criação da conta, o e-mail do administrador do WHM receberá uma notificação de que a conta de hospedagem foi criada. Para ter acesso ao cPanel da nova conta de hospedagem, o endereço padrão é o http://ip-do-servidor:2083. Esse endereço pode ser passado para um cliente, por exemplo, e ele terá acesso apenas à nova conta cPanel, sem acesso ao WHM, o que é ótimo para quem deseja dar acesso a terceiros a uma conta específica de hospedagem.

A tela de login do cPanel se parece com a imagem abaixo:

Para os administradores do WHM, basta acessar o item List Accounts, na tela inicial do WHM, e depois clicar no ícone do cPanel correspondente à nova conta. O acesso se dá sem necessidade de inserir a senha da conta nova.

Ao acessar o cPanel pela primeira vez, o usuário é recebido com uma tela de boas-vindas, com alguns links para ações rápidas, como instalar um site WordPress, Restaurar um backup (muito útil para quem está migrando de outra hospedagem com cPanel) ou explorar a conta.

Gerenciamento de contas de hospedagem no WHM

O gerenciamento de contas de hospedagem no WHM é essencial para manter um ambiente de servidor organizado, seguro e estável.

Para gerenciar contas de hospedagem, o WHM fornece algumas ações rápidas na página de lista de contas (List Accounts). Ao acessar essa página, obtém-se uma lista de contas. Clique no ícone de “+” para visualizar as ações rápidas de gerenciamento de contas. Dentre elas, podemos citar:

• Alteração da senha de usuário do cPanel.
• Alteração do e-mail de administrador do cPanel.
• Suspensão da conta.

A suspensão da conta pode-se dar por diversos motivos, como a falta de pagamento por parte do cliente, o abuso no uso do serviço, interrupção do projeto, entre outras. A suspensão da conta não remove nenhum dado, apenas suspende o acesso ao site e ao cPanel.

Outras opções incluem:

• Alteração do IP / Change IP Address (não faça isso, a menos que você tenha um IP específico para endereçar para a conta).
• Alteração da partição / Change Disk Partition, para alterar o diretório de usuário dentro do disco.
• Alteração do espaço em disco / Change Quota.
• Alteração de plano / Change Plan (para fazer upgrades e downgrades de planos).
• Modificação da conta / Modify Account, para realizar outras alterações na conta.
• Encerrar conta / Terminate Account, para remover definitivamente a conta do servidor.

Este é um resumo das ações rápidas que podem ser realizadas na lista de contas de hospedagem do WHM. Outras opções de gerenciamento em massa estão disponíveis em outras seções do WHM.

Boas práticas para a manutenção de contas de hospedagem no WHM

A implementação de boas práticas e o seguimento de dicas específicas são fundamentais para manter um ambiente de hospedagem eficiente, seguro e confiável no WHM. Vamos ver agora algumas ações que podem ser feitas para manter o WHM e as contas de hospedagem em dia.

Certifique-se de manter o WHM sempre atualizado. As atualizações frequentes fornecem correções de segurança, melhorias de desempenho e novos recursos. Acompanhe as versões mais recentes e aplique as atualizações conforme necessário. A atualização do WHM pode ser programada para ser feita automaticamente, sempre que uma nova versão estável for disponibilizada, ou manualmente.

Configure backups regulares para todas as contas de hospedagem. Isso garante a disponibilidade de cópias de segurança recentes em caso de falhas ou perdas de dados. Se possível, envie os backups do WHM para um servidor externo. Mais informações sobre como fazer isso estão disponíveis na documentação oficial do WHM.

Implemente certificados SSL para todas as contas de hospedagem. Isso garante a segurança nas transmissões de dados, aumentando a confiança do usuário e melhorando o SEO. O WHM está integrado com o Let’s Encrypt, que é uma certificadora gratuita e confiável. A implementação e o gerenciamento de certificados SSL automaticamente está disponível na seção SSL/TLS -> Manage AutoSSL. Pode-se inclusive rodar um script para gerar certificados SSL automaticamente para todos os domínios presentes no WHM. A única exigência é que todos eles estejam com os servidores DNS apontados para o servidor onde o WHM está instalado.

Utilize ferramentas de monitoramento para acompanhar o uso de recursos do servidor, identificar gargalos de desempenho e antecipar problemas antes que afetem os usuários finais. A aba Server Status fornece opções para acompanhar o status do Apache, logs diários, informações do servidor e status dos serviços. Analisar logs de sistema regularmente pode ser útil para identificar padrões incomuns e possíveis problemas.

A seção Software do WHM fornece uma gama de ferramentas para a instalação de softwares e módulos extras, o que pode ser fundamental em diversas situações. Instalar e administrar versões dos servidores web Apache e NGINX estão disponíveis nesta área. Da mesma forma, é possível também realizar atualizações do próprio WHM, alterar versões do PHP, instalar o Nodejs, um servidor Python, entre muitos outros complementos. Consulte a documentação do WHM para mais informações sobre a instalação de complementos.

Conclusão

Neste artigo, exploramos a criação de contas e pacotes de hospedagem no painel WHM/cPanel. Também vimos que é fundamental manter um ambiente de hospedagem estável e seguro, seja qual for a finalidade de uso. Boas práticas, como a utilização de certificados SSL e monitoramento constante são componentes essenciais para garantir a integridade dos dados e a prevenção de incidentes.

Nos exemplos deste texto, usamos um servidor dedicado da HostGator para fazer as demonstrações diversas presentes ao longo do texto.

Se você está pensando em contratar um serviço para utilizar o painel WHM, considere usar um servidor dedicado ou um VPS, pois serviços de hospedagem compartilhada não fornecem acesso ao WHM, apenas a uma instância do cPanel ou algum painel de controle próprio.

Recomendo, portanto, a consulta dos nossos rankings de melhor servidor VPS e melhor servidor dedicado. Eles contêm uma lista constantemente atualizada de empresas e provedores destes serviços.

Caso tenha ficado com qualquer dúvida, entre em contato e farei o possível para ajudar.

O artigo Como configurar contas de hospedagem usando o WHM foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

O WordPress Multisite é uma poderosa ferramenta para administradores de sites que buscam simplificar a gestão de várias instalações do WordPress a partir de um painel único e centralizado. Ao permitir a criação e administração de uma rede de sites, o WordPress Multisite oferece uma solução conveniente e interessante sob diversos cenários, desde empresas com múltiplas filiais até blogueiros que desejam manter diversos projetos sob o mesmo guarda-chuva.

Neste artigo, vamos explorar em detalhes o que é o WordPress Multisite e como implementar uma rede de sites utilizando essa funcionalidade. Desde a instalação inicial até as práticas recomendadas de administração, vamos fornecer um passo a passo para ajudá-lo a aproveitar ao máximo esse recurso nativo do WordPress. Seja você experiente ou novato na ferramenta, este artigo contém informações essenciais para explorar e dominar o potencial do WordPress Multisite.

O que é WordPress Multisite

O WordPress Multisite é um recurso que permite gerenciar vários sites a partir de uma única instalação do WordPress. Os sites na rede compartilham os mesmos arquivos do núcleo do WordPress, mas têm tabelas e pastas separadas no banco de dados e no servidor para os seus conteúdos. O administrador da rede pode instalar e atualizar temas e plugins, e também criar e excluir sites. Os administradores dos sites individuais podem ativar e desativar temas e plugins, e também publicar e editar conteúdos livremente.

O WordPress Multisite pode ser usado para criar redes de blogs, sites educacionais, portfólios, lojas online e muito mais. Para ativar o WordPress Multisite, é preciso editar apenas dois arquivos e seguir alguns passos no painel de controle, como veremos mais adiante. O administrador ainda pode escolher entre usar subdomínios ou diretórios para os seus sites na rede.

As principais características do WordPress Multisite incluem:

• Centralização da administração: gerencie todos os seus sites a partir de um único painel de administração.
• Compartilhamento de recursos: recursos como plugins, temas e atualizações podem ser compartilhados entre os sites, o que economiza espaço em disco e facilita a manutenção. Você pode instalar plugins ou temas uma vez e ativá-los para todos os sites, se desejar.
• Controle de acesso: o administrador do Multisite tem controle total sobre quem pode criar novos sites e quais permissões são concedidas aos usuários. Isso oferece flexibilidade na delegação de responsabilidades e na administração geral.
• Personalização individual: embora os sites em um ambiente Multisite compartilhem recursos, cada site ainda pode ter seu próprio conteúdo, design e configurações individuais. Isso permite personalização independente para atender às necessidades específicas de cada site.
• Economia de tempo e recursos: ao gerenciar vários sites a partir de uma única instalação, você economiza tempo e recursos em comparação com a manutenção de várias instalações separadas do WordPress.

Vamos conhecer agora o passo a passo detalhado para ativação da rede Multisite do WordPress.

Como instalar uma rede WordPress Multisite

A instalação do WordPress Multisite envolve algumas etapas específicas. No tutorial que vamos demonstrar agora, a configuração será feita do zero, ou seja, faremos uma nova instalação do WordPress (em branco) e em seguida a ativação do WordPress Multisite.

É importante mencionar, no entanto, que a instalação do WordPress Multisite pode ser feita em um site já existente, com conteúdo e customizações prévias. Nesse caso, recomendo que se faça um backup do site antes de realizar qualquer mudança.

Dito isso, vamos aos passos. Neste exemplo, vamos usar a hospedagem WordPress da Hostinger,. Além de facilitar a instalação e configuração do sistema Multisite, os planos possuem um ótimo custo-benefício (a partir de R$ 11,99), considerando os recursos oferecidos. Se tiver interesse, veja aqui os planos.

É possível instalar o WordPress em outros serviços de hospedagem, mas as telas serão um pouco diferentes. No entanto, a parte de configuração do WordPress Multisite, que é a mais importante nesse caso, deve ser bem parecida. Vamos aos passos.

1. Instalação do WordPress

Como comentei, vamos considerar o serviço de hospedagem na Hostinger para a execução do tutorial.
No painel da Hostinger, na aba Sites, clique na opção Adicionar ou migrar um site.

O assistente de configuração será exibido. Aqui é possível escolher o tipo de site que se deseja criar, como uma Loja Virtual, um Blog, um site de negócios, um portfólio ou outro tipo de site. Para facilitar o entendimento do processo de instalação do WordPress Multisite, vou usar a opção “Outro”.

Agora o assistente pede que o usuário informe se deseja criar um novo site ou migrar um existente. Vamos com a opção “Criar novo site”.

Depois, escolha a opção WordPress. A outra opção seria usar o criador de sites da Hostinger, que possui um sistema de inteligência artificial e que te ajuda a montar inclusive o conteúdo do site. Falamos um pouco sobre isso nesta página. 

Como nossa intenção aqui não é usar o criador de sites, vamos prosseguir com a opção WordPress.

Insira no formulário seguinte o e-mail e uma senha qualquer, para realizar a instalação inicial do WordPress.

Na etapa seguinte, é possível selecionar previamente plugins importantes para serem instalados. As opções sugeridas são interessantes e vale a pena dar uma olhada nos plugins selecionados, caso seja do seu interesse. Por uma questão de simplicidade, vamos prosseguir sem selecionar nenhum plugin.

O assistente de instalação do WordPress na Hostinger também já sugere alguns temas, que podem ser customizados posteriormente. Eu optei por não usar nenhum deles, o que faz com que o WordPress seja instalado com o tema padrão da versão atual. Não há problema nenhum em escolher um dos temas sugeridos para começar a customizar o seu site. Eles podem ser trocados depois, se desejado.

Na etapa seguinte, é necessário configurar um domínio para o site. Se você já possui um domínio, escolha a opção “Usar o um domínio existente”. Se ainda não possui um, é possível registrar um endereço neste passo (ou em outro serviço de registro de domínios, embora pela própria Hostinger acaba sendo mais prático). Como eu já possuo um domínio para o site, optei por usá-lo aqui. Para ver outras opções, acesse este comparativo de sites de registro de domínio.

Depois de informar o domínio, a instalação começa de fato. Vale mencionar que o domínio precisa estar apontado para os servidores da Hostinger para que você consiga usar o site imediatamente após a instalação. Se você registrou o domínio na própria Hostinger, é provável que ele já esteja configurado na hospedagem. Caso contrário, será necessário apontar o DNS do domínio para lá. Esta página de ajuda da Hostinger contém instruções sobre isso.

Além da instalação do WordPress, o assistente da Hostinger também instala os plugins e temas selecionados (caso tenham sido escolhidos nos passos anteriores), e um certificado SSL, o que é bem prático (e necessário). Para isso, é muito importante que o domínio esteja configurado na hospedagem, como mencionado anteriormente.

Depois da instalação, o assistente exibe três opções: conectar o domínio, Editar o site (no painel do WordPress) ou ir para o painel de controle da hospedagem.

Para fazer a instalação do WordPress Multisite, é necessário editar alguns arquivos que estão no servidor de hospedagem. Portanto, vamos acessar o painel de controle da hospedagem antes de acessar o painel do WordPress. Vamos lá!

2. Habilitar o WordPress Multisite

Ao clicar em “Painel de controle”, no passo anterior, o usuário é levado para a tela de gerenciamento do site WordPress que acabamos de instalar. Procure pelo item “Gerenciador de arquivos” e clique sobre ele. O gerenciador será aberto em uma nova aba.

Dentro do gerenciador, acesse a pasta public_html, que é o diretório que contém a instalação do site que acabamos de realizar.

Dentro de public_html vamos encontrar os arquivos e diretórios do WordPress. Clique duas vezes para editar o arquivo wp-config.php.

Com o arquivo wp-config.php aberto, localize a linha com o texto /* That's all, stop editing! Happy blogging. */ e, antes da mesma, insira o trecho de código a seguir:

define('WP_ALLOW_MULTISITE', true);

O resultado de ser parecido com o da imagem abaixo:

Depois de inserir o trecho de código, clique no ícone de salvar, localizado no topo da página, à direita.

Depois de salvar o arquivo, feche o mesmo, clicando no botão “X” (topo da página, à esquerda) e volte para o painel de controle da hospedagem, que deve estar aberto na aba ao lado. Desta vez, clique no botão “Painel do administrador”, para acessar o painel de controle do WordPress.

Depois de editar o arquivo wp-config.php, dentro do painel do WordPress, localize no menu a opção “Ferramentas” -> “Instalação de rede”. Repare que o WordPress solicita a desativação de todos os plugins antes de prosseguir. Faça isso antes de continuar e retorne a este local no painel.

Ao retornar à instalação de rede, as opções do Multisite são exibidas na tela. É importante e necessário optar pela instalação da rede de sites como subdomínios ou como subdiretórios.

Se você optar pelo uso de subdomínios, os endereços dos sites ficarão no formato site1.exemplo.com, site2.exemplo.com etc. Nesta opção, configurações adicionais de DNS serão necessárias, já que cada subdomínio precisa estar mapeado dentro da zona de DNS do domínio.

Por outro lado, o uso de subdiretórios é mais simples e não exige nenhuma configuração adicional, além do apontamento do domínio principal. Nesse caso, os endereços dos sites ficarão no formato exemplo.com/site1, exemplo.com/site1 etc.

Neste tutorial, optei pela segunda opção.

Na mesma tela, também é necessário informar o nome da rede de sites e um e-mail para administração.

Depois de preencher tudo, clique no botão “Instalar”.

O passo seguinte e final é a inserção de mais alguns trechos de código no arquivo wp-config.php, e também no arquivo .htaccess, que é um arquivo de configuração do servidor. Vamos a eles.

Abra novamente o arquivo wp-config.php e insira o trecho de código solicitado logo após o trecho que inserimos anteriormente. Basta copiar e colar o código fornecido pelo próprio WordPress.

Siga estes passos com atenção, porque qualquer erro de digitação pode deixar seu site fora do ar.

Após a inserção do código, o arquivo wp-config.php vai ficar com uma aparência semelhante ao exemplo abaixo:

Salve o mesmo e retorne ao gerenciador de arquivos da hospedagem. Dessa vez, abra o arquivo .htaccess.

Insira o trecho de código indicado no painel do WordPress dentro do arquivo .htaccess. O resultado deve ser algo parecido com isso:

Repare que todo o trecho de código dentro das tags <IfModule mod_rewrite.c> e </IfModule> foi substituído.

Depois de conferir que está tudo ok, salve o arquivo e retorne ao painel do WordPress. Dessa vez, no final da página de configuração, há uma indicação de que é necessário fazer um novo login. Para isso, basta clicar no link “Acessar”, como destacado na imagem abaixo:

Você será então direcionado para a tela de login do WordPress. Basta usar o login e a senha que criou no início do assistente de instalação para acessar sua rede Multisite WordPress.

Agora, você verá a seção “Meus Sites” no menu, indicando que o Multisite foi ativado com sucesso.

A partir deste ponto, você pode começar a criar e gerenciar sites adicionais a partir do painel de administração. Lembre-se de que o Multisite adicionará novas opções de administração para gerenciar sua rede e sites individuais. 

O que fazer depois de instalar o Multisite WordPress

Depois de instalar o WordPress Multisite, há várias ações que você pode realizar para gerenciar sua rede de sites.

Primeiramente, é interessante saber como funciona o gerenciamento de sites no modo Multisite. Há um painel principal, que pode ser acessado apenas pelo administrador (que foi cadastrado no momento da configuração da rede de sites). Outros usuários podem ser adicionados, tanto para gerenciar a rede de sites quanto para gerenciar sites específicos.

O painel da rede de sites possui um menu menor do que o do WordPress padrão. Isso ocorre porque, neste nível de gerenciamento, o administrador pode controlar os seguintes aspectos da rede de sites:

• Criar novos sites;
• Adicionar usuários a sites (e definir suas permissões de acesso);
• Gerenciar configurações da rede;
• Instalar e ativar plugins e temas em toda a rede;
• Gerenciar atualizações;
• Personalizar configurações individuais de sites.

Veja a seguir com um pouco mais de detalhes algumas das principais funções do gerenciamento de sites no WordPress Multisite.

Criar novos sites
A principal finalidade do Multisite é permitir que você crie e gerencie vários sites a partir de uma única instalação do WordPress. Vá para “Meus Sites” no painel de administração e escolha a opção “Criar um Novo Site”. Preencha as informações necessárias, como título, endereço e administração do site.

Adicionar usuários a sites
Você pode adicionar usuários à sua rede e atribuí-los a funções específicas em cada site. Isso permite a colaboração e administração eficaz dos vários sites. Vá para “Usuários” -> “Todos os Usuários” e adicione usuários conforme necessário.

Gerenciar configurações de rede
No painel de administração, você terá uma seção chamada “Configurações de Rede”, onde pode personalizar as configurações gerais da sua rede. Isso inclui a capacidade de modificar opções relacionadas a registros de site, upload de arquivos, e-mail e muito mais.

Instalar e ativar plugins e temas em toda a rede
Você pode instalar plugins e temas no nível da rede, tornando-os disponíveis para todos os sites. Isso é útil para manter consistência visual ou fornecer funcionalidades específicas em todos os sites.

Gerenciar atualizações
O Multisite facilita a gestão de atualizações, permitindo que você atualize plugins, temas e a própria instalação do WordPress para todos os sites de uma vez. Vá para “Meus Sites” -> “Atualizações” para gerenciar as atualizações.

Personalizar configurações individuais de sites
Mesmo compartilhando recursos, cada site na rede pode ter configurações individuais. Vá para “Meus Sites” -> “Sites” e escolha o site que deseja gerenciar. Isso permitirá personalizações específicas para cada site.

Conclusão

Como vimos, o WordPress oferece uma ferramenta nativa e poderosa para a criação de uma rede de sites. Esse recurso pode facilitar muito o gerenciamento de sites que se relacionam entre si, permitindo, por exemplo, a instalação e atualização de temas e plugins em um painel centralizado.

Para mais detalhes e informações sobre o funcionamento da rede WordPress Multisite, consulte a documentação oficial do WordPress (em inglês).

E se você está interessado em adquirir uma hospedagem WordPress para criar sua própria rede de sites, confira o nosso ranking da melhor hospedagem WordPress.

O artigo WordPress Multisite: o que é e como instalar uma rede de sites foi publicado originalmente em Tudo Sobre Hospedagem de Sites.

Atenção: o Duet Ai foi substituído pelo Gemini, um modelo de inteligência artificial mais poderoso e integrado ao Google Workspace. Para saber mais, leia o artigo Gemini: O que é e como usar esta inteligência artificial no Google Workspace.

A inteligência artificial (IA) está revolucionando o mundo e já está ao alcance de todos através de serviços gratuitos e pagos, oferecidos por grandes empresas de tecnologia e startups. A Google, é claro, não está apenas observando esta revolução. Pelo contrário, é uma das maiores protagonistas. Em 2023, a empresa disponibilizou o Bard, um chatbot baseado em modelos de linguagem de grande escala (LLM, do inglês, Large Language Models). E, mais recentemente, lançou o Duet AI.

Trata-se de uma ferramenta de IA que está integrada aos aplicativos da suíte de produtos do Google Workspace, que inclui por exemplo Gmail, Google Drive, Planilhas e outros programas para uso profissional. O Duet AI usa aprendizado de máquina para ajudar os usuários a serem mais produtivos e criativos nas diversas ferramentas presentes no Google Workspace.

Neste artigo, vou mostrar como usar o Duet AI e também um passo a passo para ativar o assistente dentro do painel Google Admin. Também vamos ver exemplos de uso da inteligência artificial em diferentes aplicativos do Google Workspace.

E caso você esteja se perguntando, o simpático robozinho na imagem acima foi criado usando o Duet AI.

O que é o Duet AI do Google Workspace

O Duet AI é uma ferramenta de inteligência artificial desenvolvida pela Google que está integrada aos aplicativos da suíte Google Workspace. Ele usa um poderoso sistema de aprendizado de máquina, que foi aperfeiçoado durante anos, para colaborar em diversas tarefas, como escrever e-mails, textos completos, criar imagens a partir de descrições, entre muitas outras funções.

Pense no Duet AI como um colega que está sempre ao seu lado, e que pode, a qualquer momento, te ajudar com determinada tarefa ou trabalho. Seja para fornecer inspiração, como sugerir temas específicos para a criação de textos, ou até mesmo para sugerir a estrutura de uma planilha.

Através do uso dessa tecnologia, é possível acelerar o fluxo de trabalho e ter um assistente para te ajudar a responder e-mails, montar apresentações e muito mais. Um pouco mais adiante, vamos ver alguns exemplos de uso do Duet AI em testes realizados por mim.

Quanto custa o Duet AI?

O Duet AI é um recurso que só pode ser usado por empresas e profissionais que são assinantes do Google Workspace. Por se tratar de um recurso adicional, ele é cobrado à parte.

No momento em que escrevo este artigo, o Duet AI está disponível pelo valor de R$ 139,19 por mês por usuário, no plano com compromisso anual. Antes de qualquer pagamento, no entanto, é possível testar o assistente gratuitamente por 14 ou 30 dias, dependendo da modalidade escolhida. Em instantes veremos em mais detalhes como funciona a cobrança.

Vale saber que é possível habilitar o Duet AI apenas para alguns usuários da sua empresa ou organização. Por exemplo, vamos supor que você seja assinante do Google Workspace e possua 10 usuários ativos. Você poderia assinar e ativar o Duet AI para alguns desses usuários, ou mesmo para uma única pessoa.

Além disso, o serviço pode ser cancelado a qualquer momento e, assim como ocorre com a cobrança padrão do Google Workspace, o valor do pagamento é proporcional ao número de dias que o serviço ficou ativo no período.

Leia também: NotebookLM: Descubra como usar a IA no Google Workspace para analisar documentos e extrair insights

Como ativar o Duet AI no painel do Google Admin

Como mencionei anteriormente, para ter acesso ao Duet AI, é necessário ser assinante do Google Workspace. Se você ainda não tem uma conta na plataforma, clique aqui para assinar hoje mesmo. Se preferir, veja o passo a passo para contratar o serviço e aproveite para pegar um cupom do Google Workspace que oferece 10% de desconto durante o primeiro ano de assinatura.

Para ativar o Duet AI, o primeiro passo é acessar o painel de controle Google Admin.

Na página inicial do painel clique em Faturamento, no menu esquerdo, e depois em Acessar mais serviços. Ou, caso apareça para você, também é possível clicar no anúncio do Duet AI em destaque no lado direito da página.

Na aba de mais serviços, selecione a opção Duet AI para Google Workspace e depois clique em Vamos começar.

Esta ação vai abrir a janela de compra do Duet AI. No primeiro passo, os detalhes do serviço são apresentados. A página explica de forma breve os principais recursos da ferramenta. Para prosseguir, clique no botão Próxima.

Na segunda etapa, é necessário optar por um plano de pagamento. A opção Plano flexível, com pagamentos mensais e que permite o cancelamento a qualquer momento, é oferecida por R$ 208,80 por usuário por mês.

Já a opção Plano anual oferece um desconto de cerca de 33% e também permite pagamentos mensais. A diferença é que aqui estamos assumindo o compromisso de manter a assinatura por pelo menos um ano. Nesse caso, a mensalidade cai para R$ 139,19 por mês por usuário.

Após a escolha do plano de pagamento, basta clicar no botão Prosseguir, para ir para a última etapa da assinatura.

A etapa de pagamento exibe um resumo do pedido. Um detalhe interessante sobre a opção de compromisso anual é que, além do desconto de 33%, o assinante ainda recebe 30 dias gratuitos, com a primeira cobrança programada para 30 dias após a confirmação do pedido.

Para finalizar a compra, basta clicar no botão Fazer pedido. Depois disso, o administrador do Google Workspace deve escolher os usuários do Google Workspace que terão acesso ao Duet AI, o que pode ser feito automaticamente ou manualmente.

No caso da seleção manual, você será direcionado para a lista de usuários ativos do Google Workspace. Na página de usuários, clique sobre o usuário para o qual deseja ativar o Duet AI.

Após acessar a página do usuário, localize a seção Licenças e clique sobre a opção Duet AI. A opção para atribuir a licença será exibida. Ative o Duet AI e clique em Salvar.

Como usar o Duet AI

Antes de começar a usar o Duet AI, é importante estar ciente de que a ferramenta só está disponível em inglês por enquanto. Está nos planos do Google expandir seu uso para outros idiomas, mas, no momento em que escrevo este artigo, a inteligência artificial do Duet AI só “fala” e “entende” inglês.

Portanto, para começar a usar o Duet AI é necessário acessar a página de usuário do Google Workspace e alterar o idioma para inglês. Essa alteração pode ser feita pelo próprio usuário, ou seja, não é necessário ser administrador da conta para tal. O endereço padrão da página de usuário é https://myaccount.google.com/personal-info.

Nesta página, localize a opção Preferências gerais para a web e clique em Idioma.

Altere o idioma padrão para English (United States) e você já estará pronto para começar a usar o Duet AI.

Agora que já ativamos o serviço e alteramos o idioma, basta abrir qualquer documento no formato do Google, como Documentos (Docs), Planilhas (Sheets) ou Apresentações (Slides) e o assistente será exibido.

Usando o Duet AI no Google Documentos (Docs)

Logo após criar um novo documento de texto no aplicativo Documentos, o balão Help me write é o primeiro a ser exibido no documento.

Ao clicar sobre o balão, basta inserir um comando ou descrição, em inglês, solicitando ajuda para a escrita de um texto sobre qualquer tópico.

No meu teste inicial, solicitei ao Duet AI ajuda para escrever um tutorial explicando como criar um site usando o Google Sites. O assistente rapidamente me ofereceu uma sugestão de texto, com a opção de refinar ainda mais o texto ou inseri-lo no documento.

Eu aceitei a sugestão inicial e o texto foi inserido no documento, ficando disponível para ser editado livremente por mim.

Aqui, deixo uma dica sobre a questão do idioma. Usando a ferramenta nativa do Google Documentos, selecionei o texto e solicitei no menu Tools -> Translate document, e solicitei a tradução do documento para Português.

Uma cópia do documento foi feita em português, e o resultado foi esse:

Pessoalmente, achei o resultado muito bom, considerando que o texto foi integralmente criado pelo Duet AI e traduzido automaticamente. Agora, posso editar à vontade o texto já em português.

Usando o Duet AI no Google Apresentações (Slides)

No caso do Google Apresentações, o Duet AI permite a criação de imagens geradas por inteligência artificial. Vamos fazer alguns testes variados.

Primeiro, pedi para o assistente criar imagens em estilo fotográfico de um auditório lotado com um palestrante no palco. O resultado foi esse:

No segundo teste, pedi para o assistente gerar imagens fotográficas de cachorros pequenos pedindo comida. O resultado me impressionou bastante, apesar de não ser exatamente o que eu tinha em mente.

Algumas variações sugeridas pela IA, apesar de não estarem alinhadas ao que foi solicitado no prompt, me surpreendem pela riqueza de detalhes e realismo, como a dos cachorros abaixo:

Em mais um teste, inseri um prompt solicitando uma imagem de fundo abstrata e cheia de cores. Eis o resultado:

Vale mencionar que, a cada comando são exibidas opções variadas para serem escolhidas. Outro ponto interessante é que já existe uma seleção de estilos pré-definida, que inclui fotografia, vetores, background, entre outras.

Além disso, a cada imagem gerada, é possível pedir novas opções baseadas no mesmo comando. Para isso, basta clicar no botão View more.

Usando o Duet AI no Google Planilhas (Sheets)

Ao abrir o Google Planilhas, há um aviso informando que o Duet AI ainda não é capaz de interagir com dados previamente existentes em planilhas, mas que esse recurso será disponibilizado em breve. No momento, portanto, só é possível solicitar a criação de templates de dados. Vamos aos testes.

Na minha primeira interação, solicitei ao assistente a criação de uma planilha para controlar um projeto de criação de sites. O resultado foi interessante, mas simples. Após a criação, é possível optar por inserir o modelo criado pela IA ou rejeitar o mesmo. Não é possível, no momento, refinar a sugestão.

No segundo teste, pedi ao Duet AI para criar uma planilha de viagem para a Islândia. O resultado foi mais complexo do que a primeira tentativa.

Vale mencionar que nem todas as requisições são atendidas, pelo fato da ferramenta ainda estar em desenvolvimento. Em uma terceira tentativa, solicitei ao assistente a criação de uma planilha para controlar as finanças de uma empresa de transporte. No entanto, a ferramenta não retornou com nenhuma sugestão e uma mensagem sugerindo a alteração da solicitação foi exibida na tela.

Usando o Duet AI no Gmail

O Duet AI também está integrado ao Gmail corporativo e pode ser usado como um assistente para a escrita de e-mails. Em meus testes, os textos sugeridos pelo assistente me parecem mais como um ponto de partida do que a versão final de um e-mail. Especialmente se levarmos em conta o tom de voz, que pode mudar bastante de pessoa para pessoa.

Veja o exemplo de um e-mail convocando a equipe de desenvolvimento para uma reunião:

Em um segundo teste, solicitei a elaboração de um e-mail solicitando melhorias em um projeto de criação de site. Lembrando que a ferramenta só aceita e redige textos em inglês, por enquanto.

É interessante notar como a ferramenta parece entender do que se trata o assunto. Mesmo sem mencionar nada do tipo, o Duet AI sugeriu alterações no projeto do site, tais como aumento da fonte, melhorias na navegação e na qualidade das imagens. Como mencionei acima, os modelos de e-mail gerados pela IA podem economizar algum tempo de seus usuários, ao sugerir a estrutura inicial de um texto.

Afinal, vale a pena assinar o Duet AI?

O Duet AI é uma ferramenta poderosa, criada por uma das maiores empresas de tecnologia do mundo, a Google. Ela contém muitos recursos interessantes e está integrada aos serviços mais usados do Google Workspace.

Vale ressaltar que a ferramenta ainda está em desenvolvimento e que algumas tentativas de geração de conteúdo podem não corresponder às expectativas, inclusive por funcionar apenas em inglês neste primeiro momento.

Como pontos positivos, fiquei surpreso com a criação de textos dentro do Documentos. Os textos podem ser refinados e ampliados à vontade, o que é muito interessante, além de poderem ser traduzidos automaticamente e com certa facilidade. Outro ponto muito positivo foi a geração de imagens no Apresentações. As imagens geradas ficaram bem realistas.

Portanto, se você já é assinante do Google Workspace e deseja aumentar sua produtividade através do uso de inteligência artificial, o Duet AI pode ser uma ótima opção.

E se você ainda não assina o Google Workspace, pegue aqui um código promocional e experimente 14 dias de acesso grátis às ferramentas da suíte para profissionais do Google.

O artigo Duet AI: como ativar e usar a inteligência artificial do Google Workspace foi publicado originalmente em Tudo Sobre Hospedagem de Sites.