> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Mostrar y ocultar elementos con un botón

> Configura botones que revelan u ocultan elementos, secciones, filas o columnas en tus embudos y sitios web.

Con la acción **Ocultar y mostrar elementos** puedes hacer que un botón de tu embudo o sitio web esconda o revele otras partes de la página al hacer clic. Sirve para crear páginas más interactivas y ordenadas: mostrar un formulario solo cuando el visitante lo pide, desplegar detalles de un plan, alternar entre precios mensuales y anuales, o revelar un bono al final de una presentación. Funciona tanto en la vista de computadora como en la de celular.

## Qué puedes ocultar o mostrar

Puedes elegir un elemento, una sección, una fila o una columna. También puedes seleccionar varios a la vez.

> [!NOTE]
>
> Para poder **mostrar** un elemento con un botón, ese elemento primero debe estar **oculto**. Si el desplegable **Mostrar elementos** aparece vacío, es porque todavía no has ocultado ninguno.

## Cómo ocultar elementos al hacer clic

**1. Selecciona el botón**

En el editor, haz clic en el elemento **Botón** que quieres usar.

**2. Ve a las acciones del botón**

En el panel de configuración, dentro de **General**, desplázate hasta **Acciones del botón**. En el desplegable **Enlazar a** (Link To), elige **Ocultar y mostrar elementos**.

**3. Elige qué ocultar**

Haz clic en **Ocultar elementos** y selecciona en la lista los elementos, secciones, filas o columnas que deben desaparecer al hacer clic.

**4. Guarda y prueba**

Haz clic en **Guardar** y luego en **Vista previa** para probar el botón.

## Cómo mostrar elementos al hacer clic

**1. Selecciona el elemento que quieres revelar**

Haz clic en el elemento que debe aparecer después del clic. En su configuración, ve a la pestaña **Estilos** y baja hasta **Visibilidad**.

**2. Ocúltalo en ambas vistas**

Haz clic en los botones de visibilidad de computadora y de celular para ocultarlo. Cuando está oculto, los íconos se ven en gris.

**3. Selecciona el botón**

Haz clic en el elemento **Botón** que revelará el contenido.

**4. Ve a las acciones del botón**

En **General → Acciones del botón**, abre el desplegable **Enlazar a** y elige **Ocultar y mostrar elementos**.

**5. Elige qué mostrar**

Haz clic en **Mostrar elementos**. La lista incluye solo los elementos ocultos de la página. Selecciona los que deben aparecer al hacer clic.

**6. Guarda y prueba**

Haz clic en **Guardar** y usa **Vista previa** para comprobar que funciona.

> [!TIP]
>
> Puedes combinar ambas opciones en el mismo botón: ocultar un bloque y mostrar otro. Así creas, por ejemplo, un selector entre precios mensuales y anuales.

## Cómo editar un elemento oculto

Si ocultaste un elemento en computadora y en celular, ya no lo verás en el lienzo del editor. Puedes encontrarlo desde el panel de **Capas**:

1. **Abre el panel de Capas.** En la parte superior izquierda del editor, haz clic en el ícono de **Capas** (hojas apiladas). Verás la lista de todos los elementos de la página, incluidos los ocultos.
2. **Busca el elemento.** Los elementos ocultos pueden aparecer atenuados o con un ícono de ojo.
3. **Selecciónalo.** Haz clic en su nombre. El elemento se resalta y se abre su configuración.
4. **Recupera su visibilidad.** Con el elemento seleccionado, activa de nuevo la visibilidad (ícono de ojo) para computadora, celular o ambos.

## Preguntas frecuentes

> **El desplegable Mostrar elementos está vacío**
>
> Primero debes ocultar el elemento que quieres revelar. Hazlo desde **Estilos → Visibilidad**, desactivando la vista de computadora y la de celular.

> **¿Puedo mostrar un elemento solo en celular?**
>
> Sí. Oculta el elemento solo en la vista que necesites y configura el botón. La visibilidad se controla por separado para computadora y celular.

> **No encuentro un elemento que oculté**
>
> Búscalo en el panel de **Capas** y vuelve a activar su visibilidad.

## Artículos relacionados

> **[Diseños adaptables a móviles](https://help.chateea.com/docs/sitios/disenos-adaptables-a-moviles.md)**
>
> Ajusta tus páginas para celulares.

> **[Barra lateral del creador](https://help.chateea.com/docs/sitios/barra-lateral-del-creador.md)**
>
> Conoce las herramientas del editor.

> **[Varias ventanas emergentes por página](https://help.chateea.com/docs/sitios/varias-ventanas-emergentes-por-pagina.md)**
>
> Otra forma de mostrar contenido al hacer clic.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.