SearchWP Modal Search Form


Use SearchWP Modal Search Form to easily integrate an accessible, lightweight modal search form into your WordPress website! SearchWP Modal Search Form does not require SearchWP but it will utilize SearchWP if it’s installed and activated! 👍

Beyond the information made available in this README there is full documentation available as well.

What makes it different from other modals?

The philosophy behind SearchWP Modal Search Form is to make it easy to implement accessible and lightweight modal search forms but perhaps even more important make it a great developer (and user) experience.

SearchWP Modal Search Form directly integrates with WordPress in the way you use it, and the default modal form theme builds upon the styles put in place by your active theme, making the overhead as small as possible. There’s a full template loader built in as well, allowing you to fully customize your SearchWP Modal Search Form with minimal hassle.

Check out the default template for an example of how easy it is to customize 🤓

Adding modal forms to your site

SearchWP Modal Search Form makes it easy to implement modal search forms anywhere in your WordPress website. The following methods are built in and available to you:

  1. As a Menu Item
  2. Using a Shortcode
  3. As a Gutenberg Block
  4. Within your template(s) programmatically

Template Customization

SearchWP Modal Search Form integrates a proper template loader for displaying search forms in any number of templates, allowing you to fully customize what the modal looks like per template.

The most straightforward way to create a custom template is as follows:

  1. Create a folder named searchwp-modal-form within your theme
  2. Create a file within that folder named template.php (or any name ending in .php)
  3. Copy the contents of the default template into that file
  4. Customize the SearchWP Modal Form Name value in the header comment block
  5. Make any other customizations you\’d like to the markup/style, paying attention to the documentation

There are (jQuery) events that fire when modals are opened and closed. jQuery is not a dependency, but if jQuery is loaded the events will fire.

// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
    // Focus an input in the template.

// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
    alert('Modal closed!');

Please review the full template documentation for more detailed information.


  • SearchWP Modal Search Form adapts to your theme
  • SearchWP Modal Search Form adapts to your theme
  • SearchWP Modal Search Form adapts to your theme
  • Insert modal triggers directly within your Menus
  • Insert modal triggers as Gutenberg Blocks


이 플러그인은 1(을)를 제공합니다.

  • Modal Form


SearchWP Modal Search Form is installed like all WordPress plugins. You can install this plugin using the Plugins > Add New entry in the Admin Menu when logged into your WordPress Dashboard and searching for SearchWP Modal Search Form.

Alternatively, you can manually install the plugin as well:

  1. Download the plugin and extract the files
  2. Upload the searchwp-modal-form folder to your ~/wp-content/plugins/ directory
  3. Activate the plugin through the \’Plugins\’ menu in WordPress
  4. Add one or more modal form(s) using the available methods



Of course! View full documentation

How do I add a modal form to my website?

There are multiple ways to add modal form triggers to your site. You can add as many as you’d like wherever you’d like:

  1. As a Menu Item
  2. Using a Shortcode
  3. As a Gutenberg Block
  4. Within your template(s) programmatically

How do I customize the modal?

Please review the full template documentation for detailed information.


2022년 10월 18일
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!
모든 5 평가 읽기

기여자 & 개발자

“SearchWP Modal Search Form”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.


“SearchWP Modal Search Form”(이)가 1(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “SearchWP Modal Search Form”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.


– Adds In-plugin notification system to get the latest updates from SearchWP.

– Adds new Settings admin page to control the behavior of the plugin easier.

– PHP 8 compatibility

– Fixes issue with character encoding in some cases
– Updates dependencies
– Updates bundler and associated NPM commands

– Fixes Error when using SearchWP 4

– Fixes Error in some cases introduced in 0.3.2

– SearchWP 4.0 compatibility (when it becomes available)
– Fixes issue with HTML output of Menu items

– Removes unused stylesheet enqueue
– Updates dependencies

– Updates dependencies
– Adds jQuery events when modals open and close

– Fixes regression introduced in 0.2.2 that prevented search with Enter key

– Fixes an issue with modal trigger not working in some cases

– Fixes $this context Fatal error

– Adds support for class argument
– Fixes issue with button type

Initial release