Stand with Ukraine. Fight for freedom and democracy

Donate
Back to contents

JetSearch: How to Configure Field Key to Search in Custom Fields

In this tutorial, you will find detailed information about the process of setting a field key for searching in custom fields using JetSearch functionality.

Tutorial requirements:

Table of Contents:

With the JetSearch AJAX Search block/widget, you can customize the search results by setting search in specific meta fields. It allows searching only in particular custom fields easily.

We will present an example based on a travel website, where we want to add a search by a particular custom field in tours.

Setting Search in Custom Fields

First, we created the Tour custom post type and added necessary custom fields, one of which is the Destination. Then, we attached different tours and filled the custom fields for each.

cpt meta field completed

After that, we created a listing and displayed it on the page using the JetEngine Listing Grid widget.

Customizing the Page in Elementor 

We open the Listing Tours page in Elementor and drop the AJAX Search widget in the desired place of the page.

Then, in the widget’s settings block, we uncover the Search Query tab in the Content section, specify the Source: CPT we have built earlier, and fill the Search in custom fields field with the _destination meta field, in which the search will be filled in. You should complete this field with the needed meta field key accordingly.

Click the “Publish/Update” button to save the results.

search in custom fields in elementor

Now we can view how the search works on the live page. As we have completed the selected meta field with a city name, we can search by typing one of the completed values.

elementor built page search

Adjusting Search in Gutenberg

Open the page where you want to place the search in Gutenberg. Place the AJAX Search block on the edited page.

Now move to the Search Query tab and specify the adjusted meta field value in the Search in custom fields bar. 

search in custom fields in gutenberg

That’s it; after customizing the page, you can press the “Publish/Update” button and check the result.

gutenberg built page search

Finally, you know how to set the search conducted through the meta field values in Gutenberg and Elementor. Try setting the search by field key in custom fields using the JetSearch plugin.