> ## 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).

# Buenas Prácticas en la Creación de Versiones en GreatPages

Cuando se trata de crear páginas en GreatPages, seguir algunas ${color}[#d91414](**Buenas Prácticas**) puede marcar toda la diferencia para garantizar que tus páginas funcionen perfectamente en todas las versiones y dispositivos. Aquí tienes algunos consejos que te ayudarán a evitar problemas y a construir tus páginas de manera eficiente.

1.  **Comienza por la Versión Desktop**

El primer paso recomendado es siempre comenzar creando tu versión desktop. Esto significa construir toda la estructura de la página, agregar los elementos y ajustar los detalles como imágenes, textos y botones pensando en la pantalla más grande.

**¿Por qué comenzar por el desktop?**
Es más fácil organizar los elementos en una pantalla grande y, después, ajustarlos para pantallas más pequeñas. Cuando finalizas la versión desktop, puedes ir a la versión mobile y, con solo un clic, enviar automáticamente los elementos del desktop a la versión mobile.

**Pasos:**
॰ Crea tu página desktop por completo.
॰ Al terminar, ve a la versión mobile y haz clic en "reconstruir mobile".

${color}[#f31818](*Esto hará que todos los elementos del desktop sean traídos al mobile, listos para ser organizados.*)

2.  **Organiza la Versión Mobile**
Después de traer los elementos a la versión mobile, el siguiente paso es organizar y reposicionar los ítems para que todo quede visualmente agradable y funcional en dispositivos más pequeños, como smartphones.

**Qué hacer:**
॰ Arrastra y reposiciona los elementos de forma que el contenido quede bien distribuido en la pantalla del celular.
॰ Garantiza que todos los textos sean legibles y que los botones de acción sean fáciles de tocar.

3. **Cuidado con el Impacto de los Cambios**
${color}[#ff0000](Un punto importante): cualquier cambio hecho en la versión desktop o mobile puede impactar en la otra. Por ejemplo, si eliminas un elemento en la versión mobile que fue traído de la versión desktop, también será removido del desktop.
|| En lugar de eliminar un elemento en la versión mobile, usa la función ocultar. Esto permite que el elemento desaparezca solo en una de las versiones, sin impactar en la otra.

→ ([Cómo ocultar elemento](https://ajuda.greatsoftwares.com.br/es/article/como-esconderocultar-elementos-en-desktop-o-mobile-1quqli0/)) ←

**Consejos:**
॰ Eliminar: Remueve el elemento de ambas versiones.
॰ Ocultar: Deja el elemento visible en una versión y escondido en la otra. Ideal para elementos que solo tienen sentido en una versión, como una imagen destacada más grande en el desktop y más pequeña en el mobile.

4.  **No Edites en Múltiples Pestañas Simultáneamente**
Otra buena práctica muy importante es evitar editar la página en más de una pestaña del navegador al mismo tiempo. Hacer esto puede causar conflictos en el sistema e impedir que tus ${color}[#ff0000](cambios se guarden correctamente.)

**¿Por qué ocurre esto?**
El editor de la plataforma puede no sincronizar los cambios hechos en múltiples pestañas, lo que puede resultar en problemas como perder parte del trabajo o crear versiones conflictivas.

**Qué hacer:**
॰ Trabaja siempre en una única pestaña cuando estés editando tu página.
॰ Si necesitas revisar la página en diferentes dispositivos o layouts, guarda tus cambios antes de abrir una nueva pestaña.

**Conclusión**

|| Seguir estas buenas prácticas al crear tus páginas en GreatPages garantiza que tu experiencia de creación sea tranquila y que tus páginas funcionen bien tanto en **desktop** como en **mobile**. La creación de páginas se vuelve más simple y eficaz cuando seguimos el flujo recomendado: comenzando por el desktop, organizando el mobile y cuidando las ediciones de manera cuidadosa.

Si sigues estas orientaciones, ¡estarás en el camino correcto para crear páginas profesionales y optimizadas, listas para alcanzar al público de forma eficiente en cualquier dispositivo!