Are you in search of a greater manner for customers to go looking your Divi web page for content material? Then, you must check out Divi Seek Helper. This wonderful plugin supercharges the usual Divi Seek Module by means of including tough options to the present Seek Module. On this submit, we’ll stroll you in the course of the plugin’s options and display you how you can use it!

Let’s dive in!

What Is Divi Seek Helper?

Divi Search Helper

The Divi Seek Helper plugin provides many further options to the WordPress seek bar. Created by means of the builders at PeeAye Ingenious, Divi Seek Helper cranks up the ability of your Divi seek, making it tremendous simple for guests to search out what they want with out digging for it.

The most productive factor about Divi Seek Helper is that you simply don’t want coding enjoy to customise it. You’ll have 65 new settings and lines at once built-in inside the Divi Builder. You’ll outline which submit sorts must be incorporated within the seek, how seek effects are displayed, and extra.

Get Divi Seek Helper

What Are The Options of Divi Seek Helper?

As discussed up to now, Divi Seek Helper provides 65 new settings and lines to the present Seek Module incorporated with Divi. Let’s dive into those options so that you’ll have a greater concept of what you’ll do with it.

Observe: These days, Divi Seek Helper doesn’t permit previewing a few of these options and settings inside the Visible Builder. On the other hand, PeeAye Ingenious guarantees those updates in long term releases.

Enhanced Seek Box Design

search field settings

Div Seek Helper supplies various choices to make the hunt box pop. You’ll upload cool icons to make the hunt box stand out, or you’ll upload an icon to transparent the hunt box, making it extra intuitive for all customers. Divi Seek Helper additionally supplies a wealth of customization choices, together with the placeholder, box, and box center of attention, the font, and quite a lot of settings for textual content alignment, measurement, and line top.

Seek Button Tweaks

customize search button

Divi Seek Helper means that you can customise the Seek Module’s button with quite a lot of settings. You’ll select the button kind to turn an icon, textual content, or each. You’ll additionally replace the textual content at the button to show one thing rather than seek. The plugin additionally means that you can show the button at the left or proper and customise the glance the use of Divi’s design tab.

Make a choice Customized Publish Sorts To Show

custom search criteria

Probably the most greatest benefits of Divi Seek Helper is its talent to show other submit sorts, like posts, pages, tasks, merchandise, or occasions. In contrast to the usual WordPress seek, which displays effects from posts, pages, and excerpts, Divi Seek Helper allows you to select precisely what you wish to have to incorporate. With this plugin, you’ll create customized seek bars for particular spaces of your web page, like your weblog, a portfolio web page, or customized seek effects pages. You’ll drill seek effects additional by means of specifying particular submit or undertaking tags or classes, customized meta, or particular key phrase standards.

Customized Seek Effects Settings

Ajax search results

Divi Seek Helper supplies seek leads to considered one of two tactics: a seek effects web page or an Ajax dropdown menu. There also are quite a lot of tactics to customise how seek effects are displayed. Choices come with seek effects order (submit date, alphabetically, relevance, or random), what number of effects to turn, and pagination hyperlink textual content. As an added bonus, you’ll customise the hunt effects heading textual content, select whether or not to show leads to a brand new tab and decide whether or not to incorporate pictures. Those options make stronger the usual WordPress seek choices dramatically.

There are many design settings, too, together with customizing the background, nav hyperlinks, padding, scrollbar settings, and border.

How To Use Divi Seek Helper

With a forged figuring out of ways Divi Seek Helper works, let’s dive into the joys phase. We’ll stroll you thru putting in and customizing the plugin to satisfy your wishes.

Set up Divi Seek Helper

Step one is to put in the plugin. Get started by means of navigating to Plugins > Upload New Plugin. Click on the add plugin button.

add Divi Search Helper

Subsequent, click on Make a selection Report and add the plugin’s zipped folder into WordPress. Click on the Set up Now button to proceed.

install Divi Search Helper

In any case, click on Turn on Plugin to put in Divi Seek Helper.

activate plugin

Upload The Divi Seek Module To A Web page

With the plugin put in, let’s have a look at what you’ll do with Divi Seek Helper. For this situation, let’s suppose you wish to have to create a seek for a customized submit kind known as espresso. We’ll use the Divi Assistant plugin (learn extra about that right here) to rename the tasks submit kind to coffees. As soon as your new submit kind is created, you’ll make a customized seek for it!

We’ll upload a seek to our house web page for folks to seek for espresso. Allow the Visible Builder and create a brand new segment. Subsequent, choose the Seek Module.

add Divi Search Module

Configure The Divi Seek Module Content material Settings

The Seek Module has various settings to configure, so we’ll stroll you thru each and every step. Get started with the Seek Box settings crew. Right here, you’ll configure the enter placeholder from the default seek time period. You’ll additionally select an icon and its location.

search field options

The Seek Button settings crew comprises choices for appearing or hiding the button, including customized textual content, and controlling the button’s positioning.

search button settings

The following settings crew, Seek Standards, permits you to select the content material you wish to have to show. On this case, we’ll choose coffees. You’ll additionally specify the hunt key phrase standards, reminiscent of name, excerpt, and content material. There’s additionally a bit for customized meta, which lets you upload customized meta keys separated by means of commas.

search criteria settings

In any case, the Seek Effects atmosphere crew controls the hunt effects way from two choices – Theme Builder seek effects web page or Ajax seek effects dropdown. Different parameters come with seek effects ordering, the collection of effects in step with web page to show, and pagination hyperlink textual content. You’ll additionally set a customized heading to your seek bar and choose whether or not you wish to have the hunt effects to seem in the similar or a brand new tab. One cool factor you’ll do to make your seek extra dynamic is to turn pictures and titles within the effects. That’s a good way to exhibit visible content material for your web page and seize consideration.

search results settings

Configure The Divi Seek Module Design Settings

The Divi Seek Module additionally has the acquainted design choices to be had within the Divi Builder. You’ll assign colours to fonts and icons at the seek box and button with them. You’ll additionally regulate the design settings for seek effects. Let’s check out each and every tab in my view.

The Seek Box choice controls the colours and fonts for the textual content and border of the hunt box. The design choices are just about limitless, whether or not it’s the placeholder, box textual content colour, or font.

search field design settings

In a similar way, the Seek Button is totally customizable. With choices for opting for the font, together with textual content measurement, letter spacing, and extra, you’ll create kinds for the hunt button that really stand out.

search button design settings

Reside Ajax Seek Effects Dropdown Settings

The Ajax seek effects dropdown has 3 tab choices: the dropdown container, effects textual content, and pagination. For the dropdown container, you’ve gotten choices for background colour, padding, container shadow, the border, and the scrollbar.

Ajax container design settings

The consequences textual content tab controls the font, colour, and quite a lot of attributes.

results text tab

In a similar way, the pagination tab means that you can customise the textual content and lively textual content, together with opting for fonts and hues.

pagination design settings

Reside Ajax Seek Particular person Effects Design Settings

Divi Seek Helper customers too can stylize the person leads to the Ajax dropdown. With choices for the entire effects, name, excerpt, and worth, you’ll really make your content material distinctive. As with the opposite choices, all settings are customizable, together with fonts, colours, and extra. There are 5 tabs with choices, permitting you to compare your branding simply. On the other hand, you’ll need to preview the adjustments whenever you set them, as maximum of them are unavailable within the Visible Builder.

live Ajax individual results design options

As soon as all of your design settings are in position, save the web page and consider your new seek bar!

Divi Search Helper styles

How Does The Divi Seek Helper Value?

Divi Search Helper

Divi Seek Helper is to be had within the Divi Market for the low value of $29. This comprises three hundred and sixty five days of give a boost to and updates and a 30-day money-back ensure. You’ll additionally use Divi Seek Helper on limitless web pages, making sure you’ll give each and every Divi web page you personal a extra tough seek choice.

Get Divi Seek Helper

Divi Seek Helper Supplies A Higher Method To Seek

Divi Seek Helper is a game-changer for Divi web page homeowners having a look to improve their seek functions. By way of including a wealth of options to the usual Divi Seek Module, this plugin makes it more uncomplicated than ever to your web page’s guests to search out what they’re in search of. From customizable design parts to complicated seek standards, Divi Seek Helper provides an unbelievable resolution for making improvements to consumer enjoy and seek effects.

The ones bored with the restrictions of the default WordPress seek must believe Divi Seek Helper. Its intuitive interface and inexpensive value make it a precious software for any Divi consumer. Test it out!

The submit Divi Product Spotlight: Divi Seek Helper gave the impression first on Chic Issues Weblog.

WordPress Web Design

[ continue ]