How to Add Search Box in Astra Using Shortcode?

No results found. Try again with different words?

Search must be at least 3 characters.

    Search Shortcode to Add Search Box in Astra

    Astra Pro Addon plugin version 1.5.0 and above provides a shortcode to display a search box. This shortcode can be used anywhere on the website i.e header, footer, page builder, sidebar widgets, etc. to display the search box.
    [astra_search] will display the search icon anywhere you want. Following styles are available for search box –

    • 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.

    [astra_search] had an attribute ‘direction‘ for the direction this should open the search box on click and attribute ‘style‘ that allows select style from the above list.

    Available shortcodes are listed below –

    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"]

    Note: This shortcode is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    111063

    Biggest Ever Cyber Monday Sale!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds
    111064

    Don't Miss Our Biggest Discount

    ***LIMITED TIME ONLY***

    100% Unconditional Money-back Guarantee

    Purchase today & lock in your deal!

    Scroll to Top
    Now choose your preferred
    page builder addon
    Choose your preferred page builder addon

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.