---
title: "Configurar y diseñar la Home de tu app"
description: "Tu página de inicio es la primera página que se muestra en tu aplicación después de la pantalla de lanzamiento.  En esta página, puedes resaltar automáticamente"
canonical_url: "https://es.goodbarber.com/help/personalizar-la-navegacion-el-inicio-y-el-encabezado-r88/configurar-y-disenar-la-home-de-tu-app-a250/"
lang: es
---

# Configurar y diseñar la Home de tu app

Source: https://es.goodbarber.com/help/personalizar-la-navegacion-el-inicio-y-el-encabezado-r88/configurar-y-disenar-la-home-de-tu-app-a250/

**Tu página de inicio es la primera página que se muestra en tu aplicación después de la pantalla de lanzamiento.**
En esta página, puedes resaltar automáticamente el contenido de otras páginas, agregar llamadas a la acción, insertar enlaces útiles y más.
Construye tu Home con widgets.

Por defecto, tu aplicación está precargada con widgets de diferentes tipos .

## 1. Configura tu página Inicio

1. Ve al menú **Mi App > Estructura > Secciones**
2. Haz clic en **Inicio** en el panel derecho
La columna derecha muestra una lista de los widgets de tu página de inicio.

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034916-27892063.jpg?v=1784217082.525893)

## 2. La lista de widgets

- Haz clic en el "**+**" verde para agregar un widget

Pasa el mouse sobre el widget para mostrar las siguientes acciones:
- Haz clic en la **papelera roja** para eliminar un widget
- Selecciona las**flechas arriba/abajo** para ordenar widgets arrastrando y soltando
- Usa el botón **ON / OFF** para ocultar el widget sin eliminarlo
- Haz clic en el botón "**Editar**" para configurar el widget
- Haz clic en "**Duplicar**" para duplicar un widget existente

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034916-27892064.jpg?v=1784217082.537893)

## 3. Añade un Widget

1. Haz clic en el botón verde "**+**"
2. Selecciona qué tipo de widget deseas
3. Configura tu widget

***Nota**: Si agregas o eliminas una sección, automáticamente agregarás/eliminarás el widget en la página de inicio.*

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034916-27892065.jpg?v=1784217082.545893)

Puedes añadir hasta **20 widgets** en tu home.

## 4. Metaetiqueta de la página de inicio - PWA SEO

Los motores de búsqueda agregan la información contenida en las [etiquetas META](https://es.goodbarber.com/help/optimizar-el-posicionamiento-seo-de-la-pwa-r105/configurar-las-etiquetas-meta-para-el-seo-de-la-pwa-a266/) a sus índices, pero también se utilizan para mostrar los resultados de búsqueda relacionados con tu Progressive Web App (PWA)

Para personalizar tu meta título y meta descripción de tu página de inicio:

1. Ve al menú **Mi App > Estructura > Secciones**
2. Haz clic en los 3 puntos al lado de su página de inicio
3. Selecciona "**Configuración**"
4. Desplázate hacia abajo en el panel derecho hasta el bloque Optimización del motor de búsqueda.
Completa*:
- **El campo Meta título**
- **El campo Meta Descripción**
5. Previsualiza el resultado del motor de búsqueda
6. Haz clic en "**Guardar**"

** Si no completas estos campos, se utilizarán las Metaetiquetas predeterminadas de tu aplicación.*

![](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034916-28308066.jpg?v=1784217082.553893)

## 5. Deshabilitar la página Home

1. Ve al menú **Mi App > Estructura > Secciones**
2. Haz clic en los 3 puntos y luego en "**Configuración**" en la columna derecha de tu back office
3. Desactiva el botón "**Mostrar la sección**"
*Si no se muestra la página de inicio, la primera sección de la lista de contenido se mostrará primero en la aplicación.*