Academy LMS 4.0 IS LIVE

Limited Time Offer
Learn More
00
Days
:
00
Hours
:
00
Minute
:
00
Second
Claim Launch Offer
Mobile App
Get Free Templates

Course Searchbar

Table Of Contents
  1. How to access
  2. Field breakdown
  3. Verification notes

The Course Search block adds a search box for courses. It is a plain HTML form, so it works without JavaScript: submitting it sends visitors to your course archive with their query attached, where it works together with the Course Filters block to narrow results.

How to access

1.Open a page or post in the block editor and click the block inserter.
2.Switch to the Blocks tab. Academy’s blocks are grouped under the Academy LMS category — Course Search sits alongside Course Grid, Course Filters, and Course Sort.
Block inserter’s Blocks tab, showing the “ACADEMY LMS” and “ACADEMY LMS: COURSE” categories with their full list of blocks
1.Click Course Search to insert it. It appears immediately as a text field with a placeholder and a Search button.
Block inserter open on the Patterns tab, showing the Academy LMS pattern category with course grid and course list previews
1.Publish the page and view it on the front end
Front end of a page showing the Course Search block: a “Search courses” label, text input, and Search button
1.Type a query and submit it. The block’s form submits a GET request to your course archive URL with an academy_search query parameter (for example /courses/?academy_search=webhook), and the archive template filters the listing accordingly.
Course archive page rendered by the shortcode, showing course cards in a grid next to the Level and Type filter sidebar

The search box submits to whatever your course archive URL is (get_post_type_archive_link( 'academy_courses' )), so it will keep working even if you change the course archive’s permalink slug.

Field breakdown

In the block’s Settings sidebar:

Placeholder — the input’s placeholder text (defaults to “Search courses…”).
Button text — the label on the submit button (defaults to “Search”).
Show button — toggles whether the Search button is shown at all; when off, only the input renders (the form still submits on Enter).
Width — sets a fixed width for the block; leave empty to fill its container.
Justify — aligns the form left, center, or right within the block.

Block style variations (under Styles in the sidebar) let you switch the input’s look: Default, Rounded, Underline, and Joined (input and button flush together).

The block only supports text color, background color, spacing, font size, and border — it has no query-building settings of its own. Combine it with the Course Filters block on the same archive page if you want level/type/price filters alongside the search box.

Verification notes

Verified live: inserted the Course Search block on a test page, confirmed the rendered markup (academy-course-search__input, academy-course-search__button), and submitted a real query (“webhook”) from the front end — it navigated to /courses/?academy_search=webhook and the course archive re-rendered with the Level/Type filters sidebar and matching course cards. Source consulted: includes/blocks/course-search/block.json and includes/blocks/course-search/render.php.

On this page
  1. How to access
  2. Field breakdown
  3. Verification notes