> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Boas Práticas na Criação de Versões na GreatPages

Quando se trata de criar páginas no GreatPages, seguir algumas ${color}[#d91414](**Boas Práticas**) pode fazer toda a diferença para garantir que suas páginas funcionem perfeitamente em todas as versões e dispositivos. Aqui estão algumas dicas que ajudarão você a evitar problemas e a construir suas páginas de maneira eficiente.

1.  **Comece pela Versão Desktop**

A primeira etapa recomendada é sempre começar criando sua versão desktop. Isso significa construir toda a estrutura da página, adicionar os elementos e ajustar os detalhes como imagens, textos e botões pensando na tela maior.

**Por que começar pelo desktop?**
É mais fácil organizar os elementos em uma tela grande e, depois, ajustar para telas menores. Quando você finaliza a versão desktop, pode ir para a versão mobile e, com apenas um clique, enviar automaticamente os elementos do desktop para a versão mobile. 

**Passos:**
॰ Crie sua página desktop por completo.
॰ Ao terminar, vá para a versão mobile e clique em "reconstruir mobile".

${color}[#f31818](*Isso fará com que todos os elementos do desktop sejam trazidos para o mobile, prontos para serem organizados.*)

2.  **Organize a Versão Mobile**
Depois de trazer os elementos para a versão mobile, o próximo passo é organizar e reposicionar os itens para que tudo fique visualmente agradável e funcional em dispositivos menores, como smartphones.

**O que fazer:**
॰ Arraste e reposicione os elementos de forma que o conteúdo fique bem distribuído na tela do celular.
॰ Garanta que todos os textos estejam legíveis e os botões de ação fáceis de clicar.

3. **Cuidado com o Impacto das Alterações**
${color}[#ff0000](Um ponto importante): qualquer alteração feita na versão desktop ou mobile pode impactar a outra. Por exemplo, se você excluir um elemento na versão mobile que foi trazido da versão desktop, ele também será removido do desktop.
|| Em vez de excluir um elemento na versão mobile, use a função ocultar. Isso permite que o elemento desapareça apenas em uma das versões, sem impactar a outra.   

→ ([Como esconder/ocultar elementos](https://ajuda.greatsoftwares.com.br/pt-br/article/como-esconderocultar-elementos-no-desktop-ou-mobile-15umba3/)) ←

**Dicas:**
॰ Excluir: Remove o elemento de ambas as versões.
॰ Ocultar: Deixa o elemento visível em uma versão e escondido na outra. Ideal para elementos que só fazem sentido em uma versão, como uma imagem de destaque maior no desktop e menor no mobile.

4.  **Não Edite em Múltiplas Abas Simultaneamente**
Outra boa prática muito importante é evitar editar a página em mais de uma aba do navegador ao mesmo tempo. Fazer isso pode causar conflitos no sistema e impedir que suas ${color}[#ff0000](alterações sejam salvas corretamente.)

**Por que isso acontece?**
O editor da plataforma pode não sincronizar as mudanças feitas em múltiplas abas, o que pode resultar em problemas como perder parte do trabalho ou criar versões conflitantes.

**O que fazer:**
॰ Sempre trabalhe em uma única aba quando estiver editando sua página.
॰ Se precisar revisar a página em diferentes dispositivos ou layouts, salve suas alterações antes de abrir uma nova aba.

**Conclusão**

> Seguir essas boas práticas ao criar suas páginas no GreatPages garante que sua experiência de criação seja tranquila e que suas páginas funcionem bem tanto no **desktop** quanto no **mobile**. A criação de páginas se torna mais simples e eficaz quando seguimos o fluxo recomendado, começando pelo desktop, organizando o mobile e cuidando das edições de maneira cuidadosa.

Se você seguir essas orientações, estará no caminho certo para criar páginas profissionais e otimizadas, prontas para alcançar o público de forma eficiente em qualquer dispositivo! :-)