Web Analytics
WPAstra Screenshot

@WPAstra – How to add a search bar to the WordPress page?

Affiliate Disclosure – NitinOffers.COM content is free. When you purchase through referral links on this site, we earn a commission. Learn more.

I am using a free WordPress theme from WPASTRA. As you know WP Astra is a free WordPress theme for everyone and you can download it here, if not been downloaded yet. So the question is “how to add a search box in the WordPress page of the WPAstra theme?”

To add a search bar to the WordPress page of the WPAstra theme

You have to understand which version of the WPAstra theme you are using like free or premium.

If you are using the free WordPress theme WP Astra so you can not add manually a search box to any WordPress page or WordPress post. This feature comes in the premium version of the WP Astra WordPress theme.

Add a search box to the WordPress

How to add a search bar to the WordPress post of the WPAstra theme?

If you want to add a “search-box” or “search bar” to your WordPress page or WordPress post using shortcode so you must have a premium version of the WP Astra WordPress theme.

Let Suppose you have the premium version and still you are looking to add a search bar in a WordPress post or WordPress page of the WP Astra theme.

With the reference of the help section of wpastra.com, you can add a search box with different styles like the left side, right side, middle or center, more…

  • The Slide search – It slides open a search box when you click on the search icon.
  • The Full-screen search – It covers the entire screen
  • The Header cover search – It covers the header
  • The Search box – A default search box if you would like to keep it as it is.

So add an Astra search shortcode “[astra_search]” on your WordPress page or WordPress post you have to paste the given below Astra search shortcode.

[astra_search]

More shortcode with a different style as explained above.

1. The Slide search
Left: [astra_search]
Right:[astra_search direction=”right”]

2. The Full-screen search
[astra_search style=”full-screen”]

3. The Header cover search
[astra_search style=”cover”]
Note: This shortcode will display a search box with respect to its parent class.

4. The Search box
[astra_search style=”inline”]

Watch this GIF to understand easily.

How to add search box on WordPress page or WordPress post using short code on the WPAstra.
Credit – WPAstra.com

Want to use a plugin?

Not a big deal. If you really need a search box to your WordPress page or WordPress post and don’t want to go WPAstra premium so you can search a plugin to add a search box to the WordPress post or WordPress page.

Here, I am not recommending you any plugin because WP Astra already provide this feature or a search box to your WordPress Post or WordPress page. So I would highly recommend you to buy WPAstra.com

Alternet of WPAstra WordPress theme

Check out Themify Ultra WordPress theme or Ultra theme.

Read this also.

  1. @WPAstra – How to disable Previous Post / Next Post in WordPress theme in single/each post?
  2. @WPAstra – How to create a child theme in 5 minutes in the Astra WordPress theme?

Leave a Comment

Your email address will not be published.