{"id":925,"date":"2025-03-25T06:30:24","date_gmt":"2025-03-25T06:30:24","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/"},"modified":"2025-08-11T10:44:24","modified_gmt":"2025-08-11T10:44:24","slug":"search-query","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/","title":{"rendered":"Search Query Widget Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Before setting up the <strong>Search Query Widget<\/strong>, make sure that the <strong>Animation Addons for Elementor<\/strong> plugin is <strong>installed <\/strong>and <strong>activated <\/strong>on your site. Once activated, you\u2019ll have access to all<strong> free Elementor widgets<\/strong>, including the <strong>Search Query Widget <\/strong>\u2014at no cost! Additionally, you can explore both <strong>free <\/strong>and <strong>pro <\/strong>widgets by<strong> filtering the selection options.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1179\" height=\"545\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1.webp\" alt=\"Search Query 1\" class=\"wp-image-15655\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1.webp 1179w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1-300x139.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1-1024x473.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1-768x355.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-1-32x15.webp 32w\" sizes=\"(max-width: 1179px) 100vw, 1179px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Introduction<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Search Query Widget <\/strong>in Elementor displays dynamic search results, offering users an easy way to find content and customize the layout to fit your site&#8217;s design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Use Cases for the Search Query Widget:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display dynamic search results for a seamless user experience.<\/li>\n\n\n\n<li>Customize search result layout to match your site\u2019s design.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Search Query Widget<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Animation Addons \u2192 Elements in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the Search Query widget in the list.<\/li>\n\n\n\n<li>Toggle it on to enable the widget.<\/li>\n\n\n\n<li>Now, the Search Query widget is ready to use!<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1155\" height=\"537\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2.webp\" alt=\"Search Query 2\" class=\"wp-image-15656\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2.webp 1155w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2-300x139.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2-1024x476.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2-768x357.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-2-32x15.webp 32w\" sizes=\"(max-width: 1155px) 100vw, 1155px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to Add Search Query Widget in Elementor<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the widget, create a new page, set a title, choose the <strong>Elementor Full Width<\/strong> template, and publish the page.<\/li>\n\n\n\n<li>Adjust the page settings as needed.<\/li>\n\n\n\n<li>In the Elementor panel, search for the <strong>&#8220;Search Form Widget.&#8221;<\/strong><strong><br><\/strong>Drag and drop the widget into your desired section.<\/li>\n\n\n\n<li>The search form will appear instantly. Customize it using the <strong>Content<\/strong>, <strong>Style<\/strong>, and <strong>Advanced<\/strong> tabs\u2014especially the <strong>Search Query<\/strong> section, where you can define placeholder text, select an HTML tag for the label, and adjust the alignment to fit your layout perfectly.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1365\" height=\"465\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3.webp\" alt=\"Search Query 3\" class=\"wp-image-15657\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3-300x102.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3-1024x349.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3-768x262.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3-20x7.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-3-32x11.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configuring Search Query Widget: A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the <strong>Search Query Widget <\/strong>is added to your page, you can configure its settings under different tabs: <strong>Content,Style and Advanced.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"249\" height=\"356\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-4.webp\" alt=\"Search Query 4\" class=\"wp-image-15658\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-4.webp 249w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-4-210x300.webp 210w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-4-14x20.webp 14w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-4-22x32.webp 22w\" sizes=\"(max-width: 249px) 100vw, 249px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Within the <strong>Content<\/strong> section, the <strong>Search Query<\/strong> settings allow you to control the display and behavior of the search input field and related content.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"482\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5.webp\" alt=\"Search Query 5\" class=\"wp-image-15659\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5.webp 509w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5-300x284.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5-20x20.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5-32x30.webp 32w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5-16x16.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-5-18x18.webp 18w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>HTML Tag<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose from <strong>9 different HTML tags<\/strong> (H1\u2013H6, div, span, p) for the search form title or label. This helps you maintain semantic structure and improves accessibility and SEO based on where the form is used.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Search Text<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the placeholder text that appears inside the search field. This helps guide users on what they can search for (e.g., &#8220;Search blog posts\u2026&#8221; or &#8220;Type to find&#8230;&#8221;).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Alignment<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This controls the alignment of the entire search form (left, center, right, or justified) to match the design of your section or page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"449\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-6.webp\" alt=\"Search Query 6\" class=\"wp-image-15660\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-6.webp 506w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-6-300x266.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-6-20x18.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-6-32x28.webp 32w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Style<\/strong> tab of the Search Form Widget provides two customization sections:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Style<\/strong>: Customize the overall appearance of the search form text. You can adjust:\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Sets the color of the form text.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Controls font size, weight, family, etc.<\/li>\n\n\n\n<li><strong>Text Stroke<\/strong>: Adds outline effects to the text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"535\" height=\"530\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7.webp\" alt=\"Search Query 7\" class=\"wp-image-15661\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7.webp 535w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-300x297.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-150x150.webp 150w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-20x20.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-32x32.webp 32w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-70x70.webp 70w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-16x16.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-40x40.webp 40w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-100x100.webp 100w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-50x50.webp 50w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-60x60.webp 60w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-7-18x18.webp 18w\" sizes=\"(max-width: 535px) 100vw, 535px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Shadow<\/strong>: Applies shadow behind the text for depth.<\/li>\n\n\n\n<li><strong>Blend Mode<\/strong>: Defines how the text blends with the background.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Query Text Style<\/strong>: Specifically styles the search query input text:<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"528\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8.webp\" alt=\"Search Query 8\" class=\"wp-image-15662\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8.webp 546w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-300x290.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-20x20.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-32x32.webp 32w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-16x16.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-40x40.webp 40w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-8-18x18.webp 18w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Adjusts the color of the input text.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Lets you set the font style and structure for the query text.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These settings allow complete control over the visual presentation of the search form, ensuring it aligns with your site design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image cth-img\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"236\" height=\"632\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-9.webp\" alt=\"Search Query 9\" class=\"wp-image-15663\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-9.webp 236w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-9-112x300.webp 112w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-9-7x20.webp 7w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-9-12x32.webp 12w\" sizes=\"(max-width: 236px) 100vw, 236px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Outcome<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it! You&#8217;ve successfully learned how to configure the Search Query widget in Elementor to create a seamless and customizable search experience for your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For any further assistance or inquiries, feel free to contact our support team!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-search-query\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before setting up the Search Query Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you\u2019ll have access to all free Elementor widgets, including the Search Query Widget \u2014at no cost! Additionally, you can explore both free and pro widgets by filtering the selection options. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17177,"parent":22,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-925","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Search Query Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Search Query Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T10:44:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-Widget-Docs-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"49\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/\",\"name\":\"Search Query Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Search-Query-Widget-Docs-Featured-Image.png\",\"datePublished\":\"2025-03-25T06:30:24+00:00\",\"dateModified\":\"2025-08-11T10:44:24+00:00\",\"description\":\"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Search-Query-Widget-Docs-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Search-Query-Widget-Docs-Featured-Image.png\",\"width\":48,\"height\":49,\"caption\":\"Search Query Widget Docs Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/search-query\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dynamic Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/dynamic-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Search Query Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Search Query Widget Documentation - Animation Addons","description":"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/","og_locale":"en_US","og_type":"article","og_title":"Search Query Widget Documentation - Animation Addons","og_description":"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.","og_url":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-08-11T10:44:24+00:00","og_image":[{"width":48,"height":49,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-Widget-Docs-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/","url":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/","name":"Search Query Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-Widget-Docs-Featured-Image.png","datePublished":"2025-03-25T06:30:24+00:00","dateModified":"2025-08-11T10:44:24+00:00","description":"Documentation for the Search Query Widget in Elementor. Enable, add, and style a responsive search form with dynamic query results.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-Widget-Docs-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Search-Query-Widget-Docs-Featured-Image.png","width":48,"height":49,"caption":"Search Query Widget Docs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/search-query\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Dynamic Widgets","item":"https:\/\/animation-addons.com\/docs\/dynamic-widgets\/"},{"@type":"ListItem","position":3,"name":"Search Query Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=925"}],"version-history":[{"count":10,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/925\/revisions"}],"predecessor-version":[{"id":17999,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/925\/revisions\/17999"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/22"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17177"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=925"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=925"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}