---
title: Modificar sección destacada página inicio
description: "**Modificar sección destacada página inicio** Revisamos la sección destacada que va ser modificada. ![Ypsilon-seccion-destacada](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-destacada.png) **Figura 1.0 Sección destacada.**   Se debe crear una **Imagen de fondo**con las siguientes dimensiones: - Ancho:              674 px - Alto:           …"
url: "https://sisfel.net/documentacion/modificar-seccion-destacada-pagina-inicio/"
updated: "2023-03-03"
category: Ypsilon Guía
---

# Modificar sección destacada página inicio

**Modificar sección destacada página inicio**

Revisamos la sección destacada que va ser modificada.

![Ypsilon-seccion-destacada](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-destacada.png)
**Figura 1.0 Sección destacada.**

 

Se debe crear una **Imagen de fondo**con las siguientes dimensiones:

- Ancho:              674 px
- Alto:                  471 px

![ypsilon-fondo-amarillo](https://sisfel.net/wp-content/uploads/2023/02/ypsilon-fondo-amarillo.png)
**Figura 2.0 Imagen de fondo.**

 

Se debe crear una **Imagen de la sección destacada**con las siguientes dimensiones:

- Ancho:              286 px
- Alto:                  262 px

![ypsilon-banner-pallet-antiderrame](https://sisfel.net/wp-content/uploads/2023/02/ypsilon-banner-pallet-antiderrame.png)
**Figura 3.0 Imagen de la sección.**

 

Seleccionamos la opción en el menú como se visualiza en la **Figura 4.0**.

**Páginas > Todas las páginas**

![menu-paginas-todas-las-paginas](https://sisfel.net/wp-content/uploads/2023/02/menu-paginas-todas-las-paginas.png)
**Figura 4.0  Todas las páginas**

 

Buscamos la página **Inicio** donde esta la sección destacados que va ser  modificada de la **Figura 1.0**dar click en la opción **Edit with WPBakery Page Builder**para modificar el contenido de la sección destacados.

![pagina-inicio-seccion-destacado](https://sisfel.net/wp-content/uploads/2023/02/pagina-inicio-seccion-destacado.png)
**Figura 5.0 Dar click en la opción Edit with WPBakery Page Builder.**

 

Podemos modificar el botón **NUEVO!**, el título **PALLET** y el subtitulo **ANTIDERRAME,**cuando nos posicionamos sobre uno de ellos  en el recuadro de la opción **Heading** y posteriormente damos click en el botón del icono del **lápiz (Editar Heading)** como se visualiza en la **Figura 6.0**.

![Ypsilon-seccion-uno-destacada](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada.png)
**Figura 6.0 Dar click en la opción Editar Heading.**

Cambios el contenido del botón **NUEVO!** y el enlace debe hacer referencia a la categoría del producto de la sección, como se visualiza en  la**Figura 7.0.**

![Ypsilon-seccion-uno-destacada-editar-contenido](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-contenido.png)
**Figura 7.0 Dar click en la opción del botón Guardar Cambios.**

 

Cambiar el link del botón **Comprar ahora**para que redireccione a la página del enlace como se visualiza en la **Figura 8.0.**

![Ypsilon-seccion-uno-destacada-editar-boton](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-boton.png)
**Figura 8.0 Dar click en la opción del botón Editar Button.**

 

Cambiamos el link del botón como se visualiza en la **Figura 9.0.**

![Ypsilon-seccion-uno-destacada-editar-boton-enlace](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-boton-enlace.png)
**Figura 9.0 Dar click en la opción del botón Guardar Cambios **

 

Para cambiar le fondo de la sección e imagen dar click en la opción **Editar Banner** como se visualiza en la **Figura 10.0.**

![Ypsilon-seccion-uno-destacada-editar-banner](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-banner.png)
**Figura 10.0 Dar click en la opción Editar Banner. **

 

Para cambiar el fondo del banner de la sección debemos eliminar el **Background image** y agregar la nueva imagen que tiene las dimenciones de la **Figura 2.0** que fue creada anteriormente, como se visualiza en la **Figura 11.0.**

![Ypsilon-seccion-uno-destacada-editar-fondo-banner](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-fondo-banner.png)
**Figura 11.0 Dar click en la opción Guardar Cambios. **

 

Para cambiar la imagen del banner de la sección debemos eliminar el **Banner image** y agregar la nueva imagen que tiene las dimenciones de la **Figura 3.0** que fue creada anteriormente, como se visualiza en la **Figura 12.0.**

![Ypsilon-seccion-uno-destacada-editar-imagen-banner](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-editar-imagen-banner.png)
**Figura 12.0 Dar click en la opción Guardar Cambios. **

 

Una vez realizado todos los cambios en la sección destacados damos click en el botón actualizar como se visualiza en la **Figura 13.0**.

![Ypsilon-seccion-uno-destacada-actualizar-banner](https://sisfel.net/wp-content/uploads/2023/02/Ypsilon-seccion-uno-destacada-actualizar-banner.png)
**Figura 13.0 Actualizar Sección Banner destacados.**

De esta forma se guarda todo el contenido de la sección de destacados que se esta modificando.