El editor de arrastrar y soltar para tu sitio de alquiler

1. Tamaño de vista previa y página en vivo

   Cambia la vista previa entre escritorio (1280 px) y teléfono (390 px). La flecha circular recarga la vista previa, y Abrir página muestra tu sitio público en una nueva pestaña con el último diseño guardado.

2. Deshacer, rehacer y restaurar

   Deshacer y rehacer paso a paso a través de tus cambios no guardados; Ctrl o Cmd+Z y Ctrl o Cmd+Shift+Z también funcionan. El ícono justo antes de Deshacer restaura el diseño guardado previamente, por ejemplo, después de aplicar una plantilla; presionarlo nuevamente vuelve atrás.

3. Guardar y publicar

   Tus ediciones solo aparecen en esta vista previa hasta que presiones Guardar; luego se publican en tu sitio. Un punto en el botón significa cambios no guardados, y tu navegador te advierte antes de que salgas. En una página personalizada, Guardar almacena las secciones de esa página.

4. Vista previa en vivo

   Tu sitio como lo verán los visitantes, actualizado a medida que editas. Haz clic en un elemento para saltar a su configuración. En modo Constructor de Secciones, pasa el cursor sobre una sección para ver una pequeña barra de herramientas para mover, ocultar o editar, y utiliza las barras más entre secciones para insertar una nueva.

5. Panel de configuración

   Muestra las opciones de la pestaña seleccionada en el riel de íconos a su derecha. El último botón en la barra superior oculta o muestra este panel para dar más espacio a la vista previa.

6. Elige qué editar

   Cambia entre la tienda principal y tus páginas personalizadas. En una página personalizada, solo editas sus secciones; el tema, menú, tipografía y SEO son globales y se editan en la tienda principal.

7. Lista de secciones

   Las secciones de la página en orden. Haz clic en una para editarla; arrástrala o usa las flechas para reordenar, el ojo para ocultarla y la papelera para eliminarla. Agregar sección abre la galería de secciones; una página puede contener hasta 30 secciones.

8. Configuración de sección

   Los campos de la sección seleccionada, como textos, imágenes, opciones de diseño y estilo, dependiendo de su tipo. Los textos pueden ser traducidos a los idiomas de tu sitio. Hacer clic en este panel desplaza la vista previa a esa sección.

9. Traducir todo el contenido

   Traduce todo el texto de contenido a los idiomas activos de tu sitio de una vez, utilizando créditos de IA. Sin créditos, aún puedes ingresar las traducciones manualmente en la misma ventana.

10. Contenido del tema

    Edita los textos e imágenes de cada bloque de tema listo; el bloque en el que haces clic en la vista previa se resalta aquí. Los textos se pueden ingresar por idioma, y un campo vacío vuelve al valor predeterminado del tema.

11. Bloques del tema

    Reordena los bloques del tema con las flechas y muéstralos u ocúltalos con el ojo; un bloque oculto se elimina de la página. Agregar bloque inserta un bloque extra, marcado con un signo más, que puedes configurar o eliminar.

12. Modo de visualización

    Tema Listo muestra el diseño propio del tema elegido y te permite editar su contenido. Constructor de Secciones utiliza tu propia disposición de secciones. Mover a secciones copia el diseño del tema en secciones editables, después de que confirmes; el estado anterior se respalda.

13. Tema

    Elige el tema listo que establece el aspecto general de tu sitio y, en modo Tema Listo, su diseño. Presiona Guardar para publicar el cambio.

14. Kit de apariencia

    Una capa visual sobre el tema que cambia el estilo de tarjetas, botones y superficies sin tocar tu contenido.

15. Paleta de colores

    Establece colores de fondo, superficie, texto, borde y marca por separado para modo claro y oscuro, o comienza desde un preestablecido. Aparece una advertencia cuando el contraste del texto es demasiado bajo para leer cómodamente.