> For the complete documentation index, see [llms.txt](https://3pod.gitbook.io/3pod-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://3pod.gitbook.io/3pod-docs/constructor-de-embudos/guia-de-widgets.md).

# Guía de Widgets

El constructor visual de 3Pod te permite **diseñar embudos de venta y páginas web arrastrando y soltando** bloques llamados *widgets*. Estos widgets están organizados por categorías, lo que hace más fácil encontrar lo que necesitas según tu objetivo: contenido, estructura o conversión.

### 🔹 Categorías de Widgets en 3Pod

Los widgets están organizados en **4 grandes bloques**:

#### 1. **Básico**

Ideal para crear contenido visual y textual en tu página.

* **Encabezado** → Agrega títulos o subtítulos llamativos.
* **Texto** → Bloques de texto plano o enriquecido.
* **Botón** → Para llamadas a la acción (ej. “Comprar ahora”).
* **Imagen** → Inserta imágenes desde tu equipo o URL.
* **Video** → Agrega videos de YouTube, Vimeo u otros.
* **Icono** → Elementos visuales simples que refuerzan tu mensaje.

<figure><img src="/files/lYc9dFZLJGyJCQQ6Ko7w" alt="" width="324"><figcaption></figcaption></figure>

***

#### 2. **Estructura**

Herramientas para organizar el diseño y distribución del contenido.

* **Bloque** → Contenedor general para agrupar otros widgets.
* **Sección** → Crea divisiones en la página para distintos temas.
* **Columna** → Divide el espacio en varias columnas (1, 2 o más).
* **Espaciador** → Añade espacios en blanco entre bloques.
* **Separador** → Línea visual que separa contenido, ideal para claridad.

<figure><img src="/files/EOjVFq6yd2Y6ZakOHjhj" alt="" width="336"><figcaption></figcaption></figure>

***

#### 3. **Leads y Ventas**

Widgets centrados en la **captura de datos y conversión**.

* **Cuestionario** → Ideal para recopilar preferencias, filtros o feedback.
* **Formulario** → Captura datos como nombre, correo, teléfono, etc.
* **Checkout** → Elemento clave para ventas; incluye productos, precios, combos y pago.

<figure><img src="/files/2RAUacHGUIkSfRSCKLtQ" alt="" width="331"><figcaption></figcaption></figure>

***

#### 4. **Otros**

Funcionalidades adicionales que enriquecen la experiencia del usuario.

* **Código** → Inserta código HTML personalizado (ideal para scripts externos).
* **Galería** → Muestra varias imágenes en formato tipo carrusel o cuadrícula.
* **Progreso** → Barra visual que indica el avance dentro de un formulario o funnel.
* **Contador** → Temporizador regresivo para generar urgencia.
* **Acordeón** → Secciones plegables para mostrar contenido organizado por bloques (FAQ, por ejemplo).
* **Redes** → Íconos de redes sociales conectables a tus perfiles (Instagram, Facebook, etc.).

<figure><img src="/files/cFZjafcEoRukBxmv4yTm" alt="" width="333"><figcaption></figcaption></figure>

***

### 🧠 Recomendación de uso

* Usa los **básicos** para construir el cuerpo visual de tu página.
* Usa los **estructurales** para dar orden y claridad al contenido.
* Usa **leads y ventas** para capturar usuarios y generar conversiones.
* Usa los **extras** para sumar dinamismo, personalización o urgencia.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://3pod.gitbook.io/3pod-docs/constructor-de-embudos/guia-de-widgets.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.