Title: SearchWP Modal Search Form Author: Syed Balkhi Published: 26 de junio de 2019 Last modified: 15 de diciembre de 2025 --- Buscar plugins ![](https://ps.w.org/searchwp-modal-search-form/assets/banner-772x250.png?rev=2149619) ![](https://ps.w.org/searchwp-modal-search-form/assets/icon-256x256.png?rev=2149619) # SearchWP Modal Search Form Por [Syed Balkhi](https://profiles.wordpress.org/smub/) [Descargar](https://downloads.wordpress.org/plugin/searchwp-modal-search-form.0.5.7.zip) * [Detalles](https://es.wordpress.org/plugins/searchwp-modal-search-form/#description) * [Valoraciones](https://es.wordpress.org/plugins/searchwp-modal-search-form/#reviews) * [Instalación](https://es.wordpress.org/plugins/searchwp-modal-search-form/#installation) * [Desarrollo](https://es.wordpress.org/plugins/searchwp-modal-search-form/#developers) [Soporte](https://wordpress.org/support/plugin/searchwp-modal-search-form/) ## Descripción Utiliza SearchWP Modal Search Form para integrar fácilmente un formulario modal de búsqueda accesible y ligero en tu sitio WordPress. SearchWP Modal Search Form** no necesita tener [SearchWP](https://searchwp.com/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform)**,¡ pero lo utilizará si está instalado y activado! 👍 Además de la información disponible en este `README`, también hay disponible [documentación completa](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform). ### ¿Qué lo diferencia de otras modales? La filosofía detrás de SearchWP Modal Search Form es facilitar la implementación de formularios de búsqueda modal accesibles y ligeros, pero quizás aún más importante es hacer que sea una gran experiencia para el desarrollador (y el usuario). El formulario modal de búsqueda de SearchWP se integra directamente con WordPress en la forma en que lo utilizas, y el tema predeterminado del formulario modal se basa en los estilos establecidos por tu tema activo, reduciendo al mínimo la sobrecarga. También incorpora un cargador de plantillas completo, que te permite _personalizar completamente_ SearchWP Modal Search Form con las mínimas molestias. Echa un vistazo a la [plantilla por defecto](https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php) para ver un ejemplo de lo fácil que es personalizarla 🤓 ### Añadir formularios modales a tu sitio web SearchWP Modal Search Form facilita la implementación de formularios modales de búsqueda en cualquier parte de tu sitio WordPress. Los siguientes métodos están integrados y disponibles para ti: 1. Como [elemento del menú](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item) 2. Utilizando un [shortcode](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode) 3. Como [bloque de Gutenberg](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block) 4. Dentro de tu plantilla o plantillas [mediante programación](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code) ### Personalización de plantillas El formulario de búsqueda modal de SearchWP integra un cargador de plantillas adecuado para mostrar formularios de búsqueda en cualquier número de plantillas, lo que te permite _personalizar completamente_ el aspecto de la modal por plantilla. La forma más sencilla de crear una plantilla personalizada es la siguiente: 1. Crea una carpeta llamada `searchwp-modal-form` dentro de tu tema 2. Crea un archivo dentro de esa carpeta llamado `template.php` (o cualquier nombre que termine en `.php`) 3. Copia el contenido de la [plantilla por defecto](https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php) en ese archivo 4. Personalizar el valor `del nombre del formulario modal de SearchWP` en el bloque de comentarios del encabezado 5. Realiza cualquier otra personalización que desees en el marcado/estilo, prestando atención a la documentación. Hay eventos (jQuery) que se disparan cuando se abren y cierran las modales. jQuery _no es_ una dependencia, pero si jQuery está cargado los eventos se dispararán. ``` // Add a callback when a modal is opened: jQuery('body').on('searchwpModalOnShow', function(e) { // Focus an input in the template. e.el.find('input').focus(); }); // Add a callback when a modal is closed: jQuery('body').on('searchwpModalOnClose', function(e) { alert('Modal closed!'); }); ``` Consulta la [documentación completa de la plantilla](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates) para obtener información más detallada. ## Capturas [⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉[ El formulario modal de búsqueda de SearchWP se adapta a tu tema [⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉[ El formulario modal de búsqueda de SearchWP se adapta a tu tema [⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉⌊El formulario modal de búsqueda de SearchWP se adapta a tu tema⌉[ El formulario modal de búsqueda de SearchWP se adapta a tu tema [⌊Inserta activadores de modales directamente en tus menús⌉⌊Inserta activadores de modales directamente en tus menús⌉[ Inserta activadores de modales directamente en tus menús [⌊Insertar activadores modales como bloques de Gutenberg⌉⌊Insertar activadores modales como bloques de Gutenberg⌉[ Insertar activadores modales como bloques de Gutenberg ## Bloques Este plugin proporciona 1 bloque. * SearchWP Modal Form Insert a modal search form ## Instalación SearchWP Modal Search Form se instala como todos los plugins de WordPress. Puedes instalar este plugin utilizando la opción `Plugins > Añadir nuevo` del menú lateral de tu escritorio de WordPress y buscando `SearchWP Modal Search Form`. También puedes instalar manualmente el plugin: 1. Descarga el plugin y extrae los archivos 2. Sube la carpeta `searchwp-modal-form` a tu directorio `~/wp-content/plugins/` 3. Activa el plugin desde el menú «Plugins» de WordPress 4. Añade uno o varios formularios modales utilizando los métodos disponibles ## FAQ ### ¿Hay documentación? ¡Por supuesto! [Ver la documentación completa](https://searchwp.com/extensions/modal-form/) ### ¿Cómo añado un formulario modal a mi sitio web? Hay varias formas de añadir activadores de formularios modales a tu sitio. Puedes añadir tantos como quieras donde quieras: 1. Como [elemento del menú](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item) 2. Utilizando un [shortcode](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode) 3. Como [bloque de Gutenberg](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block) 4. Dentro de tu plantilla o plantillas [mediante programación](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code) ### ¿Cómo personalizo la modal? Consulta la [documentación completa de plantillas](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates) para obtener información detallada. ## Reseñas ![](https://secure.gravatar.com/avatar/7eaf8af4da7d2b0102453ac3e96580dd236994d998e236f54e33fd7c1fb90d84? s=60&d=retro&r=g) ### 󠀁[Great support](https://wordpress.org/support/topic/great-support-4987/)󠁿 [Bob](https://profiles.wordpress.org/prasunsen/) 6 de julio de 2023 Very helpful support, thanks for everything that you do! ![](https://secure.gravatar.com/avatar/d9d94572a269fd74e0a1458c8388cb68eef1000f9a89c19d148f30557612fa71? s=60&d=retro&r=g) ### 󠀁[Excellent Word Press Search Plugin](https://wordpress.org/support/topic/excellent-word-press-search-plugin/)󠁿 [commexjimmy](https://profiles.wordpress.org/commejimmy/) 18 de octubre de 2022 I have used this plugin on all my websites and it works great. Simple install and set-up. I even have it on the top right corner of my website and as a menu item so mobile users can easily access it. I highly recommend this plugin. Great job programmer's! ![](https://secure.gravatar.com/avatar/9b18528d5ba0272ce5bc172aeb43606271a1404e815ae63cb1d32a8b10c01381? s=60&d=retro&r=g) ### 󠀁[Perfect!! Exactly what I was looking for!](https://wordpress.org/support/topic/perfect-exactly-what-i-was-looking-for-8/)󠁿 [SunnyDay](https://profiles.wordpress.org/reallycoolgardenstuff/) 24 de mayo de 2022 Very easy to install. Does exactly what it needs to. Thank you! ![](https://secure.gravatar.com/avatar/1fa392a47e8fbda7f82912b29de3099cfa9e2e752d1f16cbac897837c3473999? s=60&d=retro&r=g) ### 󠀁[Simple and just working](https://wordpress.org/support/topic/simple-and-just-working/)󠁿 [kayamurer](https://profiles.wordpress.org/kayamurer/) 17 de enero de 2020 The plugin works exactly as expected. The support is great and very friendly. ![](https://secure.gravatar.com/avatar/a5582a57c02416db39e38e51c5fe6d2a48d29d009a519d6bab8e6f945de4c111? s=60&d=retro&r=g) ### 󠀁[Great plugin, great support!](https://wordpress.org/support/topic/great-plugin-great-support-1060/)󠁿 [Andy Smith](https://profiles.wordpress.org/andy-smith/) 30 de agosto de 2019 Had one minor (if a little strange) issue, but it was fixed within a few hours. Works really well. ![](https://secure.gravatar.com/avatar/56b4fe1bec55b6579107ccbb475a73e0bc088d8490027962ade4dd3ca03c1657? s=60&d=retro&r=g) ### 󠀁[If this developer makes a search plugin use it](https://wordpress.org/support/topic/if-this-developer-makes-a-search-plugin-use-it/)󠁿 [mimmt](https://profiles.wordpress.org/mimmt/) 26 de junio de 2019 1 respuesta Massive fan of SearchWP so I wound not expect anything other than a brilliant plugin that I'm sure I'll use on many projects. [ Leer todas las 6 reseñas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/) ## Colaboradores y desarrolladores «SearchWP Modal Search Form» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ Syed Balkhi ](https://profiles.wordpress.org/smub/) * [ Jon Christopher ](https://profiles.wordpress.org/jchristopher/) * [ Pavlo ](https://profiles.wordpress.org/pavloopanasenko/) «SearchWP Modal Search Form» está traducido en 1 idioma. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form/contributors) por sus contribuciones. [Traduce «SearchWP Modal Search Form» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/searchwp-modal-search-form/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/searchwp-modal-search-form/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/searchwp-modal-search-form/) por [RSS](https://plugins.trac.wordpress.org/log/searchwp-modal-search-form/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios _0.5.7_ – WordPress 6.9 compatibility. _0.5.6_ – Adds an option to display the Search Modal trigger as an icon. – Adds an option to select a SearchWP form to use in the modal if SearchWP is active. – Minor UI improvements. – Drops SearchWP 3.x support. _0.5.5_ – Fixes settings page appearance and menu structure when SearchWP Live Search is active. _0.5.4_ – Fixes Settings link location in the plugins list when SearchWP is activated.– Fixes Modal breaks emojis in menu items. _0.5.3_ – Corrección: Corrige el error «Llamada a método no definido» que aparece en algunos temas. _0.5.2_ – Corrección: avisos de obsoletos en PHP 8.2. – Mejora la semántica de las etiquetas HTML de la plantilla por defecto. – Corrige el error al añadir un bloque Modal Form Gutenberg a la página. – Cambia la apariencia de la página de configuración y la estructura del menú para que funcione sin problemas con la versión actual de SearchWP. _0.5.1_ – Añade un sistema de avisos dentro del plugin para recibir las últimas actualizaciones de SearchWP. _0.5.0_ – Añade una nueva página de administración Ajustes para controlar más fácilmente el comportamiento del plugin. _0.4.1_ – Compatibilidad con PHP 8 _0.4.0_ – Corrige un problema con la codificación de caracteres en algunos casos– Actualiza las dependencias – Actualiza el bundler y los comandos NPM asociados _0.3.4_ – Corrección: Error al usar SearchWP 4 _0.3.3_ – Corrección: Error en algunos casos introducido en 0.3.2 _0.3.2_ – Compatibilidad con SearchWP 4.0 (cuando esté disponible) – Corrección de un problema con la salida HTML de los elementos del menú _0.3.1_ – Elimina la cola de hojas de estilo no utilizadas – Actualiza las dependencias _0.3_ – Actualiza las dependencias – Añade eventos jQuery cuando se abren y cierran los modales _0.2.3_ – Corrige la regresión introducida en la 0.2.2 que impedía la búsqueda con la tecla Intro _0.2.2_ – Corrige un problema con el activador modal que no funcionaba en algunos casos _0.2.1_ – Corrige el rref fatal de contexto de `$this` _0.2_ – Añade compatibilidad con el argumento `class` – Corrige un problema con el tipo `button` _0.1_ Versión inicial ## Meta * Versión **0.5.7** * Última actualización **hace 10 meses** * Instalaciones activas **5.000+** * Versión de WordPress ** 5.0 o superior ** * Probado hasta **6.9.10** * Versión de PHP ** 7.0 o superior ** * Idiomas * [English (US)](https://wordpress.org/plugins/searchwp-modal-search-form/) y [Portuguese (Portugal)](https://pt.wordpress.org/plugins/searchwp-modal-search-form/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form) * Etiquetas: * [form](https://es.wordpress.org/plugins/tags/form/)[modal](https://es.wordpress.org/plugins/tags/modal/) [search](https://es.wordpress.org/plugins/tags/search/)[searchwp](https://es.wordpress.org/plugins/tags/searchwp/) * [Vista avanzada](https://es.wordpress.org/plugins/searchwp-modal-search-form/advanced/) ## Valoraciones 5 de 5 estrellas. * [ 6 valoraciones de 5 estrellas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=5) * [ 0 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=4) * [ 0 valoraciones de 3 estrellas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=3) * [ 0 valoraciones de 2 estrellas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=2) * [ 0 valoraciones de 1 estrellas ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=1) [Tu valoración](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/) ## Colaboradores * [ Syed Balkhi ](https://profiles.wordpress.org/smub/) * [ Jon Christopher ](https://profiles.wordpress.org/jchristopher/) * [ Pavlo ](https://profiles.wordpress.org/pavloopanasenko/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/searchwp-modal-search-form/)