The AddSearch WordPress plugin allows WordPress users to install AddSearch easily. The plugin replaces the existing search of your website with AddSearch, allowing your users to enjoy an instant and lightning-fast search. You can also use shortcode [addsearch] shortcode anywhere on your WordPress website to incude AddSearch search bar.

Please note that Gutenberg plug-in search component is not automatically replaced with AddSearch Search component. We advise Gutenberg users to use the [addsearch] shortcode.

Here’s how to install the AddSearch WordPress Plugin:

  1. Sign-Up for  AddSearch Trial using your WordPress email
  2. When prompted by the installation wizard, click index my website and choose set up crawling option in the next step
  3. Enter the URL for your website on the next step and click begin crawling
  4. Open the AddSearch dashboard, go to Setup → Keys and Installation and copy your public site key under Your Site Key.
  5. Install and activate the AddSearch plugin from the WordPress admin interface.
  6. Paste the Site Key in Settings → AddSearch and click Save.
  7. Select whether you want to use search-as-you-type search widget (default), or separate results page.
  8. Test your website and see if the search is working
  9. If you see the AddSearch bar being displayed in bottom left corner it means search is not enabled in your theme. Go to your theme settings and
    enable search.
  10. You can also add [addsearch] shortcode to anyplace where you want to place the search bar
  11. You’re done – congrats! 🙂

To modify the settings of your search, log in to the AddSearch Dashboard.

WordPress Shortcode

With the shortcode [addsearch] you can add multiple AddSearch fields to your website. Add the shortcode to a page, blog post, navigation or anywhere, and a search field will appear there. Click here to learn more about shortcodes.

Modify look and feel of the search input field

WordPress provides Additional CSS editor to modify the CSS of your theme. To modify the look and feel of the search input field, follow these instructions

  1. Login to your WordPress Dashboard
  2. Hover over Appearance
  3. Click Customize

Picture of WordPress dashboard Appearance menu.

  1. Click Additional CSS on the bottom left of the page

Picture of Additional CSS link in Customize WordPress page.

  1. Add selector (input.addsearch) and styles into the textfield
input.addsearch {
      Add your styles here
  1. Click Publish to save your changes

Picture of Additional CSS editor in WordPress Customize page.

Visit this WordPress article for more information on Custom CSS and Additional CSS.

Was this helpful?

Need more help?

We’re always happy to help with code or other questions you might have. Search our documentation, contact support, or connect with our sales team.