---
title: ¿Cómo agregar layouts o diseños preconfigurados a tu página web? | BuilderDuck
description: Descubre cómo crear layouts o diseños preconfigurados a tu página web creada con BuilderDuck.
---

[Ir directamente al contenido](https://help.rentlysoft.com/cómo-agregar-layouts-o-diseños-preconfigurados-a-tu-página-web-builderduck#main-content)

- [Español](https://help.rentlysoft.com/c%C3%B3mo-agregar-layouts-o-dise%C3%B1os-preconfigurados-a-tu-p%C3%A1gina-web-builderduck)
- [English](https://help.rentlysoft.com/en/how-to-add-custom-layouts-to-your-webpage-builderduck)
- [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-agregar-layouts-o-diseños-preconfigurados-a-tu-página-web-builderduck)

Español

Traducciones de Mostrar submenú de

![Rently logo png](https://help.rentlysoft.com/hs-fs/hubfs/Rently%20logo%20png.png?width=150&height=85&name=Rently%20logo%20png.png)

Abrir navegación principal

Cerrar navegación principal

- - [Español](https://help.rentlysoft.com/c%C3%B3mo-agregar-layouts-o-dise%C3%B1os-preconfigurados-a-tu-p%C3%A1gina-web-builderduck)
    - [English](https://help.rentlysoft.com/en/how-to-add-custom-layouts-to-your-webpage-builderduck)
    - [Português - Brasil](https://help.rentlysoft.com/pt-br/cómo-agregar-layouts-o-diseños-preconfigurados-a-tu-página-web-builderduck)

  Español
  
  Traducciones de Mostrar submenú de
- Ir a rentlysoft.com

 Ir a rentlysoft.com

 Todas las soluciones a un click!

- No hay sugerencias porque el campo de búsqueda está vacío.

1. [Rently Centro de Ayuda](https://help.rentlysoft.com/?hsLang=es)
2. [BuilderDuck](https://help.rentlysoft.com/builderduck?hsLang=es)
3. [Edita las páginas de tu sitio web](https://help.rentlysoft.com/builderduck?hsLang=es#edita-las-p%C3%A1ginas-de-tu-sitio-web)

# ¿Cómo agregar layouts o diseños preconfigurados a tu página web? | BuilderDuck

## Descubre cómo crear layouts o diseños preconfigurados a tu página web creada con BuilderDuck.

Cuando hablamos de diseños preconfigurados (layouts), nos referimos a la estructura del sitio web. Estos diseños se componen de **Componentes Compartidos** y **Contenido**.

💡**Componentes Compartidos** son elementos que aparecen en todas las páginas, como el encabezado, pie de página y el encabezado superior.  
​**Contenido** representa el cuerpo principal de cada página.

Con BuilderDuck, puedes personalizar los diseños preconfigurados. Para hacerlo, ve a 'Páginas' en la barra lateral y haz clic en 'Diseño'.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11268175388587c900fb933ab66fb1237befff6BuilderDuck.png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268175388/587c900fb933ab66fb1237befff6/BuilderDuck.png?expires=1737054900&signature=c3d8e47d0e02f1605c9ece7f380349729ae9dd41732ebe29858f08982e9b27f1&req=dSIhHsh5mIJXUfMW1HO4zQOoPS82ThnVNMWW65Yfi6mXhLm2HsJOOfirc8fb%0AiMjkEk6Nx4j2ClhVsZg%3D%0A)

Primero, verás 'Diseño Base' seleccionado por defecto. Puedes modificarlo siguiendo los pasos a continuación, o crear un nuevo menú desde cero haciendo clic en el ícono de más (+) y colocando un nombre para la estructura del menú.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11268178669358240b17da00a6b4f3f5864e193BuilderDuck(1).png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268178669/358240b17da00a6b4f3f5864e193/BuilderDuck%281%29.png?expires=1737054900&signature=84b58a5a5f22a5394a55c3e67c6d2a04c6b43bfba2a2e192760e391ef15ac02a&req=dSIhHsh5lYdZUPMW1HO4zSrTKLdKiISYZnYmgnOgAYCg1g%2FxCh3zEzwC0V%2Bv%0APQg%2F7TQEJkmVEjK9wiI%3D%0A)

💡En ambos casos, ya sea que se modifique un layout o se cree desde cero, los siguientes pasos son los mismos.

Ahí, puedes nombrar el diseño para encontrarlo fácilmente.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11268184893ff39059897ea39854bac56c44335BuilderDuck(3).png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268184893/ff39059897ea39854bac56c44335/BuilderDuck%283%29.png?expires=1737054900&signature=6cbf3084d2ccf12c98f317ed8f8bdacc793536ed89fef7bb4462677d9e6273f2&req=dSIhHsh2mYlWWvMW1HO4zc7Ktmm67dnAXGBBeU8v930hlP4uR7x1hmaScGm9%0AjrQpLS0KzoDTqXovP5w%3D%0A)

En la sección 'Agregar Componentes', encontrarás los Componentes Compartidos creados previamente en tu sitio web. Dado que la versión predeterminada creada en BuilderDuck incluye un encabezado, este aparecerá en la sección 'Componentes Base'.

🔗[***¿Cómo agregar componentes compartidos?***](https://help.rentlysoft.com/c%C3%B3mo-crear-un-componente-compartido-builderduck?hsLang=es)

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc1126818699510668bc87d503007990d040085fcBuilderDuck(5).png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268186995/10668bc87d503007990d040085fc/BuilderDuck%285%29.png?expires=1737054900&signature=be8133cfd96e94e2e3ae6e9c2ec98ae513e6ba62279988469751789c38508cfc&req=dSIhHsh2m4hWXPMW1HO4zU0%2Bd0gQYiQGk7eXTstq7pxtj9aC1cUqG%2FgBWJOI%0A9WnTyJxnBgAPvY8OLrQ%3D%0A)

Para agregar estos componentes a tu diseño, simplemente marca la casilla y haz clic en 'Agregar'.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11268190501aba51f21870af77d2c80581114e5BuilderDuck(41).png)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268190501/aba51f21870af77d2c80581114e5/BuilderDuck%2841%29.png?expires=1737054900&signature=28db231548ef411bfd2a6a70d5f698b669dcadf4398e9fe8746046f4af18b841&req=dSIhHsh3nYRfWPMW1HO4zT1DdjuSGQ%2B5G%2FOrjdpyA409ApL3pVfBWTURnzwW%0Ay1hVnUZhqzh9raGfqGs%3D%0A)

Encontrarás los componentes en la sección 'Estructura del Diseño'. Para cambiar su orden, simplemente haz clic en una etiqueta y arrástrala a la posición deseada.

[![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112681925909fca2a2c03256277a87fa225f2fcBuilderDuck(2).gif)](https://downloads.intercomcdn.com/i/o/fytz9fc1/1268192590/9fca2a2c03256277a87fa225f2fc/BuilderDuck%282%29.gif?expires=1737054900&signature=c89355e619c6129802c7150cd35dd74fe871d7023dbc441bc818ec8e0dd30b7f&req=dSIhHsh3n4RWWfMW1HO4zU2tCRMpC%2FC3f%2Bj8EaTaSdbvYQiAeU1foBuMbu5M%0Af9yvcoxTSwvB9r%2B9ebE%3D%0A)

Finalmente, presiona 'Guardar Cambios.'

💡Puedes crear un diseño sin componentes compartidos ni base simplemente eliminándolos. Solo haz clic en el ícono de la papelera para borrarlos.

 

- [RentlySoft](https://help.rentlysoft.com/rentlysoft?hsLang=es#main-content)

    - [CONFIGURACIÓN DEL SISTEMA](https://help.rentlysoft.com/rentlysoft?hsLang=es#configuraci%C3%B3n-del-sistema)
    - [USUARIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#usuarios)
    - [ROLES](https://help.rentlysoft.com/rentlysoft?hsLang=es#roles)
    - [CONFIGURACIÓN GENERAL](https://help.rentlysoft.com/rentlysoft?hsLang=es#configuraci%C3%B3n-general)
    - [SUCURSALES](https://help.rentlysoft.com/rentlysoft?hsLang=es#sucursales)
    - [AUTOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#autos)
    - [RESERVAS](https://help.rentlysoft.com/rentlysoft?hsLang=es#reservas)
    - [CAJA](https://help.rentlysoft.com/rentlysoft?hsLang=es#caja)
    - [Adicionales](https://help.rentlysoft.com/rentlysoft?hsLang=es#adicionales)
    - [TARIFARIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#tarifarios)
    - [TEMPLATES](https://help.rentlysoft.com/rentlysoft?hsLang=es#templates)
    - [CLIENTES](https://help.rentlysoft.com/rentlysoft?hsLang=es#clientes)
    - [SERVICIOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#servicios)
    - [REPORTES](https://help.rentlysoft.com/rentlysoft?hsLang=es#reportes)
    - [IMPUESTOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#impuestos)
    - [INFRACCIONES](https://help.rentlysoft.com/rentlysoft?hsLang=es#infracciones)
    - [USO DEL SISTEMA](https://help.rentlysoft.com/rentlysoft?hsLang=es#uso-del-sistema)
    - [PAGOS](https://help.rentlysoft.com/rentlysoft?hsLang=es#pagos)
    - [SOBREVENTA](https://help.rentlysoft.com/rentlysoft?hsLang=es#sobreventa)
    - [NOTIFICACIONES AUTOMÁTICAS](https://help.rentlysoft.com/rentlysoft?hsLang=es#notificaciones-autom%C3%A1ticas)
    - [SINIESTROS](https://help.rentlysoft.com/rentlysoft?hsLang=es#siniestros)
    - [SEGURIDAD](https://help.rentlysoft.com/rentlysoft?hsLang=es#seguridad)
    - [AXLE](https://help.rentlysoft.com/rentlysoft?hsLang=es#axle)
    - [Liquidación de agencias](https://help.rentlysoft.com/rentlysoft?hsLang=es#liquidaci%C3%B3n-de-agencias)
- [BuilderDuck](https://help.rentlysoft.com/builderduck?hsLang=es#main-content)

    - [Primeros pasos](https://help.rentlysoft.com/builderduck?hsLang=es#primeros-pasos)
    - [Configura tu kit de marca](https://help.rentlysoft.com/builderduck?hsLang=es#configura-tu-kit-de-marca)
    - [Edita las páginas de tu sitio web](https://help.rentlysoft.com/builderduck?hsLang=es#edita-las-p%C3%A1ginas-de-tu-sitio-web)
    - [SEO](https://help.rentlysoft.com/builderduck?hsLang=es#seo)
    - [Configuración de la Página de Reservas y de la Página de Pagos](https://help.rentlysoft.com/builderduck?hsLang=es#configuraci%C3%B3n-de-la-p%C3%A1gina-de-reservas-y-de-la-p%C3%A1gina-de-pagos)
    - [Blog](https://help.rentlysoft.com/builderduck?hsLang=es#blog)
    - [Configuraciones avanzadas](https://help.rentlysoft.com/builderduck?hsLang=es#configuraciones-avanzadas)
    - [Gestor de archivos](https://help.rentlysoft.com/builderduck?hsLang=es#gestor-de-archivos)
- [App In & Out](https://help.rentlysoft.com/app-in-out?hsLang=es#main-content)

    - [Configuración](https://help.rentlysoft.com/app-in-out?hsLang=es#configuraci%C3%B3n)
- [Integraciones - Brokers](https://help.rentlysoft.com/integraciones-brokers?hsLang=es)
- [Página Web](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#main-content)

    - [SISTEMAS DE PAGO](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#sistemas-de-pago)
    - [Promociones](https://help.rentlysoft.com/p%C3%A1gina-web?hsLang=es#promociones)
- [Newsletters](https://help.rentlysoft.com/newsletters?hsLang=es)
- [ERP - Facturación](https://help.rentlysoft.com/erp-facturaci%C3%B3n?hsLang=es)
- [Payment Gateways](https://help.rentlysoft.com/payment-gateways?hsLang=es)

[![Rently](https://help.rentlysoft.com/hubfs/rently%20logo.svg "Rently")](http://www.rentlysoft.com)

Centro de ayuda rentlysoft.com

Copyright © 2026, Rently Software LLC