Search Widget

Overview

When a traveler lands on your website, they might already know which trip they want. A search box lets them type a keyword and jump straight to what they're looking for. They don't have to click through menus to find it.

The Search widget adds this search box to any page you build with Elementor. A widget is a small building block in Elementor that adds one specific feature to your page. In this case, it adds a search bar.

You can turn the search box on or off. You can also adjust how the search icon looks so it matches the rest of your site.

What you'll need before you start

You'll need Elementor installed and active on your WordPress site.

How to add the Search widget to a page

Style settings

The style settings appear on the left side of the Elementor editor when you click on the Search widget. Here's what each option does.

Enable search box

This is the same toggle from the steps above. It controls whether the search box shows up on your page:

• Yes - displays the search box on the page
• No - hides the search box

Icon color

This sets the default color of the search icon, which is the little magnifying glass that appears next to or inside the search box.

Say your brand color is a deep teal. You'd set the icon color to that teal shade so the search icon matches your logo and other design elements on the page.

Icon hover color

This is the color the search icon changes to when a visitor moves their mouse over it. It's a small detail, but it gives travelers a visual cue that the search box is interactive and ready to use.

Icon size

This controls how large or small the search icon looks on your page. A bigger icon is easier to spot, especially on mobile phones where screen space is tight. If it's too large, though, it can look out of place next to other content.

A good starting point is the default size. You can adjust it and watch the change happen live in the Elementor preview until it looks right.

That covers everything the Search widget can do. Turn the search box on, pick your icon colors and size, and your visitors can start searching your site right away.