{"id":17754,"date":"2018-10-16T13:17:20","date_gmt":"2018-10-16T13:17:20","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=17754"},"modified":"2025-12-05T19:03:07","modified_gmt":"2025-12-05T17:03:07","slug":"custom-search-filters-toolset","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/","title":{"rendered":"Filter Search Results In WordPress Using Toolset and Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17754\" class=\"elementor elementor-17754\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21188488 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"21188488\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62c4bc95\" data-id=\"62c4bc95\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23b62afa elementor-widget elementor-widget-text-editor\" data-id=\"23b62afa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>On average we lose 3,000 items in our lifetime. The last thing we need is to spend even more time seeking what we\u2019re looking for.<\/p>\n<p>That\u2019s why you want to <a href=\"https:\/\/elementor.com\/widgets\/search-widget\/\">add a search bar to&nbsp;your websites<\/a>. Not only does it make life easier for the user, but it\u2019s also incredibly easy for you to build. That\u2019s because you don\u2019t even need to be a developer or have any coding skills. All you need is <a href=\"https:\/\/toolset.com\/\" target=\"_blank\">Toolset<\/a><span style=\"font-weight: 400\"> and <\/span><a href=\"https:\/\/elementor.com\/\">Elementor<\/a>.<\/p>\n<p>A custom search is a golden ticket for increasing sales conversions. Using custom search is a piece of cake and really helps users find what they are looking for. Your custom search can be split into two parts, the search form, and the search results.<\/p>\n<p>In this tutorial, we\u2019ll walk you through how to set up a custom search with multiple advanced features. We will also create the content that users will search for using <a href=\"https:\/\/toolset.com\/documentation\/user-guides\/create-a-custom-post-type\/\" target=\"_blank\"><span style=\"font-weight: 400\">custom post types<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb985eb elementor-widget elementor-widget-heading\" data-id=\"eb985eb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/create-movie-review-website\/\" target=\"_blank\">Learn to build a movie review website with Dynamic Content<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b300c6 elementor-widget elementor-widget-text-editor\" data-id=\"9b300c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>After following these steps, you should have something similar to our personal trainer website below:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45ee86a elementor-widget elementor-widget-image\" data-id=\"45ee86a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset1-r4q709ooh9doy85sn0ph26vprmt3qre0xdxlt6bxhi.png\" title=\"toolset1\" alt=\"toolset1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22f07e9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22f07e9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1162f6b\" data-id=\"1162f6b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef54a4c elementor-widget elementor-widget-heading\" data-id=\"ef54a4c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What\u2019s So Great About a Custom Search Powered by Toolset and Elementor?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb7993 elementor-widget elementor-widget-text-editor\" data-id=\"6bb7993\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Elementor and Toolset complement each other perfectly to create a powerful feature that will really enhance your website. Elementor is a revolutionary visual design builder that can make your website stand out. <\/span><\/p><p><span style=\"font-weight: 400\">Meanwhile, Toolset\u2019s suite of plugins acts like your very own <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/cms\/\"   title=\"CMS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"2966\">CMS<\/a>, allowing you to add all the features you need &#8211; nearly without requiring any further plugins.<\/span><\/p><p><span style=\"font-weight: 400\">With Toolset&#8217;s custom search you can:<\/span><\/p><ul><li>Filter by any type of field<\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Display the nearest results to you on a map<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Display search results as a list, table or grid<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Include pagination in your results<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add AJAX updates, so results update without having to reload the page<\/span><\/li><\/ul><p><span style=\"font-weight: 400\">Now you know why custom search is such a great option, let&#8217;s look at how you actually create one. Follow these easy steps:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a868e60 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a868e60\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc5b0cd\" data-id=\"fc5b0cd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a597734 elementor-widget elementor-widget-heading\" data-id=\"a597734\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What You Need to Get Started\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20244cb elementor-widget elementor-widget-text-editor\" data-id=\"20244cb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Here are the main ingredients you need to create the perfect custom search:<\/span><\/p><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">A <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-wordpress\/\"   title=\"WordPress website\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4662\">WordPress website<\/a> and theme<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The Elementor plugin &#8211; we recommend downloading the Pro add-on plugin as well as the free version<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Toolset <\/span><a href=\"https:\/\/toolset.com\/home\/types-manage-post-types-taxonomy-and-custom-fields\/\"><span style=\"font-weight: 400\">Types<\/span><\/a><span style=\"font-weight: 400\"> &#8211; to create the custom post types<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Toolset <\/span><a href=\"https:\/\/toolset.com\/home\/views-create-elegant-displays-for-your-content\/\"><span style=\"font-weight: 400\">Views<\/span><\/a><span style=\"font-weight: 400\"> &#8211; the Query Builder that will create the search<\/span><\/li><\/ul><p><span style=\"font-weight: 400\">All of these plugins can be installed straight from the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/wordpress-login-url\/\"   title=\"WordPress admin\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4978\">WordPress admin<\/a>. To add <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/pro\/\"   title=\"Elementor Pro\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"2762\">Elementor Pro<\/a> you just need to enter your personal license key on the plugin settings page.<\/span><\/p><p><span style=\"font-weight: 400\">You can install both Types and Views from the WordPress admin once you have <\/span><a href=\"https:\/\/toolset.com\/faq\/how-to-install-and-register-toolset\/\"><span style=\"font-weight: 400\">registered Toolset<\/span><\/a><span style=\"font-weight: 400\">. <\/span><\/p><p><span style=\"font-weight: 400\">After everything is up and running, we can start to create our custom search.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8060596 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8060596\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc6ebc2\" data-id=\"dc6ebc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fad2c1 elementor-widget elementor-widget-heading\" data-id=\"8fad2c1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Create Your Custom Post Type<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca50d67 elementor-widget elementor-widget-text-editor\" data-id=\"ca50d67\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">First off, create a \u2018Trainers\u2019 custom post type. Then add the details of each personal trainer to this post type.<\/span><\/p><p><span style=\"font-weight: 400\">In your WordPress admin, go to <\/span><b>Toolset-&gt;Post Types <\/b><span style=\"font-weight: 400\">and click on the <\/span><b>Add New <\/b><span style=\"font-weight: 400\">button. Fill in the names and slug of your post type and click <\/span><b>Save Post Type.<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dca26ae elementor-widget elementor-widget-image\" data-id=\"dca26ae\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset2-r4q6xrg695y5znsv9xpaetngqn5v7tfskzazqm1p76.png\" title=\"toolset2\" alt=\"toolset2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-540d56e elementor-widget elementor-widget-text-editor\" data-id=\"540d56e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Now we have a section where we can add our personal trainers. However, we still need to fill in the content for each personal trainer. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfc25bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfc25bb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad09474\" data-id=\"ad09474\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d8f1b7 elementor-widget elementor-widget-heading\" data-id=\"1d8f1b7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Create Your Custom Fields<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd63545 elementor-widget elementor-widget-text-editor\" data-id=\"fd63545\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Use <\/span><a href=\"https:\/\/toolset.com\/documentation\/user-guides\/using-custom-fields\/\"><span style=\"font-weight: 400\">custom fields<\/span><\/a><span style=\"font-weight: 400\"> to create a template of the information to include within each post.<\/span><\/p><p><span style=\"font-weight: 400\">Start by going to <\/span><b>Toolset-&gt;Custom Fields <\/b><span style=\"font-weight: 400\">and click on the <\/span><b>Add New <\/b><span style=\"font-weight: 400\">button. After naming the set of fields, start adding new fields by clicking on <\/span><b>Add New Field.<\/b><\/p><p><span style=\"font-weight: 400\">Below you can see the four fields we added to the \u2018Trainers\u2019 post type:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c032c9a elementor-widget elementor-widget-image\" data-id=\"c032c9a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset3-r4q75o99rys1pib62ut8wbs4qe6303ugo4z45gbetu.png\" title=\"toolset3\" alt=\"toolset3\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1b571 elementor-widget elementor-widget-text-editor\" data-id=\"7a1b571\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The final step before we start creating the custom search itself is to add content.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f1d904 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f1d904\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31e1a90\" data-id=\"31e1a90\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b9ddf17 elementor-widget elementor-widget-heading\" data-id=\"b9ddf17\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Populating Your Content\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7723f7c elementor-widget elementor-widget-text-editor\" data-id=\"7723f7c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Of course, you can\u2019t have a custom search without content to search for. So, let\u2019s add content to the \u2018Trainers\u2019 post type.<\/span><\/p><p><span style=\"font-weight: 400\">Just head to <\/span><b>Trainers-&gt;Add New <\/b><span style=\"font-weight: 400\">and start filling in the content. This is how one of the \u2018Trainers\u2019 posts looks like on the back-end:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0553b0 elementor-widget elementor-widget-image\" data-id=\"f0553b0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset4-r4q76qsnk68sxir6ttgy8k2136w4rp3ghfq0tsq9h0.png\" title=\"toolset4\" alt=\"toolset4\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bfee30 elementor-widget elementor-widget-text-editor\" data-id=\"7bfee30\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">And on the front-end (after some <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"CSS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4293\">CSS<\/a> styling):<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0609808 elementor-widget elementor-widget-image\" data-id=\"0609808\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset5-r4q72qzciirxl6k35lb152ci78kz208ixnwqegni6q.png\" title=\"toolset5\" alt=\"toolset5\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b411eba elementor-widget elementor-widget-text-editor\" data-id=\"b411eba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Now it\u2019s time to start creating our custom search.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-66b387a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66b387a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07e397f\" data-id=\"07e397f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6226f7 elementor-widget elementor-widget-heading\" data-id=\"d6226f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Creating the Search Results View<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8941b9 elementor-widget elementor-widget-text-editor\" data-id=\"e8941b9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">As mentioned before, the custom search consists of the search result and the search form. First, let\u2019s create the search result.<\/span><\/p><p><span style=\"font-weight: 400\">The search result will be the View which provides us with a list of items that we are looking for. Let\u2019s add our search results View for the \u2018Trainers\u2019 post type.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1f79c elementor-widget elementor-widget-heading\" data-id=\"6f1f79c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">4.1 Setting up Our Search Results View<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e7fd4 elementor-widget elementor-widget-text-editor\" data-id=\"22e7fd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Begin by heading over to <\/span><b>Toolset-&gt;Views <\/b><span style=\"font-weight: 400\">and clicking on <\/span><b>Add New. <\/b><span style=\"font-weight: 400\">At this point, choose what kind of display to create. Since we are creating a custom search, tick the <\/span><b>Display the results using a custom search<\/b><span style=\"font-weight: 400\"> option.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5097b2a elementor-widget elementor-widget-image\" data-id=\"5097b2a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"440\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512,h=440\/blog\/wp-content\/uploads\/2018\/10\/toolset6.png\" class=\"attachment-large size-large wp-image-17802\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512\/blog\/wp-content\/uploads\/2018\/10\/toolset6.png 512w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/toolset6-300x258.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e37718a elementor-widget elementor-widget-text-editor\" data-id=\"e37718a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">In the next section, we can now start to design our custom search. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e137c1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e137c1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ac0aa3\" data-id=\"0ac0aa3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed31904 elementor-widget elementor-widget-heading\" data-id=\"ed31904\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">4.2 Design the Output for Our Custom Search\u200b<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8fa80d elementor-widget elementor-widget-text-editor\" data-id=\"b8fa80d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Under the <\/span><b>Content Selection <\/b><span style=\"font-weight: 400\">section choose the post type you want to filter results for. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3340b3f elementor-widget elementor-widget-image\" data-id=\"3340b3f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"288\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512,h=288\/blog\/wp-content\/uploads\/2018\/10\/toolset7.png\" class=\"attachment-large size-large wp-image-17803\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512\/blog\/wp-content\/uploads\/2018\/10\/toolset7.png 512w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/toolset7-300x169.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dc8486 elementor-widget elementor-widget-text-editor\" data-id=\"8dc8486\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Now design the output for the custom search. In other words, the information that will appear for each search result.<\/span><\/p><p><span style=\"font-weight: 400\">To do this, scroll down to the <\/span><b>Loop Editor <\/b><span style=\"font-weight: 400\">and click on the <\/span><b>Loop Wizard. <\/b><span style=\"font-weight: 400\">Under the <\/span><b>Loop Style <\/b><span style=\"font-weight: 400\">section, we can decide how we want our results to be displayed. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff23e1 elementor-widget elementor-widget-image\" data-id=\"6ff23e1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset8-r4q73xa322du3munall8r9o8xkshodwg3h9kzwwseq.png\" title=\"toolset8\" alt=\"toolset8\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-958aae7 elementor-widget elementor-widget-text-editor\" data-id=\"958aae7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">For the purpose of this exercise, select the <\/span><b>Table <\/b><span style=\"font-weight: 400\">option and <\/span><b>Make the table sortable by columns,<\/b><span style=\"font-weight: 400\"> but there are also others worth exploring.<\/span> <span style=\"font-weight: 400\">Once you have made your choice, click <\/span><b>Next.<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca0a164 elementor-widget elementor-widget-image\" data-id=\"ca0a164\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset9-r4q77tc1cdpk5j77ks4nksbxfzm6jacgaqgxi555a4.png\" title=\"toolset9\" alt=\"toolset9\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c572e4f elementor-widget elementor-widget-text-editor\" data-id=\"c572e4f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Let\u2019s now add a list of the custom fields to display for each result. These are the fields we already added for each trainer:<\/span><\/p><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Post title with a link to the post<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Specialties<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Price per hour<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Degree<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7055c15 elementor-widget elementor-widget-image\" data-id=\"7055c15\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"261\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512,h=261\/blog\/wp-content\/uploads\/2018\/10\/toolset10.png\" class=\"attachment-large size-large wp-image-17806\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=512\/blog\/wp-content\/uploads\/2018\/10\/toolset10.png 512w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2018\/10\/toolset10-300x153.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2658ce elementor-widget elementor-widget-text-editor\" data-id=\"d2658ce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Ensure that the <\/span><b>Use a Content <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26788\">Template<\/a> to group the fields in this loop <\/b><span style=\"font-weight: 400\">is checked so that you can edit a single post entry in one place. Click <\/span><b>Finish.<\/b><\/p><p><span style=\"font-weight: 400\">Finally, add the text for each of the fields. In between each of the [wpv-heading] fields, we will write the heading. Below you can see where we have done so.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6134db elementor-widget elementor-widget-image\" data-id=\"b6134db\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset11-r4q6wowsgyherncuiz1l2ldkduftg86srok329muaa.png\" title=\"toolset11\" alt=\"toolset11\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72884e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72884e8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6359532\" data-id=\"6359532\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b147327 elementor-widget elementor-widget-heading\" data-id=\"b147327\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">4.3 Add the Image for Each Result<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98bb136 elementor-widget elementor-widget-text-editor\" data-id=\"98bb136\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Before we&#8217;re done, just add the \u2018Trainer Picture&#8217; to the top of the fields so that it&#8217;s the first to appear. In the <\/span><b><a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/\"   title=\"Templates\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"1817\">Templates<\/a> for View <\/b><span style=\"font-weight: 400\">section place your cursor before the [wpv-post-link] and click on <\/span><b>Fields and Views. <\/b><\/p><p><span style=\"font-weight: 400\">Once we select \u2018Trainer Picture&#8217;, choose <\/span><b>Medium 300&#215;300 <\/b><span style=\"font-weight: 400\">as the image size. Finally, click on <\/span><b>Insert Shortcode.<\/b><\/p><p><span style=\"font-weight: 400\">Let&#8217;s preview our custom search by clicking the <\/span><b>Create a page with Views.<\/b><\/p><p><span style=\"font-weight: 400\">You should be able to see a table listing all the posts from your custom post type. Here is a list of all our trainers:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c2ffca elementor-widget elementor-widget-image\" data-id=\"0c2ffca\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset12-r4q72vojgoyd78d9e5c5zj5t65xt4hr6mb65sugl9w.png\" title=\"toolset12\" alt=\"toolset12\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e39522 elementor-widget elementor-widget-text-editor\" data-id=\"6e39522\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Now that the results are ready, we can create the search form.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92e3107 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"92e3107\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ba64d0\" data-id=\"4ba64d0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c45ffcc elementor-widget elementor-widget-heading\" data-id=\"c45ffcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Create the Search Form<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1885ff8 elementor-widget elementor-widget-text-editor\" data-id=\"1885ff8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">We can now edit the search form and choose what filters to include in it. All these filters are easy to add without any coding. Here are the filters we will add:<\/span><\/p><ul><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Trainer\u2019s first or last name<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Specialties<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Degree<\/span><\/li><li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Minimum\/maximum price per hour<\/span><\/li><\/ul><p><span style=\"font-weight: 400\">Scroll up to the View that we used for our search result until you reach the <\/span><b>Search and Pagination <\/b><span style=\"font-weight: 400\">section. This is where we will add our filters and search button.<\/span><\/p><p><span style=\"font-weight: 400\">To start adding filters, click <\/span><b>New filter <\/b><span style=\"font-weight: 400\">and select the field groups (mentioned above) in the order needed. After selecting each filter, click <\/span><b>Insert shortcode, <\/b><span style=\"font-weight: 400\">and the filter will appear.<\/span><\/p><p><span style=\"font-weight: 400\">As soon as we\u2019ve added each filter, label them similar to how we did it for the search results. Each label will be added between the wpml-strings. For example, we wrote \u2018Trainer\u2019s first and last name\u2019 so that users know where they can search by name.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19cdc60 elementor-widget elementor-widget-image\" data-id=\"19cdc60\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset13-r4q709ooh9doy85sn0ph26vprmt3qre0xdxlt6bwlu.png\" title=\"toolset13\" alt=\"toolset13\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad45922 elementor-widget elementor-widget-text-editor\" data-id=\"ad45922\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Repeat this step for each filter added.<\/span><\/p><p><span style=\"font-weight: 400\">Once you are happy with your filters, the final step is to add the \u2018Submit\u2019 button. All you need to do is click on the <\/span><b>Submit button <\/b><span style=\"font-weight: 400\">and add it to the desired location.<\/span><\/p><p><span style=\"font-weight: 400\">Now preview the search form just like you did for the search result. Once again, choose the <\/span><b>Create a page with Views <\/b><span style=\"font-weight: 400\">option and select <\/span><b>Preview.<\/b><\/p><p><span style=\"font-weight: 400\">Here\u2019s what it looks like:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b686af elementor-widget elementor-widget-image\" data-id=\"1b686af\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset14-r4q77g6aop7jmzqbpmfvlvnh4lf1jiw7kxc4s9on2q.png\" title=\"toolset14\" alt=\"toolset14\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cac8610 elementor-widget elementor-widget-text-editor\" data-id=\"cac8610\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Now that we have a working custom search we can add it to our website.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f9afcb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f9afcb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-84821c6\" data-id=\"84821c6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9c06607 elementor-widget elementor-widget-heading\" data-id=\"9c06607\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Inserting Search View on a Website<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb30a8f elementor-widget elementor-widget-text-editor\" data-id=\"bb30a8f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Adding a custom search View using Elementor couldn\u2019t be easier. <\/span><\/p><p><span style=\"font-weight: 400\">In Elementor edit the page where you want your custom search to appear. Search for the <\/span><b>Toolset View <\/b><span style=\"font-weight: 400\">widget and drag it into the page. As soon as you select the View you want from the drop-down, you will instantly see a preview.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1913ec8 elementor-widget elementor-widget-image\" data-id=\"1913ec8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset15-r4q709ooh9doy85sn0ph26vprmt3qre0xdxlt6bwla.png\" title=\"toolset15\" alt=\"toolset15\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4da7b2 elementor-widget elementor-widget-text-editor\" data-id=\"f4da7b2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">All that is left to do is the icing on the cake &#8211; making our custom search look good!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-137dd98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"137dd98\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cfa3ff4\" data-id=\"cfa3ff4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00064f2 elementor-widget elementor-widget-heading\" data-id=\"00064f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. Styling a Custom Search<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374a816 elementor-widget elementor-widget-text-editor\" data-id=\"374a816\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Never judge a book by its cover, but that doesn\u2019t mean that making our custom search look good isn\u2019t important. With Elementor, it\u2019s easy to add the necessary CSS styling.<\/span><\/p><p><span style=\"font-weight: 400\">We will add CSS in the same section where we inserted the search view on Elementor. Under <\/span><b>Custom CSS <\/b><span style=\"font-weight: 400\">add code:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-033a98d elementor-widget elementor-widget-image\" data-id=\"033a98d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset16-r4q6y3o2q0ew6lb4akzft8kggnhmzvsaynsaz7jlvc.jpg\" title=\"toolset16\" alt=\"toolset16\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-703da61 elementor-widget elementor-widget-text-editor\" data-id=\"703da61\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can check out our CSS code in more detail to see what we added.<\/span><\/p><p><span style=\"font-weight: 400\">And that\u2019s it! Now let\u2019s see it in action on the front-end. Here is an example of a search using some of the filters:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a44ced8 elementor-widget elementor-widget-image\" data-id=\"a44ced8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/toolset17-r4q6yt1pujdmw2a96dyd6k5wi20jrpl225eexoi0rg.png\" title=\"toolset17\" alt=\"toolset17\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad81c5c elementor-widget elementor-widget-text-editor\" data-id=\"ad81c5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">By using three filters we narrowed down the perfect trainer to meet our requirements. <\/span><\/p><p><span style=\"font-weight: 400\">Not so hard, right?<\/span><\/p><p><b>Let us know in the comments below if you used custom search on your website. <\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we\u2019ll walk you through setting up a custom search with multiple advanced features.<\/p>\n","protected":false},"author":80947,"featured_media":17826,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[45,43],"tags":[79,173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-17754","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-wordpress","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Filter Search Results In WordPress Using Toolset and Elementor<\/title>\n<meta name=\"description\" content=\"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Filter Search Results In WordPress Using Toolset and Elementor\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-16T13:17:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T17:03:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joseph Lobo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joseph Lobo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\"},\"author\":{\"name\":\"Joseph Lobo\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/5e64b37691cc15d0f994d69af5f8fde0\"},\"headline\":\"Filter Search Results In WordPress Using Toolset and Elementor\",\"datePublished\":\"2018-10-16T13:17:20+00:00\",\"dateModified\":\"2025-12-05T17:03:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\"},\"wordCount\":1587,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Development\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\",\"url\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\",\"name\":\"Filter Search Results In WordPress Using Toolset and Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png\",\"datePublished\":\"2018-10-16T13:17:20+00:00\",\"dateModified\":\"2025-12-05T17:03:07+00:00\",\"description\":\"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/elementor.com\/blog\/category\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Filter Search Results In WordPress Using Toolset and Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/5e64b37691cc15d0f994d69af5f8fde0\",\"name\":\"Joseph Lobo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a990942ab53667bce149103da393415400956c75eea29f796b5243211d6792e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a990942ab53667bce149103da393415400956c75eea29f796b5243211d6792e1?s=96&d=mm&r=g\",\"caption\":\"Joseph Lobo\"},\"description\":\"Content creator for WPML and Toolset. Explorer of tools to improve business and countries.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/josephl\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Filter Search Results In WordPress Using Toolset and Elementor","description":"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.","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:\/\/elementor.com\/blog\/custom-search-filters-toolset\/","og_locale":"en_US","og_type":"article","og_title":"Filter Search Results In WordPress Using Toolset and Elementor","og_description":"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.","og_url":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2018-10-16T13:17:20+00:00","article_modified_time":"2025-12-05T17:03:07+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png","type":"image\/png"}],"author":"Joseph Lobo","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Joseph Lobo","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/"},"author":{"name":"Joseph Lobo","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/5e64b37691cc15d0f994d69af5f8fde0"},"headline":"Filter Search Results In WordPress Using Toolset and Elementor","datePublished":"2018-10-16T13:17:20+00:00","dateModified":"2025-12-05T17:03:07+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/"},"wordCount":1587,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png","keywords":["Build","Video"],"articleSection":["Development","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/","url":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/","name":"Filter Search Results In WordPress Using Toolset and Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png","datePublished":"2018-10-16T13:17:20+00:00","dateModified":"2025-12-05T17:03:07+00:00","description":"In this tutorial, we\u2019ll walk you through how to filter search results In WordPress using Toolset and Elementor.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2018\/10\/Cover-Custom-Search.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/custom-search-filters-toolset\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/elementor.com\/blog\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"Filter Search Results In WordPress Using Toolset and Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/5e64b37691cc15d0f994d69af5f8fde0","name":"Joseph Lobo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a990942ab53667bce149103da393415400956c75eea29f796b5243211d6792e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a990942ab53667bce149103da393415400956c75eea29f796b5243211d6792e1?s=96&d=mm&r=g","caption":"Joseph Lobo"},"description":"Content creator for WPML and Toolset. Explorer of tools to improve business and countries.","url":"https:\/\/elementor.com\/blog\/author\/josephl\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/80947"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=17754"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17754\/revisions"}],"predecessor-version":[{"id":146749,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/17754\/revisions\/146749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/17826"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=17754"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=17754"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=17754"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=17754"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=17754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}