{"id":3037,"date":"2025-12-27T21:03:17","date_gmt":"2025-12-27T21:03:17","guid":{"rendered":"https:\/\/www.swiftcommerce.io\/help\/?post_type=docs&#038;p=3037"},"modified":"2026-11-07T11:44:09","modified_gmt":"2026-11-07T11:44:09","password":"","slug":"advanced-ajax-search","status":"publish","type":"docs","link":"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/","title":{"rendered":"Advanced Ajax Search"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Ajax Search feature provides a powerful, real-time product search experience for your WooCommerce store. As customers type in the search box, products matching their query appear instantly\u2014without page reloads. This creates a faster, more engaging shopping experience that helps customers find products quickly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Key Capabilities<\/h3>\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"650\" src=\"https:\/\/www.swiftcommerce.io\/help\/wp-content\/uploads\/2025\/12\/clipboard-4.jpeg\" alt=\"Ajax Search dashboard showing setup and search configuration tabs\" class=\"wp-image-3344\" srcset=\"https:\/\/www.swiftcommerce.io\/help\/wp-content\/uploads\/2025\/12\/clipboard-4.jpeg 950w, https:\/\/www.swiftcommerce.io\/help\/wp-content\/uploads\/2025\/12\/clipboard-4-300x205.jpeg 300w, https:\/\/www.swiftcommerce.io\/help\/wp-content\/uploads\/2025\/12\/clipboard-4-360x246.jpeg 360w, https:\/\/www.swiftcommerce.io\/help\/wp-content\/uploads\/2025\/12\/clipboard-4-767x525.jpeg 767w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Instant Search Results<\/strong>: Products appear as customers type, with no page refresh required<\/li>\n\n\n\n<li><strong>Multiple Layout Options<\/strong>: Choose dropdown, full-width, or modal (Pro) display styles<\/li>\n\n\n\n<li><strong>Smart Search<\/strong>: Search across product titles, descriptions, SKUs, categories, and more<\/li>\n\n\n\n<li><strong>Rich Product Cards<\/strong>: Display images, prices, ratings, stock status, and sale badges<\/li>\n\n\n\n<li><strong>Category Filtering<\/strong>: Allow customers to narrow results by product category<\/li>\n\n\n\n<li><strong>Recent &amp; Popular Searches<\/strong>: Show helpful suggestions based on search history<\/li>\n\n\n\n<li><strong>Search Analytics<\/strong>&nbsp;(Pro): Track what customers are searching for and optimize your store<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Enabling Ajax Search<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>Swift Commerce \u2192 Ajax Search<\/strong>&nbsp;in your WordPress admin<\/li>\n\n\n\n<li>Toggle&nbsp;<strong>Enable Ajax Search<\/strong>&nbsp;to turn on the feature<\/li>\n\n\n\n<li>Configure your preferred settings across the available tabs<\/li>\n\n\n\n<li>Click&nbsp;<strong>Save<\/strong>&nbsp;to apply your changes<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Once enabled, the Ajax Search will automatically replace your theme&#8217;s default WooCommerce product search (if enabled in settings).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Ajax Search to Your Site<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are two main ways to add the Ajax Search widget to your pages:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 1: Using the Shortcode<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The easiest way to add Ajax Search anywhere on your site is using the shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Basic Shortcode:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;swift_commerce_search]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Simply paste this shortcode into any page, post, or widget area where you want the search to appear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode with Options:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example Shortcodes:<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 2: Using Elementor Widget (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re using Elementor page builder, you can drag and drop the Ajax Search widget directly onto your page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Steps:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open any page in Elementor editor<\/li>\n\n\n\n<li>Search for &#8220;Ajax Product Search&#8221; in the widgets panel<\/li>\n\n\n\n<li>Drag the widget to your desired location<\/li>\n\n\n\n<li>Configure settings in the Elementor panel<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Elementor Widget Features:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Template<\/strong><\/td><td>Choose from Default, Modern, Classic, or Custom styling<\/td><\/tr><tr><td><strong>Placeholder Text<\/strong><\/td><td>Customize the search input placeholder<\/td><\/tr><tr><td><strong>Results Layout<\/strong><\/td><td>Dropdown, Full Width, or Modal<\/td><\/tr><tr><td><strong>Category Filter<\/strong><\/td><td>Show\/hide category dropdown<\/td><\/tr><tr><td><strong>Display Options<\/strong><\/td><td>Toggle images, prices, ratings, stock, etc.<\/td><\/tr><tr><td><strong>Style Controls<\/strong><\/td><td>Full control over colors, typography, spacing, and shadows<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Available Templates:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default<\/strong>: Clean minimalist design with subtle borders and light shadows<\/li>\n\n\n\n<li><strong>Modern<\/strong>: Fully rounded corners, prominent shadows, and bold colors<\/li>\n\n\n\n<li><strong>Classic<\/strong>: Traditional squared design with solid borders<\/li>\n\n\n\n<li><strong>Custom<\/strong>: Full control over every styling aspect<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">General Tab<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Configure core search behavior and performance settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Search Behavior<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Minimum Characters<\/strong><\/td><td>Number of characters required before search starts<\/td><td>3<\/td><\/tr><tr><td><strong>Maximum Results<\/strong><\/td><td>Maximum products to show in dropdown<\/td><td>10<\/td><\/tr><tr><td><strong>Search Delay<\/strong><\/td><td>Milliseconds to wait after typing before searching<\/td><td>300ms<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tips:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lower search delay feels more responsive but increases server load<\/li>\n\n\n\n<li>Set minimum characters to 2-3 to balance relevance with usability<\/li>\n\n\n\n<li>Limit maximum results to 8-12 for best visual experience<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Performance &amp; Caching<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Enable Search Cache<\/strong><\/td><td>Cache search results for faster repeated searches<\/td><td>Off<\/td><\/tr><tr><td><strong>Cache Duration<\/strong><\/td><td>How long to keep results in cache<\/td><td>1 hour<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enable caching on high-traffic stores to reduce database queries.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Search Tab<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Configure which product fields are searched and set up filtering options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Search Fields (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select which product data to include when searching:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Field<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Product Title<\/strong><\/td><td>Search in product names<\/td><\/tr><tr><td><strong>Product Content<\/strong><\/td><td>Search in full product description<\/td><\/tr><tr><td><strong>Short Description<\/strong><\/td><td>Search in product excerpt<\/td><\/tr><tr><td><strong>SKU<\/strong><\/td><td>Search by product SKU number<\/td><\/tr><tr><td><strong>Categories<\/strong><\/td><td>Include category names in search<\/td><\/tr><tr><td><strong>Tags<\/strong><\/td><td>Include product tags in search<\/td><\/tr><tr><td><strong>Attributes<\/strong><\/td><td>Search in product attributes (color, size, etc.)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Stock Settings<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Include Out of Stock<\/strong><\/td><td>Show out-of-stock products in results<\/td><td>On<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Category Exclusions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Exclude specific product categories from appearing in search results. Useful for hiding:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Private or internal categories<\/li>\n\n\n\n<li>Wholesale-only products<\/li>\n\n\n\n<li>Discontinued product categories<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Appearance Tab<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Customization tab consolidates all visual settings including templates, display options, colors, and styling.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Templates<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose how search results are displayed:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Template<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Dropdown<\/strong><\/td><td>Results appear directly below the search input<\/td><\/tr><tr><td><strong>Full Width<\/strong><\/td><td>Results span the full page width<\/td><\/tr><tr><td><strong>Modal<\/strong>&nbsp;(Pro)<\/td><td>Results appear in a centered overlay with blur background<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Result Columns (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Display search results in single or double column layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Width Control<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Full Width<\/strong><\/td><td>Expand search to fill container<\/td><td>Off<\/td><\/tr><tr><td><strong>Maximum Width<\/strong><\/td><td>Maximum width in pixels (when not full width)<\/td><td>500px<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Product Information (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Toggle which product details appear in search results:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Option<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Product Image<\/strong><\/td><td>Show product thumbnail<\/td><\/tr><tr><td><strong>Product Price<\/strong><\/td><td>Display current price (with sale price if applicable)<\/td><\/tr><tr><td><strong>Category Name<\/strong><\/td><td>Show product category below title<\/td><\/tr><tr><td><strong>SKU<\/strong><\/td><td>Display product SKU number<\/td><\/tr><tr><td><strong>Product Rating<\/strong><\/td><td>Show star rating and review count<\/td><\/tr><tr><td><strong>Stock Status<\/strong><\/td><td>Display in stock \/ out of stock label<\/td><\/tr><tr><td><strong>Sale Badge<\/strong><\/td><td>Show &#8220;Sale&#8221; badge for discounted products<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Description Settings (Pro)<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Show Description<\/strong><\/td><td>Display a short product excerpt<\/td><td>Off<\/td><\/tr><tr><td><strong>Description Length<\/strong><\/td><td>Maximum characters to display<\/td><td>50<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the color scheme to match your brand:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Color<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Primary Color<\/strong><\/td><td>Main accent color (buttons, highlights)<\/td><td>#2271b1<\/td><\/tr><tr><td><strong>Secondary Color<\/strong><\/td><td>Secondary accent color<\/td><td>#135e96<\/td><\/tr><tr><td><strong>Text Color<\/strong><\/td><td>Main text color<\/td><td>#333333<\/td><\/tr><tr><td><strong>Background Color<\/strong><\/td><td>Results container background<\/td><td>#ffffff<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Input Style<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Input Height<\/strong><\/td><td>Height of search input field<\/td><td>44px<\/td><\/tr><tr><td><strong>Input Font Size<\/strong><\/td><td>Font size in the search input<\/td><td>14px<\/td><\/tr><tr><td><strong>Border Color<\/strong><\/td><td>Input border color<\/td><td>#e0e0e0<\/td><\/tr><tr><td><strong>Border Width<\/strong><\/td><td>Input border thickness<\/td><td>1px<\/td><\/tr><tr><td><strong>Focus Border Color<\/strong><\/td><td>Border color when input is focused<\/td><td>#2271b1<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Border &amp; Shadow<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Border Radius<\/strong><\/td><td>Corner roundness for input and results<\/td><td>8px<\/td><\/tr><tr><td><strong>Box Shadow<\/strong><\/td><td>Shadow style: None, Light, Medium, Heavy<\/td><td>Light<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Text Labels<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the text shown to users:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting<\/th><th>Description<\/th><th>Default<\/th><\/tr><\/thead><tbody><tr><td><strong>Placeholder<\/strong><\/td><td>Text shown in empty search field<\/td><td>&#8220;Search products&#8230;&#8221;<\/td><\/tr><tr><td><strong>No Results<\/strong><\/td><td>Message when no products found<\/td><td>&#8220;No products found&#8221;<\/td><\/tr><tr><td><strong>View All<\/strong><\/td><td>Link text to see all results<\/td><td>&#8220;View all results&#8221;<\/td><\/tr><tr><td><strong>Searching<\/strong><\/td><td>Text shown while loading results<\/td><td>&#8220;Searching&#8230;&#8221;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Analytics Tab (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Track and analyze customer search behavior to optimize your store.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Overview Metrics<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Metric<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Total Searches<\/strong><\/td><td>Number of searches performed<\/td><\/tr><tr><td><strong>Unique Searches<\/strong><\/td><td>Number of distinct search terms<\/td><\/tr><tr><td><strong>Searches with Results<\/strong><\/td><td>Searches that returned products<\/td><\/tr><tr><td><strong>Searches without Results<\/strong><\/td><td>Searches with no matching products<\/td><\/tr><tr><td><strong>Click-Through Rate<\/strong><\/td><td>Percentage of searches that led to product clicks<\/td><\/tr><tr><td><strong>Average Results<\/strong><\/td><td>Average number of products shown per search<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Top Search Terms<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">View the most frequently searched terms in your store, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search term<\/li>\n\n\n\n<li>Number of searches<\/li>\n\n\n\n<li>Number of clicks<\/li>\n\n\n\n<li>Click-through rate (CTR)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use this data to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Identify popular products to promote<\/li>\n\n\n\n<li>Discover product naming opportunities<\/li>\n\n\n\n<li>Improve product titles and descriptions<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">No-Result Searches<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">See which searches returned zero results. This helps you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Identify missing products customers want<\/li>\n\n\n\n<li>Add synonyms for common alternate spellings<\/li>\n\n\n\n<li>Improve product discoverability<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Data Actions<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Action<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Refresh<\/strong><\/td><td>Update analytics data<\/td><\/tr><tr><td><strong>Export<\/strong><\/td><td>Download data as CSV or JSON<\/td><\/tr><tr><td><strong>Clear<\/strong><\/td><td>Delete all analytics data<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Time Period Filter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">View analytics for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Last 7 days<\/li>\n\n\n\n<li>Last 30 days<\/li>\n\n\n\n<li>Last 90 days<\/li>\n\n\n\n<li>All time<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Search controls (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Search Suggestions<\/strong> can show a customer\u2019s recent searches when the field receives focus (choose 1\u201310 recent terms) and popular searches based on collected analytics. <strong>Advanced Search<\/strong> adds typo tolerance, synonym groups of equivalent words, exact-match boosting, and title-match boosting. <strong>Field Weights<\/strong> set relative relevance for title, description, short description, and SKU. Higher weight gives that field more influence. Test a product name, a misspelling, a synonym, and an SKU to tune these controls.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Analytics collection and interpretation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Search analytics are controlled separately in <strong>Analytics \u2192 Analytics collection<\/strong>. Turn on collection, then choose whether to track searches, result clicks, or both. Popular-search suggestions need search data to be useful. The report shows top terms, zero-result queries, most-clicked products, and activity over time; an empty report may mean collection is off or that no events occurred in the selected period. Do not describe an empty report as zero customer interest until the collection <\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">state is checked.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Storefront test<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Place search on the intended page with the shortcode or Pro Elementor widget, then type several terms and confirm results appear without a page reload.<\/li>\n\n\n\n<li>Check excluded categories and out-of-stock behavior; compare exact title, SKU, typo, and synonym matches.<\/li>\n\n\n\n<li>Test keyboard selection and mobile width, and confirm the Appearance preview matches the live search field.<\/li>\n<\/ul>\n<h2 id=\"shortcode-current\" class=\"wp-block-heading\">Shortcode tab and compact Search controls<\/h2>\n<p class=\"wp-block-paragraph\">The shortcode box is now in its own <strong>Shortcode<\/strong> tab immediately after Search, not in Appearance. Copy <code>[swift_commerce_search]<\/code> into a WordPress Shortcode block or supported widget area. It uses saved General, Search and Appearance settings. This shortcode searches WooCommerce products; custom post type support is not included.<\/p>\n<h3 class=\"wp-block-heading\">Configure synonym groups (Pro)<\/h3>\n<ol class=\"wp-block-list\"><li>Go to <strong>Search \u2192 Advanced Search<\/strong> and turn on <strong>Enable Synonyms<\/strong>.<\/li><li>Under the switch, click <strong>Add Group<\/strong>. Enter at least two equivalent terms, one per field\u2014for example sneakers and trainers.<\/li><li>Add another group for a different product meaning. Collapse completed groups to keep the list compact.<\/li><li>Save Changes and search for each term on the storefront. Check stock visibility and category exclusions if the expected product is filtered out.<\/li><\/ol>\n<p class=\"wp-block-paragraph\">A synonym group is for alternative words customers use for the same product meaning, not a list of loosely related products. The group summary shows its terms and term count. Deleting a word or group changes search expansion after saving.<\/p>\n<h3 class=\"wp-block-heading\">Test typo tolerance (Pro)<\/h3>\n<p class=\"wp-block-paragraph\">Enable <strong>Typo Tolerance<\/strong> in the same Advanced Search section and save. Test a small misspelling of an actual searchable product word, such as <code>block<\/code> for a product containing <code>Black<\/code>, then compare the correctly spelled query. Approximate matches still follow the search\u2019s enabled fields, stock rules and exclusions. Keep exact\/title boosts where literal relevance should rank first. This is spelling tolerance, not a semantic search service.<\/p>\n\n\n<script type=\"application\/ld+json\" data-swift-commerce-documentation-schema=\"1\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/#article\",\"url\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/\",\"headline\":\"Advanced Ajax Search\",\"description\":\"Configure Swift Commerce live product search, search fields and shortcode placement. Set up Pro typo tolerance, synonyms and search analytics.\",\"inLanguage\":\"en\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/#webpage\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Swift Commerce\",\"url\":\"https:\/\/swiftcommerce.io\/\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/#webpage\",\"url\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/\",\"name\":\"Advanced Ajax Search\",\"description\":\"Configure Swift Commerce live product search, search fields and shortcode placement. Set up Pro typo tolerance, synonyms and search analytics.\",\"inLanguage\":\"en\",\"breadcrumb\":{\"@id\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Documentation\",\"item\":\"https:\/\/www.swiftcommerce.io\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\/\/www.swiftcommerce.io\/help\/docs-category\/products\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Advanced Ajax Search\",\"item\":\"https:\/\/www.swiftcommerce.io\/help\/products\/advanced-ajax-search\/\"}]}]}<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Configure Swift Commerce live product search, search fields and shortcode placement. Set up Pro typo tolerance, synonyms and search analytics.<\/p>\n","protected":false},"author":101,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[72],"doc_tag":[],"class_list":["post-3037","docs","type-docs","status-publish","hentry","doc_category-products"],"year_month":"2026-11","word_count":1431,"total_views":"111","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Mansoor Ahmad","author_nicename":"helpadmin","author_url":"https:\/\/www.swiftcommerce.io\/help\/author\/helpadmin\/"},"doc_category_info":[{"term_name":"Products","term_url":"https:\/\/www.swiftcommerce.io\/help\/docs-category\/products\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/docs\/3037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/comments?post=3037"}],"version-history":[{"count":8,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/docs\/3037\/revisions"}],"predecessor-version":[{"id":3397,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/docs\/3037\/revisions\/3397"}],"wp:attachment":[{"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/media?parent=3037"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/doc_category?post=3037"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.swiftcommerce.io\/help\/wp-json\/wp\/v2\/doc_tag?post=3037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}