{"id":126625,"date":"2025-05-29T09:00:00","date_gmt":"2025-05-29T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=126625"},"modified":"2026-03-24T09:29:55","modified_gmt":"2026-03-24T08:29:55","slug":"ricerca-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/ricerca-wordpress\/","title":{"rendered":"Ricerca WordPress: come aggiungerla e come migliorarla"},"content":{"rendered":"\n<p>Un utente che non trova quello che cerca \u00e8 un utente che <strong>abbandona il sito in fretta<\/strong>. Nonostante questo, le statistiche dicono che persino nei negozi online non sempre la ricerca interna viene progettata con cura.<\/p>\n\n\n\n<p>Eppure ha poco senso dedicare risorse ai contenuti e non fare il possibile perch\u00e9 le persone riescano a <strong>raggiungerli senza fatica<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Per questo oggi cerchiamo di capire come funziona la ricerca su WordPress e come migliorarla, per spianare la strada che porta i visitatori alle pagine che abbiamo scritto proprio per loro.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#a-cosa-serve-la-ricerca-su-word-press\">A cosa serve la ricerca su WordPress<\/a><\/li><li><a href=\"#quanto-e-importante-la-ricerca-interna-in-word-press\">Quanto \u00e8 importante la ricerca interna in WordPress?<\/a><\/li><li><a href=\"#come-funziona-la-ricerca-su-word-press\">Come funziona la ricerca su WordPress?<\/a><\/li><li><a href=\"#come-aggiungere-la-ricerca-al-sito-word-press\">Come aggiungere la ricerca al sito WordPress<\/a><ul><li><a href=\"#aggiungere-la-ricerca-al-menu-dal-tema\">Aggiungere la ricerca al men\u00f9 dal tema<\/a><\/li><li><a href=\"#inserire-la-ricerca-con-un-widget-di-word-press\">Inserire la ricerca con un widget di WordPress<\/a><\/li><li><a href=\"#integrare-la-ricerca-in-singoli-contenuti-con-gutenberg\">Integrare la ricerca in singoli contenuti con Gutenberg<\/a><\/li><li><a href=\"#aggiungere-la-ricerca-con-un-plugin-page-builder\">Aggiungere la ricerca con un plugin page builder<\/a><\/li><li><a href=\"#inserire-la-barra-di-ricerca-con-un-tema-a-blocchi\">Inserire la barra di ricerca con un tema a blocchi<\/a><\/li><li><a href=\"#aggiungere-la-ricerca-interna-con-un-tema-per-directory\">Aggiungere la ricerca interna con un tema per directory<\/a><\/li><li><a href=\"#inserire-la-ricerca-interna-con-il-codice\">Inserire la ricerca interna con il codice<\/a><ul><li><a href=\"#modificare-il-file-header-sidebar-php\">Modificare il file header\/sidebar.php<\/a><\/li><li><a href=\"#modificare-il-file-functions-php-con-hook\">Modificare il file functions.php con hook<\/a><\/li><li><a href=\"#creare-uno-shortcode\">Creare uno shortcode<\/a><\/li><\/ul><\/li><li><a href=\"#aggiungere-la-ricerca-word-press-con-un-plugin\">Aggiungere la ricerca WordPress con un plugin<\/a><ul><li><a href=\"#box-di-ricerca-modal-search-wp-modal-search-form\">Box di ricerca modal: SearchWP Modal Search Form<\/a><\/li><li><a href=\"#espandere-la-ricerca-word-press-wp-extended-search\">Espandere la ricerca WordPress: WP Extended Search<\/a><ul><li><a href=\"#inserire-il-modulo-con-un-widget\">Inserire il modulo con un widget<\/a><\/li><li><a href=\"#inserire-il-modulo-con-uno-shortcode\">Inserire il modulo con uno shortcode<\/a><\/li><li><a href=\"#personalizzare-laspetto-del-modulo-di-ricerca\">Personalizzare l\u2019aspetto del modulo di ricerca<\/a><\/li><\/ul><\/li><li><a href=\"#plugin-per-la-ricerca-a-pagamento\">Plugin per la ricerca a pagamento<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#limiti-della-ricerca-word-press-nativa\">Limiti della ricerca WordPress nativa<\/a><\/li><li><a href=\"#come-migliorare-la-ricerca-word-press\">Come migliorare la ricerca WordPress\u00a0<\/a><ul><li><a href=\"#migliorare-lusabilita-della-ricerca-interna\">Migliorare l\u2019usabilit\u00e0 della ricerca interna<\/a><\/li><li><a href=\"#offrire-la-ricerca-ajax-in-tempo-reale\">Offrire la ricerca Ajax in tempo reale<\/a><\/li><li><a href=\"#aggiungere-la-ricerca-multilingua\">Aggiungere la ricerca multilingua<\/a><\/li><li><a href=\"#gestire-errori-di-digitazione-sinonimi-e-forme-flesse\">Gestire errori di digitazione, sinonimi e forme flesse<\/a><\/li><li><a href=\"#escludere-contenuti-dalla-ricerca\">Escludere contenuti dalla ricerca<\/a><\/li><li><a href=\"#aggiungere-filtri-alla-ricerca\">Aggiungere filtri alla ricerca<\/a><\/li><li><a href=\"#migliorare-la-ricerca-su-woo-commerce\">Migliorare la ricerca su WooCommerce<\/a><\/li><li><a href=\"#velocizzare-la-ricerca-in-word-press\">Velocizzare la ricerca in WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-cosa-serve-la-ricerca-su-word-press\">A cosa serve la ricerca su WordPress<\/h2>\n\n\n\n<p>La ricerca interna \u00e8 una funzionalit\u00e0 che permette agli utenti di <strong>trovare rapidamente contenuti specifici all\u2019interno di un sito <\/strong>web, digitando una serie di termini che compongono una chiave di ricerca, nell\u2019apposito campo \u2013 chiamato anche barra, box o modulo.&nbsp;<\/p>\n\n\n\n<p>Le persone usano la barra di ricerca di WordPress per andare <strong>dritte a ci\u00f2 che vogliono<\/strong> oppure per raggiungere contenuti che non vedono nel men\u00f9 e nei collegamenti suggeriti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-1024x612.png\" alt=\"Ricerca WordPress Sidebar Supporthost\" class=\"wp-image-127126\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-1024x612.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-300x179.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-768x459.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1-1536x918.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-wordpress-sidebar-supporthost-1.png 1546w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ci sono portali e directory che si aprono con un <strong>box per la ricerca in primo piano<\/strong>, suggerendoci di iniziare la navigazione proprio da l\u00ec e offrendoci filtri per ridurre i risultati a ci\u00f2 che davvero ci interessa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"404\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1-1024x404.png\" alt=\"Subito Barra Ricerca\" class=\"wp-image-127127\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1-1024x404.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1-768x303.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1-120x47.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/subito-barra-ricerca-1.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ma non sono gli unici che dovrebbero curare la ricerca interna.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quanto-e-importante-la-ricerca-interna-in-word-press\">Quanto \u00e8 importante la ricerca interna in WordPress?<\/h2>\n\n\n\n<p>Offrire campi per la ricerca interna di WordPress \u00e8 <strong>indispensabile in siti ricchi di contenuti<\/strong>, dove trovare un argomento o prodotto specifico navigando attraverso categorie, tag e <a href=\"https:\/\/supporthost.com\/it\/link-interni\/\">link interni<\/a> \u00e8 davvero difficile.&nbsp;Per questo, secondo una <a href=\"https:\/\/www.nosto.com\/blog\/new-search-research\/\" rel=\"noopener\">ricerca di Nosto<\/a>, negli ecommerce il 69% degli utenti va subito alla barra di ricerca\u2026 salvo rinunciare nell\u201980% dei casi perch\u00e9 le cose non vanno come si aspettava.<\/p>\n\n\n\n<p>Ma non sono solo portali, negozi online ed enormi blog su WordPress a trarre benefici da una barra di ricerca WordPress piacevole da usare ed efficace.&nbsp;<strong>Una ricerca WordPress ben fatta migliora l\u2019<a href=\"https:\/\/supporthost.com\/it\/esperienza-utente-wordpress\/\">esperienza utente<\/a><\/strong> <strong>su tutti i siti<\/strong>, perch\u00e9 semplifica la vita di chi li visita; e pu\u00f2 essere particolarmente apprezzata da chi lo fa da mobile \u2013 visto che navigare attraverso i menu dal telefono non \u00e8 sempre comodissimo.<\/p>\n\n\n\n<p>D\u2019altra parte, se hai un sito web, rendere le cose pi\u00f9 facili ai visitatori <strong>porter\u00e0 vantaggi anche a te<\/strong>. Infatti pi\u00f9 sar\u00e0 facile usarlo, pi\u00f9 lunga sar\u00e0 la navigazione (e la probabilit\u00e0 che acquistino aumenter\u00e0). Altri vantaggi hanno a che fare con ci\u00f2 che <strong>le ricerche su WordPress raccontano delle persone che le avviano<\/strong>. Infatti esiste la possibilit\u00e0 di collegarle a Google Analytics per scoprire quali parole usa il nostro pubblico \u2013 e raccogliere informazioni preziose anche per la SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-funziona-la-ricerca-su-word-press\">Come funziona la ricerca su WordPress?<\/h2>\n\n\n\n<p>Quando inserisci dei termini nella barra, WordPress va a cercarli tra i titoli e nel corpo del testo di articoli e pagine. Dietro le quinte, il sistema trasforma la parola chiave digitata in una <strong>richiesta (query) al database MySQL<\/strong> usando la classe <em>WP_Query<\/em> per interrogare il database dei contenuti. Poi mostra <strong>nella pagina dei risultati i contenuti in cui appare la parola chiave<\/strong> \u2013 con link, titolo e di solito un estratto\/riassunto del testo e una miniatura dell\u2019immagine principale.<\/p>\n\n\n\n<p>L\u2019aspetto della pagina dei risultati dipende dal tema, ma in generale per <strong>impostazione predefinita<\/strong> vedrai prima i contenuti in cui la parola chiave si trova nel titolo, seguiti da quelli in cui si trova nel contenuto, in ordine cronologico dal pi\u00f9 recente al pi\u00f9 datato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost-1024x731.png\" alt=\"Risultati Ricerca WordPress Supporthost\" class=\"wp-image-127128\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost-1024x731.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost-300x214.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost-768x548.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost-88x63.png 88w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/risultati-ricerca-wordpress-supporthost.png 1294w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-aggiungere-la-ricerca-al-sito-word-press\">Come aggiungere la ricerca al sito WordPress<\/h2>\n\n\n\n<p>Quando si tratta di aggiungere la ricerca a un sito WordPress, i metodi sono davvero tanti e coinvolgono la personalizzazione del men\u00f9 principale, l\u2019aggiunta di widget al tema, l\u2019uso di Gutenberg o di page builder, la modifica del codice e l\u2019attivazione di plugin dedicati.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-la-ricerca-al-menu-dal-tema\">Aggiungere la ricerca al men\u00f9 dal tema<\/h3>\n\n\n\n<p>Tanti temi oggi permettono di aggiungere la barra di ricerca di WordPress <strong>nel menu di navigazione<\/strong> del sito in qualche passaggio, attraverso la sezione <strong>Personalizza<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ti mostrer\u00f2 come fare con<strong> <\/strong>Astra e con <a href=\"https:\/\/supporthost.com\/it\/neve\/\">Neve<\/a>; con un altro tema il procedimento potrebbe essere leggermente diverso.<\/p>\n\n\n\n<p><strong>In Astra<\/strong>, dalla barra laterale del pannello di amministrazione di WordPress, vai su <em>Aspetto &gt; Personalizza<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema-1024x564.png\" alt=\"Aggiungere Ricerca WordPress Tema\" class=\"wp-image-127129\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema-1024x564.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema-768x423.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungere-ricerca-wordpress-tema.png 1051w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Entra nella sezione <strong>Header<\/strong> (o <strong>Menu, <\/strong>in base al tema) e poi su <em>Menu Principale<\/em>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra-1024x500.png\" alt=\"Impostazioni Header Menu Principale Tema Astra\" class=\"wp-image-127130\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra-1024x500.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra-768x375.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-header-menu-principale-tema-astra.png 1095w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Apri il men\u00f9 a discesa sotto <em>Nascondi ultimo elemento nel menu<\/em> e scegli <strong>Cerca<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra-1024x609.png\" alt=\"Impostazioni Menu Principale Cerca Astra\" class=\"wp-image-127131\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra-1024x609.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra-300x178.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra-768x457.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra-106x63.png 106w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-menu-principale-cerca-astra.png 1093w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vedrai comparire la lentina per la ricerca nel men\u00f9 dell\u2019header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra-1024x503.png\" alt=\"Aggiungi Cerca Menu Principale Astra\" class=\"wp-image-127132\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra-1024x503.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra-768x377.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-cerca-menu-principale-astra.png 1091w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ecco invece cosa succede col <strong>tema Neve<\/strong>, quando apriamo le impostazioni del men\u00f9 di intestazione sempre seguendo il percorso <em>Aspetto &gt; Personalizza &gt; Header<\/em>.&nbsp;<\/p>\n\n\n\n<p>In questo caso, nella sezione <strong>Componenti disponibili<\/strong>, troviamo un editor a blocchi che ci permette di inserire la funzionalit\u00e0 di ricerca interna nel punto del men\u00f9 che preferiamo. Qui possiamo scegliere il blocco <strong>Modulo di ricerca<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve-1024x679.png\" alt=\"Modulo Cerca Header Neve\" class=\"wp-image-127133\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve-1024x679.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve-300x199.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve-768x510.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve-95x63.png 95w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-cerca-header-neve.png 1373w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Oppure il blocco <strong>Icona di Cerca<\/strong>, che non \u00e8 altro che la lentina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve-1024x697.png\" alt=\"Icona Cerca Header Neve\" class=\"wp-image-127134\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve-1024x697.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve-300x204.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve-768x523.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve-93x63.png 93w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/icona-cerca-header-neve.png 1358w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Alcuni temi, tra cui <a href=\"https:\/\/supporthost.com\/it\/generatepress\/\">GeneratePress<\/a>, offrono la possibilit\u00e0 di aggiungere la barra di ricerca a WordPress <strong>solo nella versione a pagamento<\/strong>. Se il tuo tema non dovesse permetterti di fare niente di quel che abbiamo visto, non preoccuparti perch\u00e9 ci sono altri modi per inserire la ricerca in WordPress.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-la-ricerca-con-un-widget-di-word-press\">Inserire la ricerca con un widget di WordPress<\/h3>\n\n\n\n<p>Un\u2019opzione disponibile per chiunque abbia WordPress \u00e8 inserire il modulo di ricerca come <strong>widget in un\u2019area della pagina gestita dal tema<\/strong>. Le aree-widget predisposte per questo possono variare, ma le pi\u00f9 comuni e importanti sono header, sidebar e footer.&nbsp;<\/p>\n\n\n\n<p>Questo metodo va bene per inserire la ricerca nella sidebar, come si fa spesso nei blog, o anche nell\u2019header se il tema lo permette.<\/p>\n\n\n\n<p>Se vai su <em>Aspetto &gt; Widget<\/em> <strong>nel nuovo editor di WordPress per i widget<\/strong> vedrai quelli gi\u00e0 configurati e gli elementi che contengono.<\/p>\n\n\n\n<p>Nel mio caso ad esempio, avevo gi\u00e0 il modulo di ricerca <strong>visibile nella barra laterale<\/strong> in tutti gli articoli.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale-1024x502.png\" alt=\"Widget Ricerca WordPress Barra Laterale\" class=\"wp-image-127135\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale-1024x502.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale-768x376.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-ricerca-wordpress-barra-laterale.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se non vedi il blocco per la ricerca, puoi <strong>inserirlo nell\u2019area del sito<\/strong> che preferisci usando il tasto \u2018+\u2019 che vedi al suo interno.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress-1024x491.png\" alt=\"Aggiungi Widget Ricerca WordPress\" class=\"wp-image-127136\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress-1024x491.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress-300x144.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress-768x368.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress-120x58.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aggiungi-widget-ricerca-wordpress.png 1203w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Puoi anche <strong>duplicarlo <\/strong>per usarlo in diverse aree.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"657\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/duplica-widget-ricerca-wordpress.png\" alt=\"Duplica Widget Ricerca WordPress\" class=\"wp-image-127138\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/duplica-widget-ricerca-wordpress.png 697w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/duplica-widget-ricerca-wordpress-300x283.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/duplica-widget-ricerca-wordpress-67x63.png 67w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n\n\n\n<p>Come tutti i widget, puoi <strong>spostarlo <\/strong>in una diversa sezione sia col drag-and-drop che selezionandolo e poi cliccando sulla freccia per scegliere la destinazione dal men\u00f9 a discesa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"290\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sposta-widget-ricerca-wordpress.png\" alt=\"Sposta Widget Ricerca WordPress\" class=\"wp-image-127139\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sposta-widget-ricerca-wordpress.png 699w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sposta-widget-ricerca-wordpress-300x124.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sposta-widget-ricerca-wordpress-120x50.png 120w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<p>Lo puoi <strong>rinominare<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress-1024x692.png\" alt=\"Rinomina Widget Ricerca WordPress\" class=\"wp-image-127140\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress-1024x692.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress-300x203.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress-768x519.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress-93x63.png 93w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/rinomina-widget-ricerca-wordpress.png 1202w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>E <strong>personalizzare <\/strong>visualizzando o meno l\u2019etichetta, il segnaposto e il pulsante, modificandone i contenuti e la posizione.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"385\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress-1024x385.png\" alt=\"Personalizzare Widget Ricerca WordPress\" class=\"wp-image-127141\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress-1024x385.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress-300x113.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress-768x289.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress-120x45.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/personalizzare-widget-ricerca-wordpress.png 1204w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella barra laterale dell\u2019admin invece trovi le <strong>Impostazioni <\/strong>da cui modificare caratteristiche relative alla dimensione orizzontale del campo e inserire il CSS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"559\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-widget-ricerca-wordpress.png\" alt=\"Impostazioni Widget Ricerca WordPress\" class=\"wp-image-127142\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-widget-ricerca-wordpress.png 282w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-widget-ricerca-wordpress-151x300.png 151w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-widget-ricerca-wordpress-32x63.png 32w\" sizes=\"auto, (max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p>Accanto, in <strong>Stili<\/strong>, \u00e8 possibile definire colori e dettagli tipografici.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"845\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stili-widget-ricerca-wordpress.png\" alt=\"Stili Widget Ricerca WordPress\" class=\"wp-image-127143\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stili-widget-ricerca-wordpress.png 277w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stili-widget-ricerca-wordpress-98x300.png 98w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/stili-widget-ricerca-wordpress-21x63.png 21w\" sizes=\"auto, (max-width: 277px) 100vw, 277px\" \/><\/figure>\n\n\n\n<p>Salvo esigenze particolari, usa il drag-and-drop per <strong>posizionare il widget in alto<\/strong> nella sezione, in modo che sia pi\u00f9 facile da individuare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"419\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress-1024x419.png\" alt=\"Spostare Widget Ricerca WordPress\" class=\"wp-image-127144\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress-1024x419.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress-300x123.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress-768x314.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress-120x49.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/spostare-widget-ricerca-wordpress.png 1204w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver salvato le modifiche dai un\u2019occhiata a un articolo a caso per vederle applicate. Dovresti trovare qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress-1024x566.png\" alt=\"Sidebar Widget Ricerca WordPress\" class=\"wp-image-127145\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress-1024x566.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress-768x425.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/sidebar-widget-ricerca-wordpress.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se usi <strong>l\u2019editor classico per i widget<\/strong>, vedrai sulla sinistra i blocchi che puoi inserire e a destra le aree widget del tema \u2013 e potrai posizionare tutto col drag-and-drop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"integrare-la-ricerca-in-singoli-contenuti-con-gutenberg\">Integrare la ricerca in singoli contenuti con Gutenberg<\/h3>\n\n\n\n<p>Grazie all\u2019editor a blocchi di WordPress puoi inserire il campo di ricerca anche in pagine specifiche. Basta fare clic per <strong>aggiungere un blocco Gutenberg<\/strong>, e poi selezionare <strong>Ricerca<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress-1024x613.png\" alt=\"Gutenberg Ricerca WordPress\" class=\"wp-image-127146\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress-1024x613.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress-768x460.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-ricerca-wordpress.png 1352w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui hai la possibilit\u00e0 di aggiungere il box di ricerca sopra e sotto le <strong>sezioni di testo<\/strong> e anche all\u2019interno, tra un capoverso e l\u2019altro.<\/p>\n\n\n\n<p>Le opzioni per <strong>configurare il campo<\/strong>, invece, sono le stesse che abbiamo visto nel paragrafo precedente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-la-ricerca-con-un-plugin-page-builder\">Aggiungere la ricerca con un plugin page builder<\/h3>\n\n\n\n<p>Con un plugin page builder aggiungere la ricerca interna \u00e8 molto semplice, e il <strong>procedimento simile<\/strong> a quello visto per Gutenberg.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1368\" height=\"943\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementor-inserire-ricerca-wp.gif\" alt=\"Elementor Inserire Ricerca Wp\" class=\"wp-image-127147\"\/><\/figure>\n\n\n\n<p>Ha senso scegliere questo metodo se gi\u00e0 usi per il tuo sito <a href=\"https:\/\/supporthost.com\/it\/elementor\/\">Elementor<\/a>, <a href=\"https:\/\/supporthost.com\/it\/oxygen-builder\/\">Oxygen<\/a>, <a href=\"https:\/\/supporthost.com\/it\/wpbakery\/\">WPBakery<\/a> o un altro plugin per costruire pagine e siti WordPress.<\/p>\n\n\n\n<p>Vediamo come fare con la <strong>versione gratuita di Elementor<\/strong>, che ti permette di inserire un blocco all\u2019interno di un articolo o una pagina proprio come faresti con l&#8217;editor nativo di WordPress.<\/p>\n\n\n\n<p>Per iniziare entra nell\u2019editor del plugin come sempre, cliccando sul pulsante <strong>Modifica con Elementor<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo-1024x554.png\" alt=\"Modifica Con Elementor Articolo\" class=\"wp-image-127148\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo-1024x554.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo-768x415.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modifica-con-elementor-articolo.png 1363w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tra i widget per WordPress, in basso, trovi <strong>Cerca<\/strong>, che potrai trascinare nel contenuto della pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo-1024x615.png\" alt=\"Wp Cerca Widget Elementor Articolo\" class=\"wp-image-127149\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo-1024x615.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo-768x462.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-cerca-widget-elementor-articolo.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui hai la possibilit\u00e0 di aggiungere il box di ricerca sopra e sotto le sezioni di testo ma non all\u2019interno. In compenso il page builder ti offre <strong>pi\u00f9 controllo sulla posizione della barra <\/strong>di ricerca rispetto all\u2019editor nativo di WordPress, permettendoti ad esempio di sistemarla sopra le immagini di sfondo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"783\" height=\"813\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementi-ricerca-wp-elementor-articolo.png\" alt=\"Elementi Ricerca Wp Elementor Articolo\" class=\"wp-image-127150\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementi-ricerca-wp-elementor-articolo.png 783w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementi-ricerca-wp-elementor-articolo-289x300.png 289w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementi-ricerca-wp-elementor-articolo-768x797.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elementi-ricerca-wp-elementor-articolo-61x63.png 61w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/figure>\n\n\n\n<p>Anche per quanto riguarda lo stile del campo per la ricerca, le <strong>possibilit\u00e0 di personalizzazione<\/strong> offerte da Elementor sono assai pi\u00f9 ampie di quelle base di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"667\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-barra-ricerca-elementor.png\" alt=\"Impostazioni Barra Ricerca Elementor\" class=\"wp-image-127151\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-barra-ricerca-elementor.png 329w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-barra-ricerca-elementor-148x300.png 148w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-barra-ricerca-elementor-31x63.png 31w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/figure>\n\n\n\n<p>La <strong>versione a pagamento di Elementor<\/strong> permette di applicare questo metodo alla costruzione di template per i tutti i tipi di pagine del sito \u2013 articoli, pagine, categorie, 404, pagine di ricerca e di prodotto, ecc. \u2013 e per le sezioni visibili su tutto il sito \u2013 header, footer, sidebar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-la-barra-di-ricerca-con-un-tema-a-blocchi\">Inserire la barra di ricerca con un tema a blocchi<\/h3>\n\n\n\n<p>Se sul tuo sito hai <strong>attivo un tema site builder<\/strong>, come <a href=\"https:\/\/supporthost.com\/it\/divi\/\">Divi<\/a> o Bricks Builder, puoi creare delle barre di ricerca con i blocchi, proprio come faresti con un plugin builder.<\/p>\n\n\n\n<p>Per esempio, se apri un articolo WordPress con l\u2019editor di Bricks Builder, fra gli elementi predefiniti trovi il <strong>blocco drag-and-drop Cerca<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-1024x356.png\" alt=\"Bricks Builder Blocco Ricerca\" class=\"wp-image-127152\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-1024x356.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-768x267.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca.png 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Puoi inserirlo sopra, sotto o tra gli altri blocchi che compongono la pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1488\" height=\"805\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/bricks-builder-blocco-ricerca-interna.gif\" alt=\"Bricks Builder Blocco Ricerca Interna\" class=\"wp-image-127153\"\/><\/figure>\n\n\n\n<p>Dopodich\u00e9 <strong>configurarlo <\/strong>in tutti i dettagli dalla barra laterale, come abbiamo visto nella guida a <a href=\"https:\/\/supporthost.com\/it\/bricks-builder\/\">Bricks Builder<\/a>.<\/p>\n\n\n\n<p>Con lo stesso metodo puoi aggiungere il campo di <strong>ricerca all\u2019interno dei modelli<\/strong> che applichi ai diversi tipi di pagina \u2013 ad esempio articoli e pagine archivio \u2013 o a certe aree delle pagine \u2013 come header e footer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-la-ricerca-interna-con-un-tema-per-directory\">Aggiungere la ricerca interna con un tema per directory<\/h3>\n\n\n\n<p>Esistono <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" data-type=\"post\" data-id=\"14979\">temi WordPress<\/a> specifici<strong> <\/strong>per creare portali basati su elenchi strutturati (directory), in pratica siti che funzionano come <strong>archivi consultabili online<\/strong>. Spesso questi siti contengono annunci immobiliari o di lavoro, eventi, proposte di viaggi, elenchi di siti o attivit\u00e0 locali, oppure documentazione di supporto.&nbsp;<\/p>\n\n\n\n<p>Pensa ad esempio a portali come Subito o Airbnb, dove la navigazione parte quasi sempre dalla barra di ricerca.<\/p>\n\n\n\n<p>I <strong>temi per directory<\/strong> sono progettati proprio per facilitare la ricerca avanzata e contengono di default i campi necessari, cos\u00ec come funzionalit\u00e0 per rendere disponibili filtri di tutti i tipi. Molti temi del genere sono disponibili solo a pagamento e li trovi su <a href=\"https:\/\/supporthost.com\/it\/themeforest\/\">ThemeForest<\/a>.&nbsp;<\/p>\n\n\n\n<p>Un esempio \u00e8 <strong>ListingPro<\/strong>, che si propone come soluzione completa per le directory WordPress. Puoi esplorarlo attraverso una dozzina di <a href=\"https:\/\/demowp.io\/get-demo.php?demo=ListingproWP\" rel=\"noopener\">demo<\/a> specifiche per settore: eventi, matrimoni, animali, ristoranti ecc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo-1024x616.png\" alt=\"Listingpro Demo\" class=\"wp-image-127154\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo-1024x616.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo-300x180.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo-768x462.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo-105x63.png 105w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listingpro-demo.png 1357w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Un tema per directory gratuito \u00e8 invece <strong>ListingHive<\/strong>, che trovi in <em>Temi &gt; Aggiungi nuovo<\/em>; mentre <a href=\"http:\/\/listinghive-demo.png\" rel=\"noopener\">la demo \u00e8 qui<\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-1024x534.png\" alt=\"Listinghive Demo\" class=\"wp-image-127155\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-1024x534.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-300x156.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-768x400.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo-1536x801.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/listinghive-demo.png 1773w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-la-ricerca-interna-con-il-codice\">Inserire la ricerca interna con il codice<\/h3>\n\n\n\n<p>Per chi ha dimestichezza con il codice, ci sono <strong>vari modi per inserire il campo per la ricerca interna<\/strong> al sito: modificare il file <em>header.php<\/em> o usare gli <em>hook <\/em>o gli <em>shortcode<\/em>. Mentre le personalizzazioni grafiche in questi casi andranno fatte attraverso il CSS \u2013 <a href=\"https:\/\/supporthost.com\/it\/imparare-css\/\">se vuoi impararlo abbiamo la guida<\/a> che fa per te<em>.<\/em><\/p>\n\n\n\n<p>Qualunque di queste strade tu scelga, se non ne hai ancora uno, segui la nostra guida e crea un <a href=\"https:\/\/supporthost.com\/it\/tema-child\/\">tema child<\/a> su cui apportare le modifiche in modo che non vadano perse con gli aggiornamenti; poi attivalo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-il-file-header-sidebar-php\">Modificare il file header\/sidebar.php<\/h4>\n\n\n\n<p>Se conosci HTML e CSS e non cerchi effetti visivi troppo sofisticati, modificare il file header \u00e8<strong> il metodo pi\u00f9 diretto<\/strong> <strong>per posizionare la barra<\/strong> di ricerca di WordPress nell\u2019intestazione, nella barra laterale o in altre aree del tema meno usate.<\/p>\n\n\n\n<p>Questo metodo ti permette di inserire velocemente il modulo <strong>tra gli elementi della testata<\/strong><strong><em> <\/em><\/strong><strong>o di un\u2019altra area del tema<\/strong>, ad esempio sopra o sotto al men\u00f9, tra men\u00f9 e contenuto, tra men\u00f9 e logo. Potrebbe non essere la strada pi\u00f9 breve se ti interessano effetti visivi pi\u00f9 avanzati, come posizionare la ricerca sopra un\u2019immagine.<\/p>\n\n\n\n<p>Per effettuare la modifica, vai su <em>Aspetto &gt; Editor<\/em> del tema; assicurati di essere sul tema child e sulla barra sinistra clicca su<strong> header.php<\/strong> (Testata del tema).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice-1024x535.png\" alt=\"File Header Aggiungere Ricerca WordPress Codice\" class=\"wp-image-127156\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice-1024x535.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice-300x157.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice-768x401.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-header-aggiungere-ricerca-wordpress-codice.png 1317w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel punto in cui vuoi visualizzare il modulo di ricerca, inserisci la <strong>porzione di codice<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php get_search_form(); ?&gt;<\/code><\/pre>\n\n\n\n<p>Allo stesso modo, modificando il file <em>sidebar.php<\/em> puoi <strong>aggiungere la ricerca alla barra laterale del tema<\/strong>.<\/p>\n\n\n\n<p>Tecnicamente potresti integrarla anche nel <strong>Footer <\/strong>attraverso footer.php, per\u00f2 nella maggior parte dei casi non ha molto senso.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-il-file-functions-php-con-hook\">Modificare il file functions.php con hook<\/h4>\n\n\n\n<p>Se invece vuoi mostrare la barra di ricerca di WordPress in punti precisi, come l\u2019interno di un men\u00f9, un buon metodo \u00e8 usare un <strong>hook specifico del tuo tema per la posizione<\/strong> che hai scelto.<\/p>\n\n\n\n<p>Di solito puoi trovare gli hook del tema nella documentazione ufficiale oppure nel codice. <\/p>\n\n\n\n<p>In <strong>Astra<\/strong>, l\u2019hook <em>astra_header<\/em> aggiunge la ricerca nella testata in modo generico, mentre con <em>astra_masthead_content<\/em> si riesce a inserirlo dentro il men\u00f9 dell\u2019header. In questo caso, la <strong>porzione di codice<\/strong> da usare sar\u00e0 di questo tipo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function aggiungi_ricerca_nel_menu_astra() {\n\n&nbsp;echo '&lt;div class=\"search-in-menu\"&gt;';\n\n&nbsp;get_search_form();\n\n&nbsp;echo '&lt;\/div&gt;';\n\n}\n\nadd_action('astra_masthead_content', 'aggiungi_ricerca_nel_menu_astra');<\/code><\/pre>\n\n\n\n<p>Vai su <em>Aspetto &gt; Editor del tema<\/em> e sulla barra sinistra clicca su <strong>functions.php<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp-1024x455.png\" alt=\"File Functions Php Aggiungere Ricerca Wp\" class=\"wp-image-127158\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp-1024x455.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp-768x341.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp-120x53.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/file-functions-php-aggiungere-ricerca-wp.png 1344w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi <strong>inserisci il codice<\/strong> come nell\u2019immagine.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra-1024x526.png\" alt=\"Hook Functions Php Ricerca Menu Astra\" class=\"wp-image-127159\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra-1024x526.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra-300x154.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra-768x395.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/hook-functions-php-ricerca-menu-astra.png 1309w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per evitare errori puoi usare un <strong>plugin <\/strong>per l\u2019inserimento.&nbsp;<\/p>\n\n\n\n<p>Se vuoi approfondire, hai a disposizione la nostra guida sugli <a href=\"http:\/\/supporthost.com\/it\/hook-wordpress\/\">hook di WordPress.<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creare-uno-shortcode\">Creare uno shortcode<\/h4>\n\n\n\n<p>Un altro modo per aggiungere la barra di ricerca \u00e8 creare uno shortcode per WordPress, cos\u00ec potrai <strong>inserirla come se fosse un semplice testo<\/strong> in qualsiasi pagina del sito. Ti sar\u00e0 molto comodo se hai intenzione di aggiungere spesso il campo dentro contenuti specifici, anzich\u00e9 nel tema.<\/p>\n\n\n\n<p>Per <strong>configurare lo shortcode<\/strong> vai su <em>Aspetto &gt; Editor<\/em> del tema e accedi al file functions.php del tuo tema child.<\/p>\n\n\n\n<p>Inserisci lo <strong>snippet<\/strong>, sostituendo <em>nomeshortcode <\/em>con il nome che vuoi dargli:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function shortcode_search_form() {\n\n&nbsp;return get_search_form(false);\n\n}\n\nadd_shortcode('nomeshortcode', 'shortcode_search_form');<\/code><\/pre>\n\n\n\n<p><strong> <\/strong>La <strong>posizione <\/strong>\u00e8 quella che vedi nell\u2019immagine. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp-1024x464.png\" alt=\"Shortcode Functions Php Ricerca Wp\" class=\"wp-image-127160\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp-1024x464.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp-768x348.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-functions-php-ricerca-wp.png 1303w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Salvate le modifiche, il tuo shortcode \u00e8 pronto. Quando lo usi, ricordati di racchiuderlo dentro <strong>parentesi quadre<\/strong>, come qui:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"366\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress-1024x366.png\" alt=\"Gutenberg Shortcode Ricerca WordPress\" class=\"wp-image-127161\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress-1024x366.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress-300x107.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress-768x274.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/gutenberg-shortcode-ricerca-wordpress.png 1290w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Inserendolo <strong>in un blocco Gutenberg<\/strong> come ho fatto io, otterrai qualcosa del genere, che ovviamente potrai personalizzare col CSS:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"961\" height=\"516\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-ricerca-wordpress.png\" alt=\"Shortcode Ricerca WordPress\" class=\"wp-image-127162\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-ricerca-wordpress.png 961w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-ricerca-wordpress-300x161.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-ricerca-wordpress-768x412.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-ricerca-wordpress-117x63.png 117w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<p>Per approfondire, dai un\u2019occhiata alla nostra guida agli <a href=\"https:\/\/supporthost.com\/it\/wordpress-shortcode\/\">shortcode per WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-la-ricerca-word-press-con-un-plugin\">Aggiungere la ricerca WordPress con un plugin<\/h3>\n\n\n\n<p>Su WordPress la ricerca interna pu\u00f2 essere integrata anche con un plugin; una via pi\u00f9 facile per chi non conosce bene il codice ma anche <strong>un\u2019occasione per offrire all\u2019utente pi\u00f9 funzionalit\u00e0<\/strong> rispetto a quelle della ricerca WordPress nativa.<\/p>\n\n\n\n<p>Esistono vari <strong>plugin di ricerca per WordPress gratuiti<\/strong>, che la migliorano in modi diversi. Ti preannuncio per\u00f2 che sar\u00e0 difficile ottenere la barra di ricerca perfetta, quella che rispetta tutte le possibili buone pratiche del caso.<\/p>\n\n\n\n<p>Vediamo comunque tutte le funzionalit\u00e0 utili che possiamo integrare.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"box-di-ricerca-modal-search-wp-modal-search-form\">Box di ricerca modal: SearchWP Modal Search Form<\/h4>\n\n\n\n<p><a href=\"https:\/\/searchwp.com\/features\/modal-form\/\" rel=\"noopener\">SearchWP Modal Search Form<\/a> serve a inserire in modo semplice e veloce box di ricerca modal \u2013 che appaiono come finestre sopra il contenuto della pagina quando si clicca su un pulsante, simili ai popup.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"304\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-modal-search-form.png\" alt=\"Searchwp Modal Search Form\" class=\"wp-image-127164\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-modal-search-form.png 551w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-modal-search-form-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-modal-search-form-114x63.png 114w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/figure>\n\n\n\n<p>I box di ricerca del plugin possono essere inseriti come blocchi Gutenberg e si chiamano <strong>Modal Form<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal-1024x571.png\" alt=\"Searchwp Ricerca Modal\" class=\"wp-image-127165\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal-1024x571.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal-300x167.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal-768x428.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal.png 1343w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nelle <strong>impostazioni <\/strong>del blocco si pu\u00f2 decidere se visualizzarlo come link o pulsante e cambiare il testo, come anche aggiungere il CSS; invece non si riesce a modificare i testi contenuti nella finestra a comparsa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-1024x410.png\" alt=\"Blocco Searchwp Ricerca Modal\" class=\"wp-image-127166\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-1024x410.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-300x120.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-768x308.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-120x48.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal-1536x616.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/blocco-searchwp-ricerca-modal.png 1659w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il <strong>risultato <\/strong>sar\u00e0 qualcosa del genere:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1352\" height=\"613\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-modal.gif\" alt=\"Searchwp Ricerca Modal\" class=\"wp-image-127167\"\/><\/figure>\n\n\n\n<p>In <em>SearchWP &gt; Settings<\/em> c\u2019\u00e8 la possibilit\u00e0 di attivare la visualizzazione a schermo intero della finestra modal, cos\u00ec come di bloccare lo scrolling nella pagina sottostante. Se hai bisogno di pi\u00f9 opzioni devi passare al plugin a pagamento.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"espandere-la-ricerca-word-press-wp-extended-search\">Espandere la ricerca WordPress: WP Extended Search<\/h4>\n\n\n\n<p><strong>Uno dei plugin gratuiti pi\u00f9 noti <\/strong>capaci di inserire ed espandere la ricerca nativa di WordPress \u00e8 <a href=\"https:\/\/it.wordpress.org\/plugins\/wp-extended-search\/\" rel=\"noopener\">WP Extended Search<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"301\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-extended-search.png\" alt=\"Wp Extended Search\" class=\"wp-image-127168\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-extended-search.png 553w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-extended-search-300x163.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/wp-extended-search-116x63.png 116w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<p>Questo strumento va a cercare i termini della query <strong>non solo in titolo, contenuto ed estratto dei post<\/strong>, ma anche in metadati, nomi degli autori, categorie, tag e tassonomie.&nbsp;<\/p>\n\n\n\n<p>Inoltre consente inoltre di includere o escludere nei risultati <strong>qualsiasi tipo di contenuto visibile<\/strong> del sito \u2013 articoli e pagine, media e landing page, compresi i prodotti di WooCommerce.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-1024x488.png\" alt=\"Impostazioni Wp Extended Search\" class=\"wp-image-127169\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-1024x488.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-768x366.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search-1536x732.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-wp-extended-search.png 1540w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tra le impostazioni c\u2019\u00e8 la possibilit\u00e0 di:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>scegliere se i risultati devono avere una <strong>corrispondenza esatta<\/strong> con la parola chiave inserita;<\/li>\n\n\n\n<li>definire la <strong>relazione tra i termini<\/strong> inseriti nella query secondo la logica AND \u2013 devono essere tutti presenti nei risultati \u2013 oppure OR \u2013 basta che ci sia uno solo dei termini;<\/li>\n\n\n\n<li><strong>escludere i contenuti<\/strong> che risalgono a prima di una certa data;<\/li>\n\n\n\n<li>decidere il <strong>criterio in base a cui ordinare i risultati<\/strong>, come rilevanza, numero di commenti, tipo, titolo, ecc.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search-1024x471.png\" alt=\"Impostazioni Plugin Wp Extended Search\" class=\"wp-image-127170\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search-1024x471.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search-768x354.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-plugin-wp-extended-search.png 1338w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una cosa interessante \u00e8 che puoi diversificare le impostazioni creando <strong>setting illimitati<\/strong> oltre a quello globale di default, e ciascuno sar\u00e0 associato a un blocco di ricerca.<\/p>\n\n\n\n<p>Andando su <em>Extended Search &gt; Setting Names<\/em> puoi aggiungere un <strong>nuovo setting<\/strong> e otterrai le istruzioni per configurare il campo di ricerca corrispondente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search-1024x523.png\" alt=\"Setting Names Wp Extended Search\" class=\"wp-image-127171\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search-1024x523.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search-300x153.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search-768x392.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/setting-names-wp-extended-search.png 1334w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-il-modulo-con-un-widget\">Inserire il modulo con un widget<\/h5>\n\n\n\n<p>Il widget di WP Extended Search per inserire la ricerca funziona solo <strong>con l\u2019editor classico<\/strong>, quindi dovrai installare un plugin come <a href=\"https:\/\/it.wordpress.org\/plugins\/classic-widgets\/\" rel=\"noopener\">Classic Widgets<\/a>.<\/p>\n\n\n\n<p>Dopodich\u00e9 potrai <strong>aggiungere l\u2019widget<\/strong> nell\u2019area del tema che preferisci in <em>Aspetto &gt; Widgets\/Classic Widgets<\/em> \u2013 a seconda del plugin che hai scelto, per trascinamento. L\u2019elemento che cerchi si chiama <strong>WPES Search Form<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"476\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-wpes-search-form-classic.png\" alt=\"Widget Wpes Search Form Classic\" class=\"wp-image-127173\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-wpes-search-form-classic.png 644w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-wpes-search-form-classic-300x222.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/widget-wpes-search-form-classic-85x63.png 85w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/figure>\n\n\n\n<p>Dopo averlo inserito nell\u2019area puoi <strong>configurare <\/strong>segnaposto e testo del pulsante, scegliere a quale setting associarlo e aggiungere CSS.<\/p>\n\n\n\n<p>Se il tuo tema lo consente, puoi aggiungere cos\u00ec la barra di ricerca all\u2019header o alla barra laterale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"722\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/header-widget-wpes-search-form.png\" alt=\"Header Widget Wpes Search Form\" class=\"wp-image-127174\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/header-widget-wpes-search-form.png 381w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/header-widget-wpes-search-form-158x300.png 158w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/header-widget-wpes-search-form-33x63.png 33w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/figure>\n\n\n\n<p>Alcuni temi, come <strong>Astra<\/strong>, richiedono un ulteriore passaggio per visualizzare gli widget nell\u2019header.<\/p>\n\n\n\n<p>Bisogna andare in <em>Aspetto &gt; Personalizzazione &gt; Header &gt; Menu Principale<\/em> (il percorso potrebbe variare leggermente a seconda del tema) e selezionare <strong>Widget <\/strong>nel men\u00f9 a tendina sotto <em>Nascondi ultimo elemento nel menu<\/em>, per far apparire quelli appena configurati.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget-1024x356.png\" alt=\"Aspetto Personalizza Header Menu Widget\" class=\"wp-image-127175\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget-1024x356.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget-300x104.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget-768x267.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget-120x42.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/aspetto-personalizza-header-menu-widget.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"inserire-il-modulo-con-uno-shortcode\">Inserire il modulo con uno shortcode<\/h5>\n\n\n\n<p>Per inserire i moduli di ricerca del plugin con gli <strong>shortcode devi configurare il file functions.php<\/strong>. Incolla<strong> <\/strong>al suo interno il codice che ti viene mostrato nel campo PHP, preceduto da uno snippet che serve a legare la funzione al caricamento dei plugin:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'plugins_loaded', 'esegui_wpes_dopo_plugin' );\n\nfunction esegui_wpes_dopo_plugin() {<\/code><\/pre>\n\n\n\n<p>Questo invece \u00e8 lo <strong>shortcode <\/strong>inserito in Gutenberg:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search-1024x462.png\" alt=\"Shortcode Wp Extended Search\" class=\"wp-image-127176\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search-1024x462.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search-300x135.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search-768x347.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/shortcode-wp-extended-search.png 1272w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Purtroppo i testi generati con WP Extended Search sono <strong>in inglese<\/strong>, ma se ti piace puoi sempre tradurre le poche stringhe visibili agli utenti con <a href=\"https:\/\/supporthost.com\/it\/loco-translate\/\">Loco Translate<\/a>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"personalizzare-laspetto-del-modulo-di-ricerca\">Personalizzare l\u2019aspetto del modulo di ricerca<\/h5>\n\n\n\n<p>Col codice puoi <strong>personalizzare completamente l\u2019aspetto<\/strong> del modulo di ricerca. Dovrai prima di tutto creare il file <em>wpes-searchform-3693.php<\/em> nel tuo tema child, dove 3693 \u00e8 l&#8217;ID delle impostazioni e inserire l\u00ec il codice personalizzato del modulo di ricerca.<\/p>\n\n\n\n<p>Per sicurezza puoi copiare il contenuto dal file <em>searchform.php<\/em> del tema e apportare le tue modifiche su quello.&nbsp;<\/p>\n\n\n\n<p>WP Extended Search non velocizza l\u2019inserimento dei campi di ricerca interna perch\u00e9 le procedure sono le stesse che abbiamo visto per quella nativa di WordPress, per\u00f2 <strong>aggiunge funzionalit\u00e0 utili<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"plugin-per-la-ricerca-a-pagamento\">Plugin per la ricerca a pagamento<\/h4>\n\n\n\n<p>Il vantaggio dei plugin per la ricerca WordPress a pagamento \u00e8 quello di riunire <strong>in un\u2019unica barra di ricerca la maggior parte delle funzionalit\u00e0<\/strong> che abbiamo visto e altre di cui parleremo tra poco.<\/p>\n\n\n\n<p>Tra i plugin WordPress per la ricerca a pagamento <strong>uno dei pi\u00f9 apprezzati<\/strong> \u00e8 <a href=\"https:\/\/searchwp.com\/\" rel=\"noopener\">SearchWP<\/a>,<em> in grado di cercare in tutti i tipi di contenut<\/em>i \u2013 pagine, articoli, campi personalizzati, tassonomie, pagine prodotto, PDF, commenti, shortcode, ecc. \u2013 e integrabile con WooCommerce.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-1024x628.png\" alt=\"Searchwp\" class=\"wp-image-127177\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-1024x628.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-300x184.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-768x471.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-103x63.png 103w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp.png 1302w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I moduli di SearchWP offrono filtri per tipo di contenuto, autore e tag, configurabili a monte dall\u2019admin del sito; possono essere modal e prevedere la ricerca Ajax.<\/p>\n\n\n\n<p>Il plugin contiene anche <strong>funzionalit\u00e0 avanzate<\/strong> come la possibilit\u00e0 di personalizzare l\u2019algoritmo di ricerca attribuendo priorit\u00e0 diverse in base ai tipi di contenuto e strumenti per l\u2019analisi dei dati delle ricerche.<\/p>\n\n\n\n<p>\u00c8 compatibile con i plugin WordPress <strong>multilingua <\/strong>pi\u00f9 usati e offre barre di ricerca <strong>multisite<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Il suo <strong>limite <\/strong>riguarda la ricerca \u2018intelligente\u2019: supporta la ricerca per corrispondenza parziale ma il riconoscimento di sinonimi e varianti semplici delle parole va configurato a mano e richiede estensioni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"limiti-della-ricerca-word-press-nativa\">Limiti della ricerca WordPress nativa<\/h2>\n\n\n\n<p>Google ha fissato uno <strong>standard altissimo per le ricerche<\/strong> e i visitatori si aspettano la stessa capacit\u00e0 di soddisfare le loro aspettative anche quando cercano all\u2019interno di un sito. Purtroppo per\u00f2 la ricerca WordPress nativa \u00e8 ben diversa: <strong>non integra funzionalit\u00e0 avanzate<\/strong> come suggerimenti automatici, ricerca per sinonimi, correzione automatica degli errori. Non offre filtri.<\/p>\n\n\n\n<p>Inoltre non considera i contenuti di <a href=\"https:\/\/supporthost.com\/it\/custom-post-type\/\" data-type=\"post\" data-id=\"44303\">tipi di post personalizzati<\/a>, widget, commenti, categorie, tag, prodotti WooCommerce o documenti PDF.<\/p>\n\n\n\n<p>Tra l&#8217;altro, la ricerca nativa WordPress cerca la parola chiave solo in:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>titolo del post (<em>post_title<\/em>)<\/li>\n\n\n\n<li>contenuto del post (<em>post_content<\/em>)<\/li>\n\n\n\n<li>riassunto\/estratto del post (<em>post_excerp<\/em>t, solo se presente).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-migliorare-la-ricerca-word-press\">Come migliorare la ricerca WordPress&nbsp;<\/h2>\n\n\n\n<p>Ci sono varie azioni che possiamo mettere in pratica per migliorare la ricerca interna di WordPress, a iniziare dall\u2019applicare le regole base dell\u2019usabilit\u00e0 per proseguire aggiungendo varie funzionalit\u00e0 avanzate grazie a dei plugin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"migliorare-lusabilita-della-ricerca-interna\">Migliorare l\u2019usabilit\u00e0 della ricerca interna<\/h3>\n\n\n\n<p>Se vuoi offrire una buona esperienza utente, dovresti prima di tutto assicurarti che la ricerca sia <strong>accessibile da qualunque pagina<\/strong> del sito, non solo dalla home; l\u2019unica eccezione possono essere le landing page.<\/p>\n\n\n\n<p>Inoltre il modulo deve essere <strong>sempre subito individuabile<\/strong>, quindi si deve trovare nella parte alta della pagina \u2013 ad esempio nel men\u00f9 \u2013 o nella parte alta della barra laterale.<\/p>\n\n\n\n<p>Per lo stesso motivo \u00e8 importante aggiungere una <strong>CTA chiara<\/strong>, anche semplice, come \u2018Cerca\u2019, piuttosto che mostrare solo l\u2019icona della lente, che alcune persone potrebbero non riconoscere.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"offrire-la-ricerca-ajax-in-tempo-reale\">Offrire la ricerca Ajax in tempo reale<\/h3>\n\n\n\n<p>Con un plugin per la ricerca Ajax possiamo far s\u00ec che il modulo mostri i risultati in tempo reale <strong>indovinando le intenzioni dell\u2019utente man mano che scrive<\/strong>, come succede sui motori di ricerca.<\/p>\n\n\n\n<p>Vediamo cosa succede installando <strong>uno dei pi\u00f9 famosi tool gratuiti<\/strong> di questo tipo, SearchWP Live Ajax Search.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"306\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-live-ajax-search.png\" alt=\"Searchwp Live Ajax Search\" class=\"wp-image-127180\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-live-ajax-search.png 555w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-live-ajax-search-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-live-ajax-search-114x63.png 114w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/figure>\n\n\n\n<p>Non appena attivato il plugin, avrai a disposizione i <strong>risultati in tempo reale in tutti i campi di ricerca<\/strong> che inserirai con il tuo metodo preferito \u2013 senza bisogno di impostare nulla.<\/p>\n\n\n\n<p>Ecco <strong>come appare la barra di ricerca<\/strong> inserita prima con lo shortcode ora che abbiamo installato SearchWP Live Ajax Search:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"653\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-ajax-wordpress.png\" alt=\"Searchwp Ricerca Ajax WordPress\" class=\"wp-image-127181\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-ajax-wordpress.png 957w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-ajax-wordpress-300x205.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-ajax-wordpress-768x524.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-ricerca-ajax-wordpress-92x63.png 92w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n\n\n\n<p>Se vuoi, hai comunque la <strong>possibilit\u00e0 di cambiare il layout<\/strong> del modulo e la visualizzazione dei risultati, aggiungere immagini, descrizioni, titoli, ecc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"698\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search-1024x698.png\" alt=\"Searchwp Settings Enable Live Search\" class=\"wp-image-127182\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search-1024x698.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search-300x205.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search-768x524.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search-92x63.png 92w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/searchwp-settings-enable-live-search.png 1307w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per integrare la ricerca in tempo reale su WooCommerce, ti servir\u00e0 o un plugin per la ricerca WordPress a pagamento oppure un plugin specifico per WooCommerce (ne esistono anche gratuiti).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-la-ricerca-multilingua\">Aggiungere la ricerca multilingua<\/h3>\n\n\n\n<p>Se vuoi rendere disponibile la <strong>ricerca in pi\u00f9 lingue<\/strong>, devi prima di tutto rendere il tuo sito <a href=\"https:\/\/supporthost.com\/it\/wordpress-multilingua\/\">WordPress multilingua<\/a> con un plugin apposito, come TranslatePress o Polylang, poi installare un plugin per la ricerca compatibile con quello di traduzione.&nbsp;<\/p>\n\n\n\n<p><strong>Una buona scelta<\/strong> potrebbe essere <a href=\"https:\/\/wordpress.org\/plugins\/add-search-to-menu\/\" rel=\"noopener\">Ivory Search<\/a>, che \u00e8 capace di lavorare in sinergia con i plugin di traduzione pi\u00f9 usati, permette di personalizzare facilmente l\u2019aspetto dei moduli e integra i risultati in tempo reale Ajax.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"306\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-wordpress-search-plugin.png\" alt=\"Ivory Search WordPress Search Plugin\" class=\"wp-image-127184\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-wordpress-search-plugin.png 553w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-wordpress-search-plugin-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-wordpress-search-plugin-114x63.png 114w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<p>Anche con Ivory Search hai la possibilit\u00e0 di <strong>inserire le barre di ricerca<\/strong> con widget o shortcode gi\u00e0 pronti all\u2019uso.<\/p>\n\n\n\n<p>Dopo aver installato il plugin, in <em>Ivory Search &gt; Search Forms<\/em> trovi <strong>4 moduli di ricerca<\/strong> e per ciascuno uno shortcode e un link che porta alle impostazioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"427\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search-1024x427.png\" alt=\"Form Ricerca Ivory Search\" class=\"wp-image-127185\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search-1024x427.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search-300x125.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search-768x320.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/form-ricerca-ivory-search.png 1387w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Da <em>Edit Search Form<\/em> puoi <strong>personalizzare i moduli<\/strong> di ricerca. \u00c8 possibile definire in quali tipi di contenuti avverr\u00e0 la ricerca, compresi i prodotti WooCommerce, e le <a href=\"#escludere-contenuti-dalla-ricerca\" data-type=\"internal\" data-id=\"#escludere-contenuti-dalla-ricerca\">esclusioni<\/a>; configurare la ricerca Ajax e altre opzioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni-1024x520.png\" alt=\"Ivory Search Form Impostazioni\" class=\"wp-image-127186\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni-1024x520.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni-300x152.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni-768x390.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni-120x61.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-form-impostazioni.png 1282w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La sezione <strong>Design <\/strong>rimanda ad <em>Aspetto &gt; Personalizza<\/em> di WordPress \u2013 che ora contiene anche una schermata Ivory Search con i tipi di modulo \u2013 e da qui puoi definirne in dettaglio i testi e colori.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"828\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/design-personalizza-moduli-ivory-search-form.png\" alt=\"Design Personalizza Moduli Ivory Search Form\" class=\"wp-image-127187\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/design-personalizza-moduli-ivory-search-form.png 295w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/design-personalizza-moduli-ivory-search-form-107x300.png 107w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/design-personalizza-moduli-ivory-search-form-22x63.png 22w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<p>Andando in <em>Aspetto &gt; Widget<\/em> puoi inserire i campi di ricerca come <strong>widget <\/strong>in header, sidebar, footer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"698\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-widget.png\" alt=\"Ivory Search Widget\" class=\"wp-image-127188\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-widget.png 978w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-widget-300x214.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-widget-768x548.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ivory-search-widget-88x63.png 88w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<p>Ivory Search offre una lunga serie di impostazioni utili e un\u2019ampia <a href=\"https:\/\/ivorysearch.com\/documentation\/\" rel=\"noopener\">documentazione di supporto<\/a>.<\/p>\n\n\n\n<p>Ho verificato che si integra con Polylang senza problemi, l\u2019unica accortezza necessaria \u00e8 <strong>creare un modulo di ricerca per ogni lingua<\/strong> \u2013 da <em>Ivory Search &gt; Search Forms &gt; Add New Search Form<\/em>, in modo da avere in tutte le versioni un segnaposto localizzato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search-1024x551.png\" alt=\"Versione Francese Ivory Search\" class=\"wp-image-127189\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search-1024x551.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search-768x413.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/versione-francese-ivory-search.png 1382w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gestire-errori-di-digitazione-sinonimi-e-forme-flesse\">Gestire errori di digitazione, sinonimi e forme flesse<\/h3>\n\n\n\n<p>L\u2019ideale sarebbe offrire una ricerca capace di <strong>offrire sempre risultati pertinenti<\/strong>, anche in caso di errori di digitazione; di gestire sinonimi, forme flesse e parole correlate e ridurre al minimo le ricerche a zero risultati, molto frustranti per l\u2019utente.&nbsp;<\/p>\n\n\n\n<p>Alcuni <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" data-type=\"post\" data-id=\"16110\">plugin WordPress<\/a> gratuiti offrono <strong>una parte di queste funzionalit\u00e0<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Ad esempio con <a href=\"http:\/\/wordpress.org\/plugins\/better-search\/\" rel=\"noopener\">Better Search<\/a> e SearchWP Live Ajax Search puoi integrare la ricerca a corrispondenza parziale (fuzzy) \u2013 per gestire piccoli errori di digitazione \u2013; mentre con Ivory hai la possibilit\u00e0 di impostare liste di sinonimi.&nbsp;<\/p>\n\n\n\n<p><strong>Un buon compromesso<\/strong> in questo senso potrebbe essere la versione gratuita di <a href=\"https:\/\/it.wordpress.org\/plugins\/relevanssi\/\" rel=\"noopener\">Relevanssi<\/a>, che unisce ricerca fuzzy nativa, una ricerca per sinonimi integrabile con codice, e una parziale ricerca per forme flesse (bisogna inserire la radice e un asterisco).<\/p>\n\n\n\n<p>Se vuoi avere tutte le funzionalit\u00e0 di ricerca &#8216;intelligente&#8217; ti servir\u00e0 una <strong>soluzione a pagamento<\/strong>, come SearchWP con estensioni, Relevanssi Premium oppure ElasticPress pi\u00f9 ElasticSearch, che pur essendo gratuiti fanno salire i costi dell\u2019hosting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"escludere-contenuti-dalla-ricerca\">Escludere contenuti dalla ricerca<\/h3>\n\n\n\n<p>Molti contenuti presenti sul tuo sito potrebbero essere <strong>irrilevanti per gli utenti<\/strong>, soprattutto se si tratta di un ecommerce, che contiene sempre pagine degli account, di ringraziamento, ecc.<\/p>\n\n\n\n<p>Se per te \u00e8 importante escludere contenuti dalla ricerca di WordPress in modo mirato puoi gestirla con <strong>Ivory Search<\/strong>, di cui abbiamo gi\u00e0 parlato a proposito di <a href=\"#aggiungere-la-ricerca-multilingua\">ricerca multilingua<\/a>.<\/p>\n\n\n\n<p>La versione gratuita del plugin permette di <strong>definire nel dettaglio le esclusioni<\/strong>, per articoli, pagine, landing page ed extra (<a href=\"https:\/\/supporthost.com\/it\/advanced-custom-fields\/\" data-type=\"post\" data-id=\"44001\">campi personalizzati<\/a> e post sticky).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"796\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory-1024x796.png\" alt=\"Opzioni Esclusioni Ivory\" class=\"wp-image-127191\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory-1024x796.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory-300x233.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory-768x597.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory-81x63.png 81w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/opzioni-esclusioni-ivory.png 1082w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Per articoli, pagine, landing page<\/strong> \u00e8 possibile escludere elementi dalla ricerca selezionandoli da un men\u00f9, oppure in base a categorie, tag e lingua.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"895\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory-1024x895.png\" alt=\"Impostazioni Esclusioni Ivory\" class=\"wp-image-127192\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory-1024x895.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory-300x262.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory-768x671.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory-72x63.png 72w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/impostazioni-esclusioni-ivory.png 1047w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se preferisci usare un altro metodo per inserire i moduli di ricerca, puoi comunque aggiungere le esclusioni con <strong>plugin gratuiti dedicati<\/strong> come <a href=\"https:\/\/wordpress.org\/plugins\/search-exclude\/\" rel=\"noopener\">Search Exclude<\/a>, che permette di nascondere dalla ricerca pagine o post singoli dall\u2019editor selezionando una casella, o <a href=\"https:\/\/wordpress.org\/plugins\/ultimate-category-excluder\/\" rel=\"noopener\">Ultimate Category Excluder<\/a>, che nasconde intere categorie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-filtri-alla-ricerca\">Aggiungere filtri alla ricerca<\/h3>\n\n\n\n<p>Dare ai visitatori la possibilit\u00e0 di usare filtri nella ricerca pu\u00f2 <strong>fare davvero la differenza<\/strong> sulla qualit\u00e0 dell\u2019esperienza utente.<\/p>\n\n\n\n<p>Per aggiungerli alla ricerca nativa di WordPress potrebbe esserti utile un <strong>plugin gratuito<\/strong> come <a href=\"https:\/\/wordpress.org\/plugins\/search-filter\/\" rel=\"noopener\">Search &amp; Filter<\/a>. Otterresti moduli di questo tipo, in cui puoi restringere la ricerca a una categoria e un tag, scelti dai rispettivi men\u00f9 a tendina:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"546\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-search-filter.png\" alt=\"Modulo Search Filter\" class=\"wp-image-127193\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-search-filter.png 993w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-search-filter-300x165.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-search-filter-768x422.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-search-filter-115x63.png 115w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/figure>\n\n\n\n<p>Il <strong>lato negativo<\/strong> del tool \u00e8 che non si integra con gli altri plugin di ricerca gratuiti che abbiamo visto, per cui dovresti scegliere di volta in volta tra i loro moduli e quelli di Search &amp; Filter.<\/p>\n\n\n\n<p>Nella <strong>versione a pagamento<\/strong> invece, Search &amp; Filter si integra in modo diretto con Relevanssi Pro, il che significa che su un modulo di Search &amp; Filter avresti anche le funzionalit\u00e0 di Relevanssi. Se vuoi approfondire, trovi pi\u00f9 informazioni nella <a href=\"https:\/\/free.searchandfilter.com\/\" rel=\"noopener\">documentazione ufficiale del plugin<\/a>.<\/p>\n\n\n\n<p>Se invece hai <strong>WooCommerce<\/strong>, devi sapere che le versioni gratuite di FiboSearch e Advanced Woo Search non comprendono i filtri, per\u00f2 quest&#8217;ultima si integra con il plugin free <a href=\"https:\/\/wordpress.org\/plugins\/filter-everything\/\" rel=\"noopener\">Filter Everything<\/a>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"migliorare-la-ricerca-su-woo-commerce\">Migliorare la ricerca su WooCommerce<\/h3>\n\n\n\n<p>I plugin di ricerca specifici per WooCommerce hanno il vantaggio di essere pensati per i negozi online, quindi per <strong>cercare nei dati specifici dei prodotti<\/strong> e <strong>mostrare un\u2019anteprima<\/strong> dei prodotti gi\u00e0 durante la ricerca.<\/p>\n\n\n\n<p><strong>Uno dei pi\u00f9 popolari<\/strong>, disponibile sia in versione gratuita che premium, \u00e8 <a href=\"https:\/\/it.wordpress.org\/plugins\/ajax-search-for-woocommerce\/\" rel=\"noopener\">FiboSearch<\/a> \u2013 Ajax Search for WooCommerce, che offre molto pi\u00f9 della ricerca in tempo reale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"379\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/fibosearch-ricerca-woocommerce.png\" alt=\"Fibosearch Ricerca Woocommerce\" class=\"wp-image-127194\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/fibosearch-ricerca-woocommerce.png 656w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/fibosearch-ricerca-woocommerce-300x173.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/fibosearch-ricerca-woocommerce-109x63.png 109w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>Con i <strong>moduli di ricerca<\/strong> di questo plugin \u00e8 possibile:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>cercare per titolo, SKU e descrizione breve e lunga del prodotto;<\/li>\n\n\n\n<li>cercare categorie e tag;<\/li>\n\n\n\n<li>visualizzare nei risultati della ricerca in tempo reale immagine, prezzo, SKU e descrizione dei prodotti \u2013 raggruppati per tipo;&nbsp;<\/li>\n\n\n\n<li>accedere al pulsante <em>Aggiungi al carrello<\/em> gi\u00e0 nei suggerimenti;<\/li>\n\n\n\n<li>visualizzare gli stessi risultati della barra di FiboSearch anche nella pagina dei risultati WooCommerce.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"867\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/ricerca-woocommerce-fibosearch.gif\" alt=\"Ricerca Woocommerce Fibosearch\" class=\"wp-image-127195\"\/><\/figure>\n\n\n\n<p>Anche con FiboSearch puoi <strong>incorporare i campi di ricerca<\/strong> sul tuo negozio online attraverso shortcode o widget, personalizzando l\u2019aspetto dei box \u2013 etichette, colori, immagini \u2013 e della ricerca \u2013 come il numero dei risultati e dei caratteri necessari per visualizzare i suggerimenti.&nbsp;<\/p>\n\n\n\n<p>Inoltre questo tool \u00e8 progettato per integrarsi sia con plugin per <a href=\"https:\/\/supporthost.com\/it\/wordpress-multilingua\/\">WordPress multilingua<\/a> che con Google Analytics. Lato negativo: non \u00e8 ancora stato tradotto in italiano.<\/p>\n\n\n\n<p>Cosa offre in pi\u00f9 la <strong>versione a pagamento<\/strong>?<\/p>\n\n\n\n<p>Tra le funzionalit\u00e0 pi\u00f9 interessanti abbiamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>motore di ricerca pi\u00f9 veloce<\/strong> adatto anche a siti con pi\u00f9 di 100.000 prodotti;<\/li>\n\n\n\n<li><strong>ricerca fuzzy<\/strong> e riconoscimento dei sinonimi;<\/li>\n\n\n\n<li><strong>ricerca nei campi personalizzati<\/strong> e negli <strong>attributi<\/strong> dei prodotti;<\/li>\n\n\n\n<li>ricerca in <strong>categorie<\/strong> e <strong>tag<\/strong>, e nei <strong>marchi<\/strong>;<\/li>\n\n\n\n<li>ricerca nei<strong> post<\/strong> e nelle <strong>pagine<\/strong>;<\/li>\n\n\n\n<li><strong>esclusione condizionale di prodotti.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Un altro plugin simile<\/strong> e freemium \u00e8 <a href=\"https:\/\/wordpress.org\/plugins\/advanced-woo-search\/\" rel=\"noopener\">Advanced Woo Search<\/a>, noto per essere facile da usare e capace di adattare l\u2019aspetto dei propri moduli al <a href=\"https:\/\/supporthost.com\/it\/layout-siti-web\/\">layout del sito<\/a>.\u00a0<\/p>\n\n\n\n<p>Da notare che Advanced Woo Search supporta gli errori di digitazione, i sinonimi e i plurali anche nella versione gratuita.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search-1024x567.png\" alt=\"Modulo Ricerca Advanced Woo Search\" class=\"wp-image-127196\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search-1024x567.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search-300x166.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search-768x425.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search-114x63.png 114w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/modulo-ricerca-advanced-woo-search.png 1296w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"velocizzare-la-ricerca-in-word-press\">Velocizzare la ricerca in WordPress<\/h3>\n\n\n\n<p>Se vuoi velocizzare la ricerca interna in wp la prima cosa da fare \u00e8 applicare al tuo sito tutte le <strong>buone pratiche<\/strong> per <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\">velocizzare WordPress<\/a>, iniziando con l\u2019ottimizzare il database e usare un hosting performante per ridurre i tempi di risposta.<\/p>\n\n\n\n<p>In parallelo puoi anche aggiungere una <strong>ricerca Ajax<\/strong> \u2013 con un plugin dedicato o Ivory Search o SearchWP \u2013 per ridurre l\u2019attesa del caricamento della pagina di ricerca.<\/p>\n\n\n\n<p>Ma se devi gestire un gran numero di dati e ricerche degli utenti forse ti serve una spinta in pi\u00f9 per rendere davvero efficiente la ricerca di WordPress, e dovresti valutare di usare un <strong>motore di ricerca esterno<\/strong> come <a href=\"https:\/\/www.elastic.co\/elasticsearch\" rel=\"noopener\">Elasticsearch<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-1024x470.png\" alt=\"Elastic Search\" class=\"wp-image-127197\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-1024x470.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-300x138.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-768x353.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search-1536x706.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/05\/elastic-search.png 1787w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Questo sistema gestisce l&#8217;indicizzazione e la ricerca in modo autonomo, <strong>superando i limiti di prestazioni del database<\/strong>, ed \u00e8 molto scalabile perch\u00e9 a un grosso aumento del volume di contenuti e ricerche simultanee non corrisponde un rallentamento percettibile.<\/p>\n\n\n\n<p><strong>Per attivare Elasticsearch<\/strong> su WordPress, dovrai installarlo sul server e collegarlo al sito attraverso il plugin <a href=\"https:\/\/it.wordpress.org\/plugins\/elasticpress\/\" rel=\"noopener\">ElasticPress<\/a>.<\/p>\n\n\n\n<p>Elasticsearch \u00e8 gratuito ma richiede un <a href=\"https:\/\/supporthost.com\/it\/server-dedicati\/\">hosting dedicato<\/a> o un <a href=\"https:\/\/supporthost.com\/it\/vps-cloud-hosting\/\">VPS cloud hosting<\/a> su misura. Se il tuo fornitore non li offre, puoi passare a SupportHost; oppure scegliere di usare Elasticsearch come servizio, con <a href=\"https:\/\/www.elastic.co\/virtual-events\/elastic-cloud-getting-started-with-hosted-elasticsearch\" rel=\"noopener\">Elastic Cloud<\/a>, anzich\u00e9 installarlo sul server.<\/p>\n\n\n\n<p>Quando Elasticsearch \u00e8 attivo, WordPress lo usa per le ricerche al posto del database MySQL, <strong>rendendole pi\u00f9 veloci ed efficaci<\/strong>; tutto il sito diventer\u00e0 pi\u00f9 efficiente perch\u00e9 si ridurr\u00e0 drasticamente il carico sul server, specialmente in caso di alto traffico e molti contenuti.<\/p>\n\n\n\n<p>Elasticsearch non si limita a velocizzare la ricerca WordPress, ma la migliora offrendo:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>autocompletamento e ricerca istantanea<\/strong>;<\/li>\n\n\n\n<li><strong>ricerca fuzzy e per sinonimi, variazioni e forme flesse <\/strong>\u2013 per esempio \u00e8 capace di trovare \u2018corso\u2019 o \u2018correvano\u2019 a partire da \u2018correre\u2019;<\/li>\n\n\n\n<li><strong>ricerca estesa <\/strong>tra campi e tipi di post personalizzati, metadati, tag, tassonomie, documenti PDF, prodotti WooCommerce e altri tipi di contenuto non gestiti dalla ricerca nativa;<\/li>\n\n\n\n<li><strong>suggerimenti automatici<\/strong> di articoli o prodotti simili;<\/li>\n\n\n\n<li><strong>filtri dinamici e ricerca <\/strong><strong>sfaccettata<\/strong> (multi-filtro) \u2013 che consente agli utenti di affinare i risultati per categorie, attributi o altri criteri avanzati;<\/li>\n\n\n\n<li><strong>ricerca avanzata per WooCommerce<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Inoltre \u00e8 compatibile con <a href=\"https:\/\/supporthost.com\/it\/wordpress-multisite\/\">reti multisito WordPress <\/a>e siti multilingua.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa <strong>guida alla ricerca in WordPress <\/strong>abbiamo visto come funziona e quanto sia importante per l\u2019esperienza utente e quindi per le vendite.&nbsp;<\/p>\n\n\n\n<p><strong>Per attivarla<\/strong> esistono molti modi che vanno dalla personalizzazione del men\u00f9 del tema, all\u2019inserimento di widget in header o sidebar; dai blocchi di Gutenberg a quelli di Elementor; dalla configurazione degli shortcode all\u2019uso di plugin.<\/p>\n\n\n\n<p><strong>Per migliorarla<\/strong> possiamo espanderla a tutti i contenuti del sito, mostrare risultati in tempo reale, offrire filtri; renderla capace di gestire sinonimi, forme flesse ed errori di digitazione cos\u00ec come escludere pagine irrilevanti; velocizzarla.<\/p>\n\n\n\n<p>Creare<strong> il modulo di ricerca perfetto<\/strong> che racchiuda tutte o quasi tutte le funzionalit\u00e0 avanzate \u00e8 pressoch\u00e9 impossibile, per cui dovrai capire quali sono pi\u00f9 importanti per il tuo sito e a quali puoi rinunciare. Un plugin premium pu\u00f2 sicuramente farti ottenere campi di ricerca belli e funzionali in pochissimo tempo e risparmiarti un po\u2019 di fatica mentale.&nbsp;<\/p>\n\n\n\n<p>Hai gi\u00e0 aggiunto la ricerca sul tuo sito WordPress? Se ti va, raccontaci che soluzioni hai scelto e com\u2019\u00e8 andata.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un utente che non trova quello che cerca \u00e8 un utente che abbandona il sito in fretta. Nonostante questo, le statistiche dicono che persino nei negozi online non sempre la ricerca interna viene progettata con cura. Eppure ha poco senso dedicare risorse ai contenuti e non fare il possibile perch\u00e9 le persone riescano a raggiungerli [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":127249,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-126625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=126625"}],"version-history":[{"count":33,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126625\/revisions"}],"predecessor-version":[{"id":144117,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/126625\/revisions\/144117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/127249"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=126625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=126625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=126625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}