WP Manifestindependent plugin directory
manifest / forms / popup-simple-para-wordpress

popup simple

Pop up simple y minimalista para imágenes y formularios de WordPress , creado con ayuda de la IA y Modelado BPMN

by Dervis Martinez · github.com/dervismartinez/popup-simple-para-wordpress

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/dervismartinez/popup-simple-para-wordpress/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/dervismartinez/popup-simple-para-wordpress ↗

Versión: 3.0
Autor: Dervis Martinez Licencia: GPL v2 o posterior
Requiere: WordPress 5.0+ / PHP 7.4+
Idioma: Español (soportado para traducciones)

📌 Descripción

Popup simple es un plugin de WordPress todo-en-uno para crear pop-ups modernos, atractivos y funcionales que combinan imágenes de fondo con formularios de captura de datos totalmente personalizables.

💡 Este plugin ha sido desarrollado con la asistencia de DeepSeek, un modelo de inteligencia artificial de vanguardia, bajo un esquema de trabajo colaborativo e iterativo: definición de requisitos, codificación guiada, pruebas de funcionalidad, correcciones en tiempo real y optimización continua basada en la retroalimentación del usuario. El resultado es una herramienta robusta, segura y lista para producción.

Con este plugin podrás:

  • Mostrar ofertas, promociones o contenido destacado mediante pop-ups visualmente impactantes.
  • Capturar leads con formularios integrados (texto, email, teléfono, textarea, select).
  • Personalizar colores, opacidad, tamaños y disposición sin escribir una línea de código.
  • Gestionar todas las respuestas desde un panel administrativo y exportarlas a CSV con un solo clic.
  • Mantener la experiencia de usuario gracias a animaciones suaves, cierre por clic fuera o tecla ESC, y diseño 100% responsive.

✨ Características principales

Área Funcionalidad
🖼️ Imagen Imagen de fondo opcional (se usa como decoración o como elemento único).
📝 Formulario Campos personalizables mediante formato Etiqueta|tipo|requerido. Tipos soportados: text, email, tel, textarea, select:opcion1,opcion2,....
🎨 Colores Color del overlay (fondo exterior), color de fondo del formulario y color del texto, todos ajustables de forma independiente.
🔍 Opacidad Control de opacidad del overlay (0.1 a 1.0) que no afecta a la imagen (la imagen siempre se muestra al 100%).
📊 Respuestas Almacenamiento en un Custom Post Type dedicado (respuesta_formulario) con todos los campos guardados.
📥 Exportación CSV Botón de exportación que genera un archivo CSV con todas las respuestas (columnas dinámicas según los campos definidos).
⚙️ Gestión Listado de pop-ups con columnas personalizadas (Imagen, Formulario, Estado, Ancho).
📱 Responsive Adaptación automática a móviles, tablets y escritorio (el contenedor ocupa el 95% en móviles).
🔒 Seguridad Nonces, validación de datos, sanitización de entradas y escape de salidas.

📥 Instalación

Método 1: Desde el panel de WordPress (recomendado)

  1. Ve a Plugins > Añadir nuevo.
  2. Busca "Mi Popup Pro" (si está en el repositorio) o sube el archivo ZIP.
  3. Haz clic en Instalar ahora y luego en Activar.

Método 2: Manual (vía FTP)

  1. Sube la carpeta mi-popup-pro a /wp-content/plugins/.
  2. Activa el plugin desde el menú Plugins.

Método 3: Subir ZIP desde el admin

  1. En el panel de WordPress, ve a Plugins > Añadir nuevo > Subir plugin.
  2. Selecciona el archivo ZIP del plugin y haz clic en Instalar ahora.
  3. Activa el plugin.

🚀 Uso rápido (primeros pasos)

  1. Crear un pop-up: ve al menú Popups > Añadir Nuevo.
  2. Completa la configuración básica:
    • Título (identificador interno).
    • Estado: Activo / Inactivo.
    • Imagen (opcional): sube una imagen que será el fondo o el elemento visual del pop-up.
    • Ancho y Alto Máximo (en píxeles).
    • Color del overlay y su opacidad.
    • Enlace (solo si no usas formulario): la imagen se vuelve cliqueable.
  3. Activar el formulario (si lo deseas):
    • Marca la casilla "Mostrar formulario".
    • Define los campos en el área de texto (ver ejemplo más abajo).
    • Elige color de fondo del formulario y color del texto.
    • Escribe un mensaje de éxito personalizado.
  4. Publicar el pop-up.
  5. Ver respuestas: ve al submenú Popups > Respuestas.
  6. Exportar: haz clic en el botón Exportar a CSV para descargar los datos.

📖 Guía de campos del formulario

Cada campo se define en una línea con el formato: