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
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/dervismartinez/popup-simple-para-wordpress/archive/refs/heads/main.zip

Readme

📦 Popup Simple

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:

Read the full README on GitHub →