Filter & Search PRO plugin for WordPress with Gutenberg Block Editor


How to Add Forms

Find the Block on Post or Page Edit Screen

Type ‘/filter’ on the edit screen and the VK Filter Search Block will appear in the suggested list.

STEP
1

Preset Blocks to be inserted

Selecting “VK Filter Search Pro” from the suggested list inserts several preset filter search blocks into the edit area.

Taxonomy Search Pro Block (Set to Category) / Taxonomy Search Pro Block (Set to Tag) / Keyword Search Pro Block / Search Button Block will be inserted as preset blocks.

STEP
2

Customise the Search Form Settings

With “VK Filter Search Pro” selected, set up the basic form settings from the Block Settings on the right.
The following four settings are available:

  1. Target of Post Type: You can set the post types to be filtered by using the pull-down menu, such as post, fixed page, custom post type, etc.
  2. Display this form on search result page: Turn ON to display the search form on the search result page.
  3. Display on post type archive: Checked post types will display a search form at the top of the archive page.
  4. Submit Button Settings: You can edit the text and styles of the form submit button.
STEP
3

Customise the inner block layout

Inner blocks can be freely added, deleted, and rearranged.

Add block

Remove block

Move block

STEP
4

Customise the settings for each inner block

You can change the setting of the block (e.g. the taxonomy to target, the order of the blocks).

The following six useful inner blocks are available:

Pro Version Has a Wide Range of Features!

STEP
5

[ for FSE Block Theme only ]
Add “Search Result Form” to the template if necessary

Available in FSE-compliant Block Themes. Additional configuration is required if necessary. Please follow the alert message in red to configure.

STEP
6

PAGE TOP