Base de Conhecimento

O Sitejet Builder é o construtor visual de sites integrado ao cPanel e disponibilizado nos planos de hospedagem da Invirtua.

Com ele, você pode criar e publicar um site diretamente pelo navegador, utilizando modelos prontos, componentes visuais e edição por arrastar e soltar, sem precisar desenvolver todo o projeto manualmente em HTML ou instalar um CMS como WordPress.

Para usuários com conhecimentos mais avançados, o Sitejet também permite personalizações utilizando HTML, CSS e JavaScript.

1. O que é o Sitejet Builder?

O Sitejet Builder é uma ferramenta de criação de sites integrada ao cPanel.

Ele permite criar páginas utilizando um editor visual no qual textos, imagens, botões, menus, formulários e outros componentes podem ser adicionados e personalizados diretamente na tela.

Entre seus principais recursos estão:

• modelos de sites prontos e personalizáveis;
• editor visual;
• criação e gerenciamento de páginas;
• menus e submenus;
• layout responsivo para computadores, tablets e smartphones;
• formulários de contato;
• galerias de imagens;
• animações e elementos visuais;
• recursos para SEO;
• criação de blogs e conteúdos estruturados;
• sites em múltiplos idiomas;
• inserção de HTML, CSS e JavaScript personalizados;
• geração de sites com Inteligência Artificial, quando disponível;
• publicação direta na sua conta de hospedagem.

2. Preciso saber programar?

Não.

O Sitejet foi desenvolvido para permitir que usuários sem conhecimentos de programação criem sites através de uma interface visual.

Você pode começar utilizando um modelo pronto e depois modificar:

• textos;
• cores;
• fontes;
• imagens;
• logotipo;
• menus;
• botões;
• seções;
• formulários;
• estrutura das páginas.

Usuários mais avançados também podem utilizar código próprio para realizar personalizações adicionais.

3. Como acessar o Sitejet Builder?

1. Acesse o cPanel da sua conta de hospedagem.
2. Localize a seção Domínios.
3. Clique em Sitejet Builder.
4. Localize o domínio no qual deseja criar o site.
5. Clique na opção disponível para iniciar a criação do site, como Try Sitejet / Criar com Sitejet.

Dependendo da versão do cPanel e dos recursos habilitados no servidor, também poderá ser exibida uma opção para criação utilizando Sitejet AI.

4. Escolhendo um modelo

Ao iniciar um novo projeto, você poderá escolher entre diferentes modelos de site.

Os modelos servem como ponto de partida e podem ter:

• estrutura de páginas já definida;
• tipografia;
• cores;
• cabeçalho;
• rodapé;
• menus;
• seções de conteúdo;
• imagens demonstrativas.

Depois de escolher um modelo, todos esses elementos poderão ser modificados.

Você também pode começar com uma estrutura mais simples e construir o projeto de acordo com sua necessidade.

5. Criação com Inteligência Artificial

Em ambientes onde o recurso estiver habilitado, o Sitejet também permite iniciar um site utilizando um gerador baseado em Inteligência Artificial.

Nesse modo, o sistema solicita algumas informações sobre o projeto, como:

• tipo de empresa ou atividade;
• objetivo do site;
• serviços oferecidos;
• estilo desejado;
• informações sobre o negócio.

A partir dessas informações, o Sitejet pode gerar automaticamente uma proposta inicial contendo estrutura, textos e elementos visuais.

O conteúdo gerado é apenas um ponto de partida. Antes de publicar, revise cuidadosamente os textos, imagens, informações comerciais, telefones, endereços e demais dados apresentados.

Conteúdo produzido por Inteligência Artificial não deve ser publicado sem revisão.

6. Editando textos

Os textos podem ser alterados diretamente no editor visual.

Ao selecionar um elemento de texto, você poderá modificar itens como:

• conteúdo;
• fonte;
• tamanho;
• formatação;
• alinhamento;
• cores;
• links.

Evite utilizar textos muito longos em uma única seção. Para sites institucionais, normalmente é melhor dividir o conteúdo em blocos claros e objetivos.

7. Adicionando imagens

Imagens podem ser enviadas e utilizadas em diferentes partes do site, como:

• banners;
• galerias;
• produtos;
• serviços;
• equipe;
• logotipo;
• planos de fundo.

Antes de enviar uma imagem, recomendamos redimensioná-la para dimensões adequadas ao uso no site.

Evite utilizar arquivos extremamente grandes sem necessidade. Uma fotografia com vários megabytes utilizada em um pequeno espaço da página pode aumentar significativamente o tempo de carregamento sem melhorar a qualidade visual percebida pelo visitante.

8. Criando páginas

Um site pode possuir várias páginas, por exemplo:

• Início;
• Empresa;
• Serviços;
• Produtos;
• Clientes;
• Blog;
• Contato.

O Sitejet permite criar novas páginas, duplicar estruturas existentes e organizar a navegação do site.

Utilize nomes de páginas claros e evite criar uma estrutura de navegação excessivamente complexa.

9. Menus e submenus

As páginas podem ser adicionadas ao menu principal e organizadas em níveis.

Por exemplo:

Início
Empresa
Serviços
    Consultoria
    Suporte
    Projetos
Contato

Evite menus com dezenas de itens. Uma navegação simples facilita tanto o uso do site quanto a compreensão da sua estrutura pelos mecanismos de busca.

10. Site responsivo para celular e tablet

Os modelos do Sitejet são desenvolvidos com design responsivo, permitindo que o layout se adapte a diferentes tamanhos de tela.

Isso significa que o mesmo site pode ser visualizado em:

• computadores;
• notebooks;
• tablets;
• smartphones.

Mesmo utilizando um modelo responsivo, recomendamos sempre revisar o resultado nas diferentes visualizações antes da publicação.

Alterações muito específicas de tamanhos, espaçamentos ou posicionamento de elementos podem produzir resultados diferentes em telas menores.

11. Formulários de contato

O Sitejet permite adicionar formulários às páginas.

Eles podem ser utilizados para:

• contato;
• solicitação de orçamento;
• cadastros;
• pedidos de informações;
• captação de leads.

Ao criar um formulário, revise principalmente:

• campos obrigatórios;
• endereço que receberá as mensagens;
• mensagem exibida após o envio;
• proteção contra mensagens automáticas e spam;
• política de privacidade aplicável aos dados coletados.

12. SEO

O Sitejet oferece recursos para auxiliar na otimização das páginas para mecanismos de busca.

Entre as configurações disponíveis estão informações como:

• título das páginas;
• descrições;
• metadados;
• configurações de indexação;
• estrutura de URLs;
• configurações gerais de SEO.

Criar o site através do Sitejet, entretanto, não garante automaticamente boas posições no Google ou em outros mecanismos de busca.

SEO depende também de fatores como:

• qualidade e originalidade do conteúdo;
• estrutura das páginas;
• desempenho;
• experiência em dispositivos móveis;
• autoridade do domínio;
• links externos;
• concorrência;
• relevância do conteúdo para aquilo que o usuário pesquisa.

13. Posso criar um blog?

Sim.

O Sitejet possui recursos de conteúdo estruturado que podem ser utilizados para criar blogs, notícias e outros tipos de publicação recorrente.

Para sites cujo objetivo principal seja publicação intensiva de conteúdo, entretanto, vale avaliar se uma plataforma específica de gerenciamento de conteúdo, como WordPress, atende melhor às necessidades do projeto.

Sitejet e WordPress são ferramentas diferentes e nenhuma das duas é automaticamente a melhor escolha para todos os projetos.

14. Sitejet ou WordPress?

Depende do projeto.

Para a maioria dos pequenos sites institucionais, páginas de apresentação, landing pages e projetos que não necessitam de plugins específicos, o Sitejet pode ser uma alternativa simples e rápida.

15. Posso utilizar código HTML, CSS ou JavaScript?

Sim.

Usuários com conhecimentos de desenvolvimento podem realizar personalizações adicionais utilizando:

• HTML;
• CSS;
• SCSS;
• JavaScript.

Esse recurso permite ir além das opções oferecidas pelo editor visual.

Modificações através de código devem ser realizadas com cuidado. Um erro em CSS ou JavaScript pode alterar o funcionamento ou a aparência de várias páginas do site.

16. Como visualizar o site antes de publicar?

Durante a criação, o Sitejet oferece recursos de pré-visualização para verificar como o projeto ficará antes de ser disponibilizado publicamente.

Antes da publicação, recomendamos conferir:

• versão para computador;
• versão para smartphone;
• menus;
• todos os links;
• formulários;
• telefones;
• endereços de e-mail;
• textos;
• imagens;
• dados da empresa.

17. Como publicar o site?

Depois de concluir e revisar o projeto, clique em Publish / Publicar.

O Sitejet enviará os arquivos necessários para o diretório Web correspondente ao domínio dentro da sua conta cPanel.

Após a publicação, o site será acessível através do domínio desde que:

• o domínio esteja registrado e ativo;
• o DNS esteja apontando corretamente para o servidor de hospedagem;
• o domínio esteja configurado na conta cPanel;
• não existam outras configurações impedindo o acesso.

18. Já existe um site no domínio. Posso usar o Sitejet?

Atenção nesta situação.

Ao publicar um projeto Sitejet em um domínio que já possui arquivos de outro site, o conteúdo existente poderá ser substituído pelo novo projeto.

Quando o cPanel identifica arquivos existentes no diretório do domínio durante a primeira publicação, poderá oferecer a criação de um Restore Point, ou ponto de restauração, antes de substituir o site.

Recomendamos criar o ponto de restauração sempre que essa opção for apresentada.

Também recomendamos manter um backup independente antes de substituir qualquer site em produção.

O ponto de restauração é um recurso de segurança para essa operação e não deve ser considerado substituto de uma política regular de backup.

19. Atenção ao WordPress e outros sistemas existentes

Não publique um projeto Sitejet sobre um domínio que contém WordPress, Joomla, uma loja virtual ou outro sistema em produção sem antes realizar backup e confirmar que a intenção é realmente substituir o site existente.

Sitejet não é um editor para modificar diretamente um site WordPress existente.

São plataformas independentes.

20. Como editar o site depois da publicação?

Para realizar alterações posteriormente:

1. Acesse o cPanel.
2. Abra Domínios → Sitejet Builder.
3. Localize o domínio.
4. Clique em Edit Site / Editar Site.
5. Faça as alterações necessárias.
6. Revise o resultado.
7. Clique novamente em Publish / Publicar.

As modificações realizadas dentro do editor não ficam automaticamente visíveis no site público até que uma nova publicação seja efetuada.

21. Posso criar o site antes de apontar o domínio?

Sim, dependendo da configuração da conta.

O cPanel pode disponibilizar um domínio temporário para permitir a criação e teste do site antes que o domínio definitivo esteja apontando para o servidor.

Isso é particularmente útil durante migrações, pois permite preparar o novo site sem interromper imediatamente o ambiente anterior.

22. Certificado SSL

O Sitejet cria e publica o conteúdo do site, mas o certificado SSL/TLS faz parte da configuração da hospedagem e do domínio.

Depois que o domínio estiver apontando corretamente para o servidor, o certificado poderá ser emitido através dos recursos disponíveis na hospedagem.

O endereço recomendado para acesso ao site será:

https://seudominio.com.br

Evite publicar links internos utilizando endereços temporários ou HTTP sem criptografia quando o endereço definitivo em HTTPS já estiver disponível.

23. Loja virtual e comércio eletrônico

O ecossistema Sitejet também possui recursos de comércio eletrônico.

A disponibilidade desses recursos pode depender do plano contratado, dos serviços habilitados pelo provedor e de eventuais licenças adicionais.

Se o objetivo principal do projeto for criar uma loja virtual, recomendamos verificar previamente os requisitos do projeto, como:

• quantidade de produtos;
• formas de pagamento;
• integração com transportadoras;
• controle de estoque;
• emissão fiscal;
• integração com ERP;
• marketplaces;
• recursos comerciais necessários.

Uma ferramenta simples de criação de páginas nem sempre é a plataforma adequada para uma operação de comércio eletrônico complexa.

24. Backup

O site publicado pelo Sitejet passa a fazer parte dos arquivos armazenados na conta de hospedagem.

Recomendamos manter backups periódicos da conta, especialmente antes de:

• substituir um site existente;
• realizar grandes alterações;
• modificar código personalizado;
• alterar significativamente a estrutura do projeto.

Não dependa exclusivamente da possibilidade de desfazer alterações dentro do editor.

25. Cuidados antes de publicar

Antes de colocar o site definitivamente no ar, recomendamos verificar:

• se todos os textos estão corretos;
• se não permaneceram textos demonstrativos do modelo;
• se todas as imagens foram substituídas pelas imagens definitivas;
• se telefone e WhatsApp estão corretos;
• se endereços de e-mail estão corretos;
• se todos os links funcionam;
• se o formulário de contato foi testado;
• se o site funciona bem em smartphone;
• se título e descrição das principais páginas foram configurados;
• se o logotipo e favicon estão corretos;
• se políticas de privacidade e cookies necessárias foram adicionadas;
• se o endereço utiliza HTTPS.

26. Dicas para criar um site melhor

Ter dezenas de efeitos, fontes, cores e animações disponíveis não significa que todas precisem ser utilizadas ao mesmo tempo.

Para a maioria dos sites profissionais, recomendamos:

• estrutura simples;
• boa legibilidade;
• poucas fontes;
• cores consistentes com a identidade visual;
• imagens de boa qualidade e tamanho adequado;
• textos objetivos;
• botões de ação claros;
• navegação fácil;
• boa experiência em smartphones;
• velocidade de carregamento adequada.

O objetivo de um site comercial não é demonstrar quantos efeitos o editor possui. O objetivo é permitir que o visitante encontre rapidamente a informação que procura e execute a ação desejada.

27. Quando o Sitejet é uma boa escolha?

O Sitejet é especialmente indicado para projetos como:

• sites institucionais;
• sites de pequenas e médias empresas;
• profissionais liberais;
• portfólios;
• landing pages;
• páginas de serviços;
• sites para eventos;
• projetos que precisam ser publicados rapidamente;
• sites que não dependem de plugins ou sistemas específicos.

28. Quando devo considerar outra plataforma?

Uma solução diferente pode ser mais adequada quando o projeto exige:

• plugins específicos;
• integrações muito particulares;
• aplicações Web desenvolvidas sob medida;
• sistemas complexos de comércio eletrônico;
• grandes portais de conteúdo;
• funcionalidades de servidor que não façam parte do Sitejet.

Nesses casos, plataformas como WordPress, frameworks de desenvolvimento ou aplicações personalizadas podem ser mais apropriadas.

29. Resumo rápido

30. Suporte

Em caso de dificuldades relacionadas ao acesso ao Sitejet Builder, publicação do site, domínio, DNS ou ambiente de hospedagem, entre em contato com nosso suporte através do e-mail suporte@invirtua.com.br.

Ao solicitar suporte, informe:

• o domínio utilizado;
• a operação que estava realizando;
• a mensagem de erro apresentada;
• se o problema ocorre no editor, na publicação ou no acesso ao site;
• uma captura de tela do erro, quando possível.