{"id":22803,"date":"2026-05-13T12:53:10","date_gmt":"2026-05-13T12:53:10","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=22803"},"modified":"2026-05-13T12:53:11","modified_gmt":"2026-05-13T12:53:11","slug":"jetsmartfilters-how-to-use-alphabet-filter","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/","title":{"rendered":"Alphabet Filter Overview"},"content":{"rendered":"\n<p><a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a> allows visitors to filter content on the WordPress website. The<strong> Alphabet Filter<\/strong> can filter posts and products by title in alphabetical order.&nbsp; It can be used on Block Editor\/Elementor\/Bricks edited pages.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters 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=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Note the filter will search only through posts or product titles.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-settings\">Filter Settings<\/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>A new filter can be created in the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>tab. The creation should start with the <strong>Filter Name <\/strong>typed in.<\/p>\n\n\n\n<p>In the <strong>Filter Settings<\/strong> section, one should choose the \u201cAlphabet\u201d as the <strong>Filter Type<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type.webp\" alt=\"alphabet filter type\" class=\"wp-image-43659\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, such settings will appear:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings.webp\" alt=\"alphabet filter settings\" class=\"wp-image-43658\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Behavior<\/strong> \u2014 in this drop-down menu, one can choose between the \u201cCheckbox\u201d or \u201cRadio\u201d type:\n<ul>\n<li><strong>Checkbox<\/strong> \u2014 allows users to select several options (letters);<\/li>\n\n\n\n<li><strong>Radio <\/strong>\u2014 allows users to choose only one option (letter). If the \u201cRadio\u201d option is selected, the <strong>Ability to deselect radio buttons<\/strong> toggle is available. If enabled, it allows a user to unselect a chosen previously radio button; if disabled, once a user selects one option, they are unable to deselect it without selecting another option instead.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Options<\/strong> \u2014 a textarea where all needed letters from the alphabet can be added to behave as the filter options. The English alphabet letters are set by default. All options should be separated by commas;<\/li>\n\n\n\n<li><strong>Use Default Filter Value<\/strong> \u2014 if enabled, it activates the <strong>Default Filter Value<\/strong> field where a value or several values separated by commas can be typed that will be applied to the provider once through an Ajax request upon adding the filter to the page. For example, if the \u201cRadio\u201d <strong>Behavior <\/strong>is selected, it may be \u201cA,\u201d and if the \u201cCheckbox\u201d <strong>Behavior <\/strong>is selected, it may be \u201cA, B, C.\u201d<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-labels\">Filter Labels<\/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>In the <strong>Filter Labels<\/strong> section, one can enter the <strong>Filter Label <\/strong>that will be visible when the filter isn\u2019t currently applied and the <strong>Active Filter Label<\/strong> that is shown after users filter the content and that may help users understand what criteria are currently being used to filter or refine the results they are viewing.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1051\" height=\"633\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels.webp\" alt=\"filter labels\" class=\"wp-image-43655\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels.webp 1051w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels-1024x617.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/filter-labels-600x361.webp 600w\" sizes=\"(max-width: 1051px) 100vw, 1051px\" \/><\/div>\n\n\n\n<p>After adjusting all the \u201cAlphabet\u201d filter settings, the \u201c<strong>Update<\/strong>\u201d button should be clicked.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assigning-alphabet-filter-to-content\">Assigning Alphabet Filter to Content<\/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 <strong>Alphabet<\/strong> filter is deployable on the front end via various editors such as Elementor, WordPress editor, or Bricks. It should be placed with the content that needs to be filtered.<\/p>\n\n\n\n<p>To learn what widgets, blocks, and elements can be filtered, head to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\"><strong>Filter Providers Overview<\/strong><\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"alphabet-filter-widget-in-elementor\">Alphabet Filter widget in Elementor<\/h3>\n\n\n\n<p>The <strong>Alphabet Filter<\/strong> widget is available in the Elementor Page Builder.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"362\" height=\"306\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-in-elementor.webp\" alt=\"alphabet filter widget in elementor\" class=\"wp-image-43660\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-in-elementor.webp 362w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-in-elementor-300x254.webp 300w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/><\/figure>\n\n\n\n<p>The widget contains the following settings:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings.webp\" alt=\"alphabet filter widget settings\" class=\"wp-image-43654\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Select filter <\/strong>\u2014 a bar where the filter&#8217;s name should be put so it appears on the page;<\/li>\n\n\n\n<li><strong>This filter for <\/strong>\u2014 a provider list to pick the widget to which the filter will be attached. Filter providers can be enabled or disabled in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filter-settings-overview\/#general-settings\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>General Settings<\/strong><\/a><strong> <\/strong>tab of the <em>JetSmartFilters <\/em>dashboard;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"531\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-providers.webp\" alt=\"alphabet filter widget providers\" class=\"wp-image-43653\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-providers.webp 420w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-widget-providers-237x300.webp 237w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/figure>\n\n\n\n<ul>\n<li><strong>Apply type <\/strong>\u2014 a field to choose a way the filter will work. Presented options: \u201cAJAX,\u201d \u201cPage Reload,\u201d and \u201cMixed.\u201d \u201cAJAX\u201d displays results without reloading the page, \u201cPage Reload\u201d reloads a page, and \u201cMixed\u201d doesn\u2019t reload a page but transforms the page URL;<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters 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=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">When using the \u201cPage Reload\u201d option, the \u201c<strong>Apply<\/strong>\u201d button should be used. Also, note that both the \u201cPage Reload\u201d and \u201cMixed\u201d options change the page\u2019s URL.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Apply on <\/strong>\u2014 a field to pick when the filter is applied: once the value changes or by clicking the \u201c<strong>Apply<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Show apply button <\/strong>\u2014 a switcher that activates the \u201c<strong>Apply<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Show filter label <\/strong>\u2014 a toggle that shows a filter label above the filter;<\/li>\n\n\n\n<li><strong>Query ID <\/strong>\u2014 a field that can be used if there are several widgets of the same type on the same page, and one is supposed to be used as a provider. For instance, if there are two <strong>Listing Grids <\/strong>on the page and only one should be filtered, the <strong>Listing Grid <\/strong>settings (<strong>Advanced <\/strong>tab) should be opened, and its unique name should be set in the <strong>CSS ID <\/strong>field and then put here, in the <strong>Query ID <\/strong>field of the filter;<\/li>\n\n\n\n<li><strong>Additional Providers Enabled <\/strong>\u2014 a toggle to be enabled if several widgets should be filtered. Read more about this option in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-additional-providers-list-option-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Additional Providers List Option Overview<\/strong><\/a>. You can also check the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/applying-filters-to-several-widgets-on-page\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Apply Filters to Several Widgets on a Page<\/strong><\/a> tutorial.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"alphabet-block-in-gutenberg\">Alphabet block in Gutenberg<\/h3>\n\n\n\n<p>The <strong>Alphabet <\/strong>block is available in the WordPress (Block) editor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"320\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-in-wprdpress-block-editor.webp\" alt=\"alphabet filter block in wordpress block editor\" class=\"wp-image-43661\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-in-wprdpress-block-editor.webp 351w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-in-wprdpress-block-editor-300x274.webp 300w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/figure>\n\n\n\n<p>In the Block Editor, the same settings as in <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#alphabet-filter-widget-in-elementor\">Elementor<\/a><\/strong> are presented.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings.webp\" alt=\"alphabet filter block settings\" class=\"wp-image-43663\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The only difference is the options in the <strong>THIS FILTER FOR<\/strong> drop-down list: options for Elementor and <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a> are not available, but you can pick the \u201cWooCommerce Shortcode\u201d variant and options for <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"275\" height=\"547\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-providers.webp\" alt=\"alphabet filter block providers\" class=\"wp-image-43662\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-providers.webp 275w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-block-providers-151x300.webp 151w\" sizes=\"(max-width: 275px) 100vw, 275px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"alphabet-filter-element-in-bricks\">Alphabet filter element in Bricks<\/h3>\n\n\n\n<p>The <strong>Alphabet filter <\/strong>element is available in Bricks.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"245\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-in-bricks.webp\" alt=\"alphabet filter element in bricks\" class=\"wp-image-43664\"\/><\/figure>\n\n\n\n<p>It also repeats the settings used in <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#alphabet-filter-widget-in-elementor\">Elementor<\/a><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings.webp\" alt=\"alphabet filter element settings\" class=\"wp-image-43656\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The only difference is the options in the <strong>THIS FILTER FOR<\/strong> drop-down list: options for Elementor and <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a> are not available, but you can pick variants for <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> and the \u201cBricks query loop\u201d variant. Learn more from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/applying-filters-to-bricks-query-loop\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Apply Filters to Bricks Query Loop<\/strong><\/a><strong> <\/strong>tutorial.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"531\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-providers.webp\" alt=\"alphabet filter element providers\" class=\"wp-image-43665\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-providers.webp 295w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-element-providers-167x300.webp 167w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"result\">Result<\/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. The <strong>Default Filter Value <\/strong>settings, adjusted during filter creation, are applied on the front end via an Ajax request.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end.webp\" alt=\"alphabet filter on the front end\" class=\"wp-image-43657\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it; now you know how to use the <strong>Alphabet Filter<\/strong>, which is available with the <em>JetSmartFilters <\/em>plugin, on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial explains how to create an Alphabet filter using JetSmartFilters plugin.<\/p>\n","protected":false},"author":11,"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>How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.\" \/>\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\/jetsmartfilters-how-to-use-alphabet-filter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-13T12:53:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type.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\/jetsmartfilters-how-to-use-alphabet-filter\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/\",\"name\":\"How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-05-13T12:53:10+00:00\",\"dateModified\":\"2026-05-13T12:53:11+00:00\",\"description\":\"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#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\":\"Alphabet Filter 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":"How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock","description":"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.","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\/jetsmartfilters-how-to-use-alphabet-filter\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock","og_description":"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/","og_site_name":"Help Center","article_modified_time":"2026-05-13T12:53:11+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2021\/06\/alphabet-filter-type.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\/jetsmartfilters-how-to-use-alphabet-filter\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/","name":"How to Create Alphabet Filter \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-05-13T12:53:10+00:00","dateModified":"2026-05-13T12:53:11+00:00","description":"Find out how to create an Alphabet Filter with the help of the JetSmartFilters plugin to filter WordPress posts and products by title in alphabetical order.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-alphabet-filter\/#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":"Alphabet Filter 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\/22803"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=22803"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=22803"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=22803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}