# Contenido web

Use el contenido web para mostrar un mensaje en su sitio, por ejemplo, una oferta, un anuncio o un tour del producto. Elija una plantilla de inicio, edítela en el editor y adjúntela a una [campaña web](/es/product/messaging-channels/web-popups/create-web-popups-campaigns/). Para recoger direcciones de correo electrónico o respuestas de los visitantes, cree un [formulario web](/es/product/content/web-popup-content/web-forms/) en su lugar.

<span id="start-from-a-template" />

## Empezar desde una plantilla

1. Vaya a **Contenido → Contenido web**.
2. Haga clic en **Crear** y elija el tipo **Contenido web**.
3. Elija una plantilla de inicio de la galería.
   - Use el menú desplegable de categorías en la parte superior derecha para filtrar por caso de uso (por ejemplo, **Promociones y ofertas**, **Juegos y marketplaces** o **Comentarios y encuestas**), o déjelo en **Todas las plantillas**.
   - Para empezar desde un diseño mínimo, abra **Diseños en blanco**.
   - Cada categoría y plantilla se describe en [Galería de plantillas de contenido web](/es/product/content/web-popup-content/web-content-templates/).

   <img src="/content-web-popups-content-1.webp" alt="Galería de plantillas de pop-up web con un filtro de categoría, que muestra plantillas de inicio de modal, imagen, barra inferior, panel lateral y tour de producto de varias páginas con ilustraciones reales"/>

4. [Cree el contenido](#build-the-content) en el editor.

<span id="name-the-popup" />
### Nombrar el contenido

Haga clic en el nombre del contenido en la barra superior para editarlo. El nombre identifica este contenido dentro de Pushwoosh, en la lista de contenido y en el asistente de campaña. Los visitantes del sitio web no lo ven.

<span id="build-the-content" />

## Crear el contenido

<span id="undo-and-redo" />
<Aside type="tip" title="Deshacer y rehacer">
- **Cmd/Ctrl+Z:** deshacer.
- **Cmd/Ctrl+Shift+Z:** rehacer (Windows/Linux también aceptan Ctrl+Y).

Cmd+Y está reservado por el navegador, por lo que rehacer en Mac solo responde a Cmd+Shift+Z. Mientras un campo de texto tiene el foco, los atajos deshacen o rehacen los cambios en ese campo.
</Aside>

1. Abra la pestaña **Elements** a la derecha. Arrastre un bloque al contenido o haga clic en él para añadirlo a la página. Consulte [Bloques](/es/product/content/web-popup-content/blocks/) para conocer todos los bloques.
2. Seleccione un bloque en el contenido. Establezca sus opciones o su posición, o elimínelo, en la pestaña **Settings**.
3. Para cambiar el aspecto y la ubicación del contenido completo en la página, use **Configuración del pop-up** a la izquierda: medios, tamaño, colores y [tema oscuro](/es/product/content/web-popup-content/popup-settings/#dark-mode). Consulte [Configuración de pop-ups web](/es/product/content/web-popup-content/popup-settings/).
4. Para añadir más páginas, consulte [Varias páginas](/es/product/content/web-popup-content/multi-page/).

<span id="save-the-content" />

## Guardar el contenido

1. Abra la **Vista previa** para comprobar el contenido a tamaño completo.
2. Si el tema oscuro está activado, use el interruptor de sol/luna junto a **Cerrar vista previa** para comprobar ambas paletas. Consulte [Modo oscuro](/es/product/content/web-popup-content/popup-settings/#dark-mode).
3. Revise las imágenes, el video y las acciones de los botones.
4. Use **Cerrar vista previa (Esc)** para volver al editor.
5. Haga clic en **Guardar** en la barra superior.

<Aside type="note">
Guardar el contenido no lo muestra en su sitio. El contenido aparece en el sitio solo después de que lo seleccione en una campaña web y lance la campaña.
</Aside>