Base de Conhecimento

2.40 Como usar HTML, CSS e JavaScript personalizados no Sitejet

Usar HTML, CSS e JavaScript personalizados no Sitejet serve para aplicar ajustes avançados, integrar ferramentas externas e criar comportamentos visuais ou funcionais além do que os presets e elementos prontos oferecem.

Na prática, isso permite personalização técnica extra, desde estilização específica até inserção de scripts e trechos de código de terceiros.

Como acessar o cPanel

Entre no cPanel e abra o projeto dentro do Sitejet Builder.

https://seudominio.com.br/cpanel
https://seudominio.com.br:2083
área do cliente MyWay

Esse recurso é mais avançado e deve ser usado com cuidado para não comprometer layout, desempenho ou compatibilidade.

Como usar HTML, CSS e JavaScript personalizados no Sitejet

Para que serve esta opção

O Sitejet permite inserir código próprio para complementar recursos nativos do builder.

Passo 1 – Abrir o editor de código

No editor do Sitejet, clique em <> Code no canto inferior direito.

Também pode existir atalho de teclado correspondente.

A ajuda oficial do Sitejet informa que o editor de código pode ser aberto pelo botão <> Code e dá acesso a abas como CSS, JavaScript e HTML.

Passo 2 – Escolher a aba correta

No editor, selecione conforme a necessidade:

HTML para marcação adicional
CSS para estilos personalizados
JavaScript para comportamento e scripts

Passo 3 – Inserir o código com cuidado

Digite ou cole o trecho necessário e revise bem antes de salvar.

Exemplos de uso:

ajuste visual específico
integração com ferramenta externa
script de rastreamento
componente customizado

Passo 4 – Testar no preview

Depois de inserir o código, use preview e apresentação para conferir se o site continua funcionando corretamente em diferentes dispositivos.

Sempre valide o comportamento do código em desktop e mobile antes de publicar.

Cuidados importantes

insira apenas código que você entende ou revisou bem
scripts externos podem ter limitações
ferramentas de terceiros podem não funcionar corretamente em alguns cenários
conflitos com consentimento de cookies e carregamento podem ocorrer

A ajuda do Sitejet alerta que alguns scripts e ferramentas de terceiros podem não funcionar como esperado em determinados cenários, especialmente quando dependem de carregamento externo e consentimento.

Boas práticas

faça backup manual antes de mexer em código
comente trechos importantes para futura manutenção
evite excesso de scripts desnecessários
teste desempenho depois das mudanças

Código personalizado mal aplicado pode quebrar layout, reduzir desempenho e gerar falhas em recursos do site. Use com critério.

Resultado esperado

Ao final, você terá inserido HTML, CSS ou JavaScript personalizados no Sitejet para ampliar as possibilidades do projeto além dos recursos prontos do editor.

Resumo:

1. Acesse o cPanel
2. Abra o projeto no Sitejet
3. Clique em <> Code
4. Escolha HTML, CSS ou JavaScript
5. Insira o código necessário
6. Salve e teste no preview
7. Revise responsividade e desempenho

Esse recurso é poderoso, mas deve ser tratado como ferramenta avançada, sempre com revisão técnica e testes antes da publicação.

Atenciosamente,
MyWay Hosting
Servidores Otimizados por inteligência artificial
www.myway.com.br

0 Usuários acharam útil