Documentación / Diseño

Componentes

Un componente es un bloque que puedes reutilizar. Cámbialo una vez y todas las copias sincronizadas se actualizan, o insértalo como un punto de partida independiente.

Actualizado el

Usa componentes para las cosas que se repiten: una cabecera, un pie de página, una llamada a la acción, una tarjeta de testimonio, una tabla de precios.

Crear un componente

  1. Selecciona un solo bloque. Puede contener otros bloques dentro, como una sección entera o una tarjeta.

  2. Abre el menú de acciones del bloque y elige Crear componente.

  3. Ponle un nombre.

  4. Decide si debe sincronizarse.

El componente se guarda en el proyecto y aparece en el menú de barra bajo Componentes.

Un componente debe partir de un solo bloque. Si necesitas que varios bloques separados viajen juntos, agrúpalos primero.

Componentes sincronizados

Un componente sincronizado sigue ligado a su origen. Cuando editas una instancia, todas las demás también cambian.

Es la opción correcta para:

  • Una cabecera o un pie de página que se usan en muchas páginas.

  • Una llamada a la acción que debe mantenerse coherente.

  • Un diseño de tarjeta que se usa en varios sitios.

Si quieres que una instancia sea distinta, no la edites sobre la marcha. Crea un componente aparte o usa una copia no sincronizada.

Componentes no sincronizados

Un componente no sincronizado es un punto de partida reutilizable. Cada vez que lo insertas, obtienes una copia independiente que puedes editar con libertad.

Esto es útil para:

  • Un diseño de tarjeta que quieres reutilizar con pequeños cambios.

  • Una sección desde la que sueles partir pero que rara vez dejas idéntica.

  • Un diseño que quieres adaptar página a página.

Las inserciones posteriores siguen partiendo del componente guardado, así que actualizar el origen cambia las copias futuras, no las que ya has colocado.

Insertar un componente

Escribe / en una línea vacía y abre el grupo Componentes. Elige el componente.

Puedes colocar un componente dentro de una página, una sección, una columna u otro componente.

Editar un componente

Haz doble clic en una instancia de un componente sincronizado para editar su origen. El editor abre el componente por separado, con las mismas herramientas que una página.

Cuando lo cierras, todas las instancias se actualizan en la copia de trabajo. Publica el sitio para llevar el cambio al entorno en vivo.

Componentes y páginas

Un componente pertenece al proyecto, no a una página. La misma cabecera puede aparecer en todas las páginas, y editarla una vez las actualiza todas.

Si borras un componente, las instancias que todavía apuntan a él aparecen como faltantes. Quita o sustituye esas instancias antes de borrar el origen.

Componentes y traducciones

Los componentes se pueden traducir como las páginas. La estructura se comparte entre idiomas y el texto se traduce en el área de Traducciones.

Lee Traducciones para el flujo de trabajo.

Cuándo no usar un componente

No uses un componente para algo que aparece una sola vez. Un bloque normal es más fácil de editar.

No uses un componente sincronizado para contenido que debe ser distinto en cada página. Usa una copia no sincronizada o un repetidor.

No anides un componente dentro de sí mismo. Remake evita las referencias circulares, pero el resultado es confuso de editar.

Una receta sencilla para empezar

Para una cabecera del sitio:

  1. Construye la cabecera en la página de inicio: logo, menú y una llamada a la acción.

  2. Selecciona el bloque de la cabecera entero.

  3. Crea un componente sincronizado llamado «Cabecera».

  4. Insértalo en las demás páginas.

  5. Edita el componente de cabecera cuando necesites cambiar la navegación.

Después comprueba el menú en el móvil, donde puede plegarse o cambiar de diseño.

Remake

Un creador de sitios web que funciona como un documento. CMS, formularios y alojamiento en la UE incluidos.

© 2026 Remake. Todos los derechos reservados.