Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man använder flera sökformulär i WordPress

När din WordPress-sökning blandar innehåll, som att visa blogginlägg för kunder som söker efter produkter, skapar det en rörig upplevelse. Vi har sett detta hända om och om igen på webbplatser med både e-handelsbutiker och aktiva bloggar.

Resultatet? Förvirrade användare, missade konverteringar och lägre engagemang.

Saken är den: beroende på din WordPress-webbplats fungerar en enda sökformulär inte alltid bäst. Olika delar av din webbplats behöver olika typer av sökningar.

Till exempel, i onlinebutiker vill kunder bara söka efter produkter, inte blogginlägg. Lösningen är att skapa separata sökformulär för olika innehållstyper.

På WPBeginner har vi hjälpt webbplatsägare att lösa exakt detta problem. I den här artikeln visar vi hur du lägger till och använder flera sökformulär på din WordPress-webbplats. Vi delar vad som har fungerat bäst för oss på många olika webbplatser. 🙌

Hur man använder flera sökformulär i WordPress

Varför använda flera sökformulär i WordPress?

Ett sökformulär kan hjälpa besökare att snabbt hitta det de letar efter. Men om du har mycket innehåll kan det vara vettigt att skapa flera formulär som söker efter specifika typer av innehåll.

Till exempel, om du driver en onlinebutik, kan du skapa en smart WooCommerce-produktsökning som specifikt söker efter produkter.

Du kan också skapa en avancerad sökformulär för anpassade inläggstyper. Till exempel har vi på WPBeginner skapat anpassade sökformulär för inläggstyper för våra sidor med erbjudanden och ordlistor.

Ett exempel på ett anpassat sökformulär på WPBeginner-webbplatsen

Genom att använda olika sökformulär på olika platser på din webbplats kan du hjälpa besökare att få exakta och hjälpsamma sökresultat, oavsett hur mycket innehåll du har publicerat. Detta kommer att förbättra besökarupplevelsen och uppmuntra dem att stanna längre.

Med det sagt kommer vi att dela hur du skapar flera sökformulär i WordPress. Du kan använda snabblänkarna nedan för att navigera genom den här handledningen:

Låt oss börja.

Steg 1: Installera och konfigurera SearchWP

Det enklaste sättet att lägga till flera sökformulär på din WordPress-webbplats är att använda SearchWP, den bästa sökplugin för WordPress som används av över 50 000 webbplatser.

Med SearchWP kan du söka i innehåll som WordPress ignorerar som standard, inklusive anpassade inläggstyper, WooCommerce-produkter, kategorier och PDF-filer.

Du kan också skapa flera sökformulär och sedan lägga till dessa formulär på vilken sida, inlägg eller widget-redo område som helst. För mer information om det, se vår detaljerade SearchWP-recension.

SearchWP

Det första du behöver göra är att installera och aktivera SearchWP-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Vid aktivering, gå till SearchWP » Inställningar och klicka sedan på fliken 'Allmänt'.

Ange SearchWP-licensnyckel

Här måste du ange din licens i rutan 'Licensnyckel'. Du hittar denna information i ditt konto på SearchWP-webbplatsen.

När det är klart, klicka bara på knappen ‘Verifiera nyckel’.

Steg 2: Konfigurera en anpassad WordPress-sökalogoritm

Efter att ha angett licensnyckeln är det en bra idé att finjustera hur SearchWP indexerar, söker och visar ditt innehåll. Du kan se detta som att skapa en anpassad Google-sökalogoritm som bara är för din WordPress-blogg eller webbplats.

Detta är de allmänna inställningarna som alla sökformulär kommer att använda som standard. Du kan åsidosätta dessa inställningar för de enskilda sökformulären.

För att komma igång, gå till SearchWP » Algoritm.

Sökoptimeringspluginet SearchWP för WordPress

Här ser du en sektion för de olika innehållstyper som SearchWP söker i som standard, såsom sidor och inlägg.

Du kommer att märka att varje objekt har en skala för 'Tillämplig attributrelevans'. Detta är vikten (betydelsen) som SearchWP kommer att ge varje attribut.

Konfigurera relevansen för tillämpliga attribut i SearchWP

Innehåll som matchar ett attribut med hög relevans kommer att visas högre i sökresultaten. Däremot kommer innehåll som matchar ett attribut med mindre relevans att visas lägre på sökresultatsidan.

För att ändra relevansen, dra helt enkelt de olika reglagen. Om du till exempel flyttar reglaget 'Titel' åt vänster och reglaget 'Innehåll' åt höger, kommer innehållet att väga tyngre än titeln.

Ett exempel på attribut med olika relevansinställningar i en anpassad sökalgoritm

Du kan till och med tala om för SearchWP att söka i innehåll som WordPress ignorerar som standard.

För att göra detta, klicka på knappen  ‘Källor & Inställningar’.

Hur man gör mer innehåll sökbart i WordPress

Du kan nu markera rutan bredvid de olika innehållstyperna.

Du kanske till exempel vill göra bloggkommentarer sökbara eller lägga till PDF-indexering och sökning i WordPress.

När du är nöjd med dina ändringar klickar du bara på knappen ‘Klar’.

Hur man lägger till kommentarer, media och mer i WordPress-sökresultat

Detta lägger till en ny sektion för varje innehållstyp. Återigen kan du ändra attributrelevansen med hjälp av de olika skjutreglagen.

När du är nöjd med hur sökalgoritmen är inställd, scrolla bara till toppen av skärmen och klicka på knappen ‘Spara’.

Spara din anpassade WordPress-sökaloritm

SearchWP kommer nu att bygga om indexet automatiskt. Beroende på hastigheten på din internetanslutning och din WordPress-värd kan detta ta några minuter.

Så fort du ser ‘Index Status 100%’, vet du att SearchWP har indexerat allt ditt innehåll och alla dina inställningar.

Återuppbygga ditt WordPress-sökindex

Steg 3: Skapa flera olika sökformulär i WordPress

Nu kan du skapa så många olika sökformulär som du vill.

För att komma igång, gå till SearchWP » Sökformulär och klicka på knappen 'Lägg till ny'.

Lägga till ett anpassat sökformulär på din WordPress-webbplats

Detta skapar ett nytt sökformulär, redo för dig att anpassa. Om du till exempel driver en recensionswebbplats, kan du skapa ett formulär som söker efter inlägg med produktrecensioner och ignorerar annat innehåll som dina blogginlägg och media.

Till att börja med behöver du ge formuläret ett unikt namn genom att klicka på den lilla pennikonen bredvid 'Sökformulär 1'.

Lägga till ett namn i sökformuläret

Du anger nu ett namn för det anpassade sökformuläret.

Eftersom du kommer att skapa flera sökformulär i WordPress är det viktigt att använda ett namn som hjälper dig att identifiera detta formulär i WordPress-instrumentpanelen.

Lägga till en titel till ett anpassat sökformulär

Därefter kan du välja en layout med hjälp av miniatyrbilderna för ‘Layouttema’.

Vissa av dessa layouter är utformade för specifika sökformulär. Till exempel, om du skapar ett formulär som söker efter kategori i WordPress, rekommenderar vi att du väljer 'Kategorisökning', eftersom den redan har många av de inställningar du behöver.

Välja en layout för ett anpassat sökformulär

Klicka helt enkelt på de olika teman för att se en förhandsgranskning av hur den här formuläret kommer att se ut på din webbplats.

Efter att du har fattat ditt beslut, scrolla ner till sektionen 'Anpassad styling'.

Inställningarna du ser kan variera beroende på ditt temas layout. Om du till exempel valde 'Snabb sökning', då aktiveras inställningen 'Snabb sökning' som standard.

Den snabba sökningen SearchWP-tema och inställningar

Du kan inaktivera och aktivera de olika alternativen med deras växlar. Förhandsgranskningen i realtid uppdateras automatiskt när du gör ändringar, så du kan prova olika inställningar för att se vad som fungerar bäst.

Beroende på din layout och vilken typ av formulär du vill skapa, kan du behöva aktivera och inaktivera några av inställningarna för 'Anpassad styling'.

Vill du skapa ett formulär som söker efter kategori? Då måste du aktivera växlingsknappen 'Kategorisökning'.

Därefter hittar du fältet ‘Välj kategori’ och skriver in varje kategori som du vill inkludera i sökresultaten. Om du till exempel driver en webbutik, kanske du vill skapa formulär som söker efter specifika WooCommerce produktkategorier.

Skapa flera sökformulär för WordPress

Om du vill tillåta besökare att filtrera sina sökresultat med faktorer som författare, inläggstyp och tagg, måste du klicka för att aktivera växeln 'Avancerad sökning'.

Därefter, skrolla till fältet 'Avancerat sökfilter/s'. Som standard tillåter SearchWP besökare att filtrera sina resultat med hjälp av författare, inläggstyper och taggar.

Skapa ett avancerat sökformulär i WordPress

För att ta bort något av dessa filter, klicka bara på dess 'X'-knapp. Om du vill lägga till fler filter, skriv helt enkelt deras namn i fältet.

Klicka sedan när rätt alternativ visas i rullgardinsmenyn.

Lägga till filter i WordPress-sökningen

Som standard kommer formuläret att söka i media, sidor och inlägg. Om du har skapat anpassade inläggstyper, kanske du vill inkludera dessa i sökresultaten.

För att göra detta, hitta fältet 'Typ av sökning' och klicka på det.

Lägga till flera sökformulär på en WordPress-webbplats

Du kan nu skriva in namnet på varje anpassad inläggstyp.

När rätt anpassad inläggstyp visas, klicka för att lägga till den i sökningen.

Hur man söker i anpassade inläggstyper i WordPress

Vill du exkludera sidor, inlägg eller media från sökresultaten?

Klicka sedan bara på det lilla 'X' bredvid 'Media', 'Sidor' eller 'Inlägg'.

Ta bort innehållstyper från dina WordPress-sökresultat

När du är nöjd med vilken typ av innehåll som SearchWP kommer att söka i, kanske du vill lägga till lite platshållartext i sökfältet.

Här rekommenderar vi att besökarna informeras om hur sökformuläret fungerar och vilka resultat de kan förvänta sig. Om du till exempel har en online-marknadsplats, kanske du vill använda text som 'Sök efter produkter' eller 'Börja handla'.

Som standard visar SearchWP ett generiskt meddelande 'Ange nyckelord och sök'. Du kan ersätta detta med ditt eget meddelande genom att skriva i 'Fältetikett'.

Lägga till en etikett till ett sökformulär på din WordPress-blogg eller webbplats

Som standard visar sökformuläret ett förstoringsglas och en blå knapp "Sök".

För att ta bort knappen ‘Sök’ klickar du bara för att inaktivera växlingsknappen ‘Sökknapp’.

Anpassa ett sökformulär i WordPress

När du är nöjd med dessa inställningar, scrolla till sektionen 'Formulärstil'.

Här kan du välja mellan olika formulärstilar, lägga till en kantlinje och ändra teckenstorlek.

Ändra SearchWP-formulärstilen

Under 'Knappstil' kan du anpassa 'Sök'-knappen som visas i formuläret.

Slutligen, när du är nöjd med hur formuläret är inställt, kan du skrolla till toppen av skärmen och klicka på 'Spara' för att lagra dina inställningar.

Spara ditt anpassade WordPress-sökformulär

För att skapa fler anpassade sökformulär med unika inställningar, upprepa helt enkelt exakt samma process som beskrivs ovan.

Steg 4: Lägg till flera sökformulär på din WordPress-webbplats

Du kan lägga till flera sökformulär på valfri sida, inlägg eller widget-redo område med antingen en kortkod eller Sökformulär-blocket.

Eftersom det är enklast, låt oss börja med att titta på blockmetoden.

Alternativ 1: Lägg till ett sökformulär på en sida eller ett inlägg

Du kanske vill lägga till ett sökformulär på en specifik sida eller ett specifikt inlägg, eller till och med visa det inuti inläggets innehåll.

Du kan till exempel lägga till ett sökformulär på din FAQ-sida, dokumentation, hjälpcenter, kunskapsbas eller liknande. Detta kan förbättra kundupplevelsen genom att hjälpa användare att hitta svar och användbara resurser.

Exempel på sökformulär på en sida

För att komma igång, gå helt enkelt till sidan eller inlägget där du vill lägga till formuläret.

Du kan sedan klicka på ikonen ‘+’ och skriva in ‘Sökformulär’.

Lägga till ett sökformulär på en sida eller ett inlägg med hjälp av ett block

När rätt block visas, klicka på det.

Du kan nu öppna rullgardinsmenyn ‘Välj ett formulär’ och välja det formulär du vill visa på den här sidan eller inlägget.

Välja ett sökformulär

När du är redo att göra sökformuläret live, klicka bara på antingen 'Uppdatera' eller 'Publicera'. Besök nu helt enkelt den här sidan eller inlägget för att se sökformuläret i aktion.

Alternativ 2: Lägg till ett sökformulär i ett widget-redo område

Ett annat alternativ är att lägga till ett sökformulär i ett widget-redo område, som sidofältet eller liknande sektion. Detta är ett enkelt sätt att visa samma sökfält över flera sidor på din WordPress-webbplats.

Gå till Utseende » Widgets för att se alla olika områden där du kan lägga till widgets.

Lägga till en sök-widget till en blogg eller webbplats

De alternativ du ser kan variera beroende på ditt WordPress-tema. Om du till exempel använder temat Astra, kallas sidofältswidgetområdet för ‘Main Sidebar’.

Klicka helt enkelt på blockikonen '+' i det område där du vill lägga till en widget.

Lägg till ny block-widget

Skriv sedan in "Sökformulär".

När rätt block visas, klicka för att lägga till det på din webbplats.

Lägga till en sökformulär-widget på din webbplats

Du kan nu öppna rullgardinsmenyn och välja det sökformulär du vill använda.

När du är klar klickar du bara på knappen 'Uppdatera' för att göra sökformuläret live.

Lägga till ett sökformulär på en blogg eller webbplats

Nu kan du besöka din webbplats för att se det förbättrade sökformuläret.

För mer om detta ämne, se vår guide om hur man lägger till och använder widgets i WordPress.

Alternativ 3: Lägg till ett sökformulär med hjälp av redigeraren för hela webbplatsen

Om du använder ett blockbaserat WordPress-tema, kan du lägga till sökformulär med hjälp av fullständig webbplatsredigerare. Den innehåller områden som du inte kan redigera med den vanliga WordPress-innehållsredigeraren. Du kan till exempel lägga till ett sökformulär i din 404-mall i WordPress.

För att komma igång, gå till Utseende » Redigerare i WordPress-instrumentpanelen.

Lägga till live Ajax-sökning med hjälp av fullständiga webbplatsredigeraren (FSE)

Nu ser du några alternativ för att redigera ditt blocktema.

Som exempel visar vi hur du lägger till ett sökformulär i en sidmall. Klicka på menyn 'Mallar' för att göra det.

Välja en mall att redigera i redigeraren för hela webbplatsen

Du kommer nu att se en lista över alla mallar som utgör ditt WordPress-tema.

Hitta helt enkelt mallen eller malldelen som du vill redigera och klicka på den.

Lägga till ett anpassat sökformulär till en webbplatsmall eller malldel

WordPress kommer nu att visa en förhandsgranskning av den här mallen.

För att fortsätta och redigera mallen, klicka på den lilla pennikonen.

Lägga till ett sökformulär i en arkivmall

Klicka nu på ikonen '+'.

I panelen som visas, skriv in 'Sökformulär'.

Lägga till SearchWP-sökwidgeten i WordPress

När rätt block visas, dra och släpp det i din layout.

Du kan nu öppna rullgardinsmenyn och välja det sökformulär du vill använda.

Visa olika sökformulär-widgets i WordPress

När det är gjort, klicka bara på knappen 'Spara' för att göra dina ändringar live.

Alternativ 4: Lägg till ett sökformulär i WordPress med en kortkod

Ett annat alternativ är att lägga till ett sökformulär med dess kortkod. Detta kan vara ett enklare alternativ om du vill lägga till samma sökformulär på flera sidor, inlägg eller widget-redo områden, eftersom du helt enkelt kan klistra in samma kortkod på flera platser.

För att få en kortkod för ett sökformulär, gå till SearchWP » Sökformulär. Här hittar du sökformuläret du vill visa och kopierar värdet i kolumnen 'Kortkod'.

Hur man lägger till ett sökformulär i WordPress med kortkod

Du kan nu lägga till kortkoden på valfri sida, inlägg eller widget-redo område. För steg-för-steg-instruktioner, se vår guide om hur man lägger till en kortkod i WordPress.

Alternativ 5: Lägg till ett sökformulär i din navigeringsmeny

Ofta har webbplatser en sida med ett sökformulär och en meny som innehåller ett sökfält. På så sätt kan användaren, oavsett var de befinner sig, bara skrolla upp till sidhuvudet och använda sökfunktionen när det behövs.

Om du är intresserad av att göra detta kan du kolla in vår guide om hur man lägger till en sökfält i WordPress-menyn med SearchWP.

Bonustips: Använd sökannonser för att optimera dina sökformulär

Att ställa in flera sökformulär är bara början. För att verkligen förbättra din webbplats sökupplevelse måste du förstå hur besökare använder dessa formulär.

Det är där SearchWPs Metrics-tillägg kommer in. Det spårar vad användare söker efter på din webbplats, hur många resultat de ser och vad de klickar på. Denna data ger dig en inblick bakom kulisserna i vad din publik faktiskt vill ha.

🎯 Proffstips: SearchWP:s Metrics-tillägg ingår i Pro-planen och högre. När det är installerat, gå till SearchWP » Metrics i din instrumentpanel för att börja se insikter i realtid om sökningar.

Du kan till exempel:

  • Hitta populära sökord för att förbättra internlänkning eller skriv nytt innehåll
  • Identifiera sökningar som ger "inga resultat" och lägg till saknat innehåll eller fixa sökfilter
  • Se vilka sökformulär som leder till fler klick och engagemang
SearchWP-mätvärden

Genom att regelbundet granska din interna sökannalys kan du finjustera varje formulärs inställningar och justera din innehållsstrategi. På så sätt kan du skapa en smidigare upplevelse som får besökare att komma tillbaka.

För steg-för-steg-instruktioner, kolla in vår guide om hur du ser sökannonser i WordPress.

🙋‍♀️ Vanliga frågor: Hur man använder flera sökformulär i WordPress

Nu när du vet varför och hur du använder flera sökformulär, låt oss besvara några vanliga frågor som användare har om att anpassa och utöka sökfunktionaliteten i WordPress.

Vilka är fördelarna med att använda flera sökformulär på en webbplats?

Flera sökformulär hjälper användare att hitta exakt vad de letar efter genom att fokusera på specifika innehållstyper, som eCommerce-produkter, blogginlägg eller anpassat innehåll. Detta ökar sökprecisionen, användarnöjdheten, tiden på webbplatsen och kan till och med leda till fler konverteringar.

Kan jag anpassa utseendet på varje sökformulär?

Ja. De flesta WordPress-sökplugins låter dig styla varje formulär för att matcha olika delar av din webbplats. Du kan ändra färger, knapptext, platshållartext och layout med hjälp av inbyggda inställningar eller anpassad CSS.

Hur skapar jag ett avancerat sökformulär för anpassade inläggstyper?

Tillägg som SearchWP eller Custom Post Type UI låter dig inkludera anpassade inläggstyper, som evenemang, portföljer eller produkter, i dina sökresultat.

Skapa ett WordPress-sökformulär för anpassade inläggstyper

De låter dig också styra vilka innehållstyper som visas i varje sökformulär.

Hur skapar jag ett formulär i flera steg i WordPress?

Att skapa ett formulär i flera steg i WordPress skiljer sig från att ställa in flera sökformulär.

Med det sagt kan du använda dra-och-släpp-formulärbyggare som WPForms eller Formidable Forms för att skapa flerstegsformulär. Dessa delar upp längre formulär i mindre, enklare sektioner, vilket förbättrar användarupplevelsen och andelen ifyllda formulär.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du använder flera sökformulär i WordPress. Du kanske också vill se våra guider om:

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

17 CommentsLeave a Reply

  1. Wow, jag visste inte ens att det är möjligt att ha flera sökformulär. Bra att veta att jag kan förbättra sökresultaten i vissa områden med separata formulär. Och än en gång bevisar du att SearchWP-plugin är ett så bra verktyg att ha!

  2. Och hur skulle du ändra platshållartexten för varje formulär?
    Till exempel, platshållartext för formulär 1: Sök i den vanliga bloggen. Platshållartext för formulär 2: Sök böcker för formulär 2.

    • Som ett alternativ kan du lägga till placeholder = "text" i input-taggen för vilken du vill visa varje text

      Admin

  3. I cannot get this to work, search results come up with a blank page :(
    Anyone else get this working or know of another solution for creating multiple forms?

    • Hej Danny,

      Did you get this to work? The / is depreciated – use in the actual form rendering instead and it works :)

      Hoppas detta hjälper.

      • Jag följde detta exakt och jag kan ladda de korrekta mallarna för sökresultat när jag utför en sökning, men INGA resultat visas. Dessutom, när jag gör en sökning i ett av mina formulär, har det andra formuläret den sökta termen i inmatningsfältet när jag återvänder till det.

        Om någon kan ge lite ljus skulle det uppskattas enormt. Jag kan inte hitta något användbart på internet på något sätt...

  4. Har detta lösts. Fungerar det. Jag hoppas det, eftersom jag investerar tid här nu med det här inlägget

  5. Är det okej att namnge mallar som search-normal.php och search-book.php istället för normal-search.php och book-search.php?

  6. kära admin, jag vet inte varför jag inte fick något effektivt resultat genom att följa den här handledningen?

  7. Det finns ett litet problem med detta: Om du placerar två sökformulär på en sida har du två inmatningsfält med samma id (id='s'). Vilket åtminstone inte kommer att validera.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.