{"id":50232,"date":"2025-11-28T09:44:18","date_gmt":"2025-11-28T09:44:18","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=50232"},"modified":"2025-11-28T09:52:51","modified_gmt":"2025-11-28T09:52:51","slug":"apply-button-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/","title":{"rendered":"Apply Button Overview"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Apply Button<\/strong> widget\/block\/element of the <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a> plugin is a button placed on a page that starts filtering immediately.&nbsp;<\/p>\n\n\n\n<p>Since the widget\/block\/element is intended to start filtering, it is used with the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">various filter types<\/a> that should be placed first on the corresponding page.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">To use the <strong>Apply Button<\/strong> widget\/block\/element, the corresponding filter must be added to the page first. In addition, the \u201cClick on apply button\u201d <strong>Apply on<\/strong> setting of the filter should be set to allow usage of the <strong>Apply Button<\/strong> widget\/block\/element.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"apply-button-widget-in-elementor\"><strong>Apply Button Widget in Elementor<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The widget can be added to a post or page by finding it in the search bar and dragging and dropping it where needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-1024x640.webp\" alt=\"inserting the apply button widget\" class=\"wp-image-50251\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"content-settings\"><strong>Content settings<\/strong><\/h3>\n\n\n\n<p>Once the widget is added, the <strong>Content<\/strong> setting will be unrolled, and the following fields are available:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-1024x640.webp\" alt=\"the apply button widget settings\" class=\"wp-image-50244\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ul>\n<li><strong>This Filter For<\/strong> \u4e00 a drop-down list to select a provider as \u201cElementor Pro Loop Grid,\u201d \u201cJetEngine,\u201d \u201cJetWooBuilder Products Grid,\u201d \u201cJetWooBuilder Products List, \u201dWooCommerce Archive (by JetWooBuilder),\u201d \u201cDefault WooCommerce Archive (Classic),\u201d and \u201cBricks query loop.\u201d Provider descriptions are presented in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\"><strong>Filters Providers Overview<\/strong><\/a>;<\/li>\n\n\n\n<li><strong>Apply type<\/strong> \u4e00 a drop-down list to specify the way of displaying the filtered results: \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-setting-ajax-request-type\">AJAX<\/a>,\u201c or \u201cPage reload.\u201d More details about implementing the AJAX product filter with <em>JetSmartFilters<\/em> are explained in the <a href=\"https:\/\/crocoblock.com\/blog\/jetsmartfilters-ajax-filter-plugin-for-woocommerce\"><strong>Why Use JetSmartFilters as AJAX Filter Plugin for WooCommerce<\/strong><\/a> article;<\/li>\n\n\n\n<li><strong>Apply button text <\/strong>\u4e00 a text field to insert the text to be displayed on the button instead of the \u201cApply filters\u201d text;<\/li>\n\n\n\n<li><strong>Active button states <\/strong>\u4e00 a drop-down list specifies when to show or hide the button: \u201cAlways,\u201d \u201cAny filter selected,\u201d or \u201cAll filters selected\u201d. If the \u201cAny filter selected\u201d or \u201cAll filters selected\u201d options are set, the <strong>If button inactive<\/strong> drop-down list with the \u201cHide\u201d and \u201cDisable\u201d options to specify what to do in the corresponding cases;<\/li>\n\n\n\n<li><strong>Apply redirect<\/strong> \u4e00 a toggle that, if enabled, activates the <strong>Redirect path<\/strong> text field to insert the corresponding URL. Also, if the \u201cAJAX\u201d <strong>Apply type<\/strong> is chosen, the URL will remain clean without visible details, and if the \u201cPage reload\u201d <strong>Apply type<\/strong> is chosen, the parameters will be added to the URL during redirection;<\/li>\n\n\n\n<li><strong>Open in new window<\/strong> \u4e00 a toggle that, if enabled, allows displaying the filter results in a new window;<\/li>\n\n\n\n<li><strong>Query ID<\/strong> \u4e00 a text field to insert a unique query ID.<em> <\/em>Usage of queries with filters is described in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-filters-with-query-builder-source\"><strong>How to Create Filters with Query Builder Source<\/strong><\/a> tutorial;<\/li>\n\n\n\n<li><strong>Additional Providers Enabled<\/strong> \u4e00 a toggle that, if enabled, activates the <strong>Additional Provider List<\/strong> button that allows applying the filter to additional providers on the page. More details on applying multiple providers via a single widget can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-additional-providers-list-option-overview\"><strong>Additional Providers List Option Overview<\/strong><\/a>. Also, to learn how to filter using widgets from different providers on the same page, review the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-additional-providers-list-option-overview\/\"><strong>How to Apply One<\/strong><strong> <\/strong><strong>Filter to<\/strong><strong> <\/strong><strong>Different Providers<\/strong><\/a> tutorial.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"style-settings\"><strong>Style settings<\/strong><\/h3>\n\n\n\n<p>The <strong>Style<\/strong> settings are intended to design the <strong>Button<\/strong> options, in particular, specifying its <strong>Typography<\/strong>, <strong>Colors<\/strong>, <strong>Body Types<\/strong>, <strong>Margins<\/strong>, <strong>Alignments<\/strong>, and more.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-1024x640.webp\" alt=\"the apply button widget style settings\" class=\"wp-image-50255\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-style-settings-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"advanced-settings\"><strong>Advanced settings<\/strong><\/h3>\n\n\n\n<p>The <strong>Advanced<\/strong> settings are organized into the <strong>Layout<\/strong>, <strong>Jet Advanced<\/strong>, <strong>Dynamic<\/strong> <strong>Visibility<\/strong>, <strong>Motion Effects<\/strong>, and more groups.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-1024x640.webp\" alt=\"the apply button widget advanced settings\" class=\"wp-image-50245\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-widget-advanced-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"apply-button-block-in-block-editor\"><strong>Apply Button Block in Block Editor<\/strong><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>As in <a href=\"#apply-button-widget-in-elementor\">Elementor<\/a>, the block can be added to a post or page by finding it in the search bar and dragging and dropping it where needed.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-1024x640.webp\" alt=\"inserting the apply button block\" class=\"wp-image-50253\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-block.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The settings are divided into the <strong>General<\/strong> and <strong>Advanced<\/strong> settings groups. In addition, some settings similar to the widget in Elementor are included in the <strong>General<\/strong> settings group:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-1024x640.webp\" alt=\"the apply button block settings\" class=\"wp-image-50249\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-block-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>THIS FILTER FOR<\/strong> \u4e00 a drop-down list intended to choose a provider among the \u201cListing Grid\u201d and \u201cWooCommerce Shortcode\u201d;<\/li>\n\n\n\n<li><strong>APPLY TYPE<\/strong> \u4e00 a drop-down list to specify the way of displaying the filtered results: \u201cAJAX,\u201c or \u201cPage reload;\u201d<\/li>\n\n\n\n<li><strong>APPLY BUTTON TEXT <\/strong>\u4e00 a text field to insert the text to be displayed on the button instead of the \u201cApply filters\u201d text;<\/li>\n\n\n\n<li><strong>QUERY ID<\/strong> \u4e00 a text field to insert a unique query ID in case of usage of multiple blocks of the same provider on the page. The same ID should be set for the filtered block;<\/li>\n\n\n\n<li><strong>Additional Providers Enabled<\/strong> \u4e00 a toggle that, if enabled, activates the <strong>Additional Provider List<\/strong> fields (<strong>ADDITIONAL PROVIDER <\/strong>drop-down and <strong>ADDITIONAL QUERY ID<\/strong> text fields) that allow applying the filter to additional providers on the page;<\/li>\n\n\n\n<li><strong>Apply redirect <\/strong>\u4e00 a toggle that, if enabled, activates the <strong>REDIRECT PATH<\/strong> text field to insert the corresponding URL and the <strong>ACTIVE BUTTON STATES<\/strong> drop-down list to specify when to show or hide the button: \u201cAlways,\u201d \u201cAny filter selected,\u201d or \u201cAll filters selected\u201d. Like for Elementor, if the \u201cAny filter selected\u201d or \u201cAll filters selected\u201d options are set, the <strong>IF BUTTON INACTIVE<\/strong> drop-down list with the \u201cHide\u201d and \u201cDisable\u201d options to specify what to do in the corresponding cases;<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Advanced<\/strong> settings are presented in the <strong>ADDITIONAL CSS CLASSES<\/strong> text field for entering data to design the block. Also, the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetstylemanager\/jetstylemanager-overview\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetStyleManager<\/em><\/a> free plugin can be used to design the block.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"apply-button-element-in-bricks\"><strong>Apply Button Element in Bricks<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>As in <a href=\"#apply-button-widget-in-elementor\">Elementor<\/a>, the element can be added to a post or page by finding it in the search bar and dragging and dropping it where needed.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-1024x640.webp\" alt=\"inserting the apply button elements\" class=\"wp-image-50252\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-elements.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once the block is added, the <strong>CONTENT<\/strong> setting will be unrolled. This group of settings is similar to the <strong>Content <\/strong>settings of the <strong>Apply Button<\/strong> widget for Elementor.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-1024x640.webp\" alt=\"the apply button element settings\" class=\"wp-image-50247\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Also, the following <strong>STYLE<\/strong> settings are available: <strong>LAYOUT<\/strong>, <strong>TYPOGRAPHY<\/strong>, <strong>BACKGROUND<\/strong>, <strong>BORDER\/BOX SHADOW<\/strong>, <strong>GRADIENT<\/strong>, and more.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-1024x640.webp\" alt=\"the apply button element style settings\" class=\"wp-image-50246\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-style-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"results\"><strong>Results<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The result can be seen on the front end after one of the pages built with the preferred editor is published.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-1024x640.webp\" alt=\"the apply button element on the front end\" class=\"wp-image-50248\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/the-apply-button-element-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to configure the settings of the <strong>Apply Button<\/strong> widget\/block\/element of the <em>JetSmartFilters<\/em> plugin for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Apply Button widget\/block\/element of the JetSmartFilters plugin is a button placed on a page that starts filtering immediately.&nbsp; Since the widget\/block\/element is intended to start filtering, it is used with the various filter types that should be placed first on the corresponding page. Apply Button Widget in Elementor The widget can be added to [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[303],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apply Button Overview \u4e00 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apply Button Overview \u4e00 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T09:52:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/\",\"name\":\"Apply Button Overview \u4e00 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-11-28T09:44:18+00:00\",\"dateModified\":\"2025-11-28T09:52:51+00:00\",\"description\":\"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apply Button Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apply Button Overview \u4e00 JetSmartFilters | Crocoblock","description":"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.","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:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/","og_locale":"en_US","og_type":"article","og_title":"Apply Button Overview \u4e00 JetSmartFilters | Crocoblock","og_description":"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/","og_site_name":"Help Center","article_modified_time":"2025-11-28T09:52:51+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/11\/inserting-the-apply-button-widget-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/","name":"Apply Button Overview \u4e00 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-11-28T09:44:18+00:00","dateModified":"2025-11-28T09:52:51+00:00","description":"Learn how to configure the settings of the Apply Button widget\/block\/element of the JetSmartFilters plugin for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/apply-button-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Apply Button Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/50232"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=50232"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=50232"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=50232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}