Auto-Insert the Search Bar into Any Container
Swift Woo Search can automatically inject the search bar into any HTML container on your site using a CSS selector. This is ideal if you want full control over placement without editing theme files or templates.
How to Set It Up
-
Go to:
WP Admin → Swift Search → Settings -
Locate the option called “Search Bar Container”
Enter the container’s CSS selector (e.g.#header,.top-bar, or#main-menu-wrapper) -
Choose Placement Method:
-
Prepend: Adds the search bar at the beginning of the container
-
Append: Adds it to the end of the container
-
-
Click Save Changes
Once configured, the search will appear automatically in the selected location on your site.
Tip: Use browser developer tools (right-click → Inspect) to identify the correct container ID or class for your layout.
