Editar en Diseño
Cambia textos, imágenes, vídeos y bloques directamente sobre tu web, sin tocar código.
En el modo Diseño editas tu web sobre el lienzo, como la verán tus visitas. Cada cambio se guarda solo.
Seleccionar y escribir
- Un clic selecciona un elemento. Sus ajustes aparecen en Propiedades, a la derecha.
- Doble clic sobre un texto te deja escribir encima. Haz clic fuera para terminar.
- Intro dentro de un texto añade un salto de línea.
- Arrastra un elemento seleccionado para moverlo a otro sitio.
Al seleccionar algo aparece una pequeña barra con Seleccionar contenedor, Subir, Bajar, Duplicar y Eliminar.
Atajos: ⌘Z deshace, ⌘D duplica y la tecla de borrar elimina lo seleccionado.
Propiedades
Propiedades agrupa los ajustes en Contenido, Texto, Disposición, Tamaño, Espaciado, Apariencia y Avanzado. Solo ves los que tienen sentido para lo que seleccionaste.
Si vacías un texto desde Propiedades, el elemento se queda. Si terminas de escribir y el texto queda vacío en el lienzo, el elemento se quita.
Añadir elementos y secciones
Abre Añadir en el panel de la izquierda. Hay Elementos sueltos (título, texto, botón, imagen…) y Secciones completas (portada, precios, contacto…).
Arrastra lo que quieras al lienzo o púlsalo para añadirlo. Puedes usar el buscador de arriba.
Imágenes
Con una imagen seleccionada, en Propiedades:
- Elegir de tus imágenes abre tu biblioteca de Medios.
- Imagen (URL) acepta la dirección de una imagen.
- Texto alternativo describe la imagen para quien no la ve.
En un bloque, Imagen de fondo le pone o le quita una foto de fondo. Más en Tus imágenes, fotos de banco y tu logo.
Vídeos
Añade el bloque Vídeo
En Añadir, arrastra Vídeo al lienzo. Verás una caja con ▶.
Pega el enlace
Selecciona el vídeo y pega el enlace en Vídeo (enlace). Sirve el de YouTube, Vimeo, Dailymotion, Loom, Wistia o TikTok.
Pega el enlace de la página del vídeo, el que copias del navegador. Berse lo convierte en un reproductor.
Deshacer
Deshacer y rehacer funcionan por página. Tus pasos se conservan aunque pases por Código o la vista previa, o cambies de página.
Los enlaces no navegan en el lienzo
En Diseño, pulsar un enlace o un botón solo lo selecciona. Es a propósito, para que no salgas de Studio. Para probarlos, usa Preview.
Si otra persona edita la misma página
Si los cambios son en sitios distintos, Studio los combina y verás «Combinamos tus cambios con los de otra persona». Si tocan lo mismo, verás «Esta página cambió mientras la editabas». Elige Usar la versión guardada o Mantener la mía.