Introducerar WPFilters: Det enklaste sättet att lägga till avancerad sökfiltrering i WordPress

Har du någonsin tittat på sökfiltren på Amazon eller Airbnb och önskat att du kunde göra innehållet på din egen webbplats lika lätt att upptäcka?

Tänk om dina besökare enkelt kunde klicka på några alternativ i sökfiltret, som "Pris: Lågt till högt", "Betyg: 4 stjärnor" eller "Färg: Blå"... och omedelbart visas de perfekta resultaten.

Tyvärr är de flesta filtreringsverktyg på marknaden antingen frustrerande komplicerade, kräver att man anlitar en utvecklare för att ställa in, eller är strikt begränsade till WooCommerce-butiker.

Det borde helt enkelt inte vara så här svårt att hjälpa dina besökare att hitta det innehåll de letar efter.

Därför är jag idag glad att kunna dela lanseringen av WPFilters, ett banbrytande plugin som gör det helt sömlöst att lägga till "Amazon-stil" fasetterad sökning till WordPress.

Vi byggde detta verktyg för att hjälpa dig att sluta tappa besökare som inte kan hitta det de behöver. Oavsett om du har en blogg, en e-handelsbutik eller en katalog, låter WPFilters dina användare filtrera inlägg, produkter och anpassat innehåll efter kategorier, taggar, anpassade fält och mer. 

Tänk på det som den ultimata navigationsuppgraderingen som förvandlar din WordPress-webbplats till en professionell, sökbar databas på några minuter.

Bakgrundshistoria – Varför WPFilters?

För några år sedan förvärvade vi SearchWP för att fixa den trasiga standard-WordPress-sökningen. Idag hjälper det över 50 000 webbplatsägare att visa rätt resultat för sin publik.

I takt med att communityn växer, märkte vi snabbt ett konsekvent mönster i feedbacken.

Även om sökfältet nu hittade allt rätt innehåll, ville våra användare ha ett sätt att hjälpa sina webbplatsbesökare att begränsa dessa resultat.

Till exempel, när en besökare söker efter en bred term som "frukostrecept" på en blogg eller "skor" i en butik, kan de få hundratals resultat. Användare skrev till oss och frågade: "Hur kan jag låta mina besökare filtrera dessa resultat och hjälpa dem att få det de letar efter?"

De flesta filtreringsverktyg på marknaden förväntar sig att du anlitar en utvecklare bara för att få dem att fungera på din webbplats. Det var då jag insåg att fasetterad sökning hade blivit en "premiumfunktion" – något som bara stora företag med stora budgetar realistiskt kunde erbjuda.

Det kändes inte rätt för mig. Jag tror att kraftfulla webbplatsfunktioner bör vara tillgängliga för alla, inte bara för dem som kan koda.

Så jag satte mig ner med teamet och ställde en utmaning: Låt oss bygga en filtreringslösning som är lika kraftfull som Amazons, men lika enkel att använda som WordPress Block Editor.

Det är precis vad WPFilters levererar. 

Här är översikten av WPFilters. Titta på videon:

Prenumerera på WPBeginner

Vad är WPFilters?

WPFilters är ett kraftfullt WordPress-plugin för filtrering som låter dig skapa avancerade sökfilter för din webbplats utan att skriva komplex kod.

I utvecklarvärlden kallas detta "fasetterad sökning". Men för dig och dina besökare betyder det helt enkelt omedelbar klarhet.

WPFilters låter dig bygga anpassade filteruppsättningar baserade på kategorier, taggar eller anpassad data, och placera dem var som helst på din webbplats. Detta gör det möjligt för dina besökare att borra ner i ditt innehåll för att hitta exakt vad de behöver på sekunder.

Istället för att skrolla igenom sidor med irrelevant resultat kan de helt enkelt kryssa i en ruta för "Kategori", dra i ett reglage för "Pris" och så vidare.

Oavsett om du använder standard WordPress-sökning eller den kraftfulla SearchWP-motorn, skapar WPFilters gränssnittet som gör det till en glädje att bläddra på din webbplats.

Här är vad som gör det speciellt:

1. Skapa "Amazon-stil"-filter med flera inmatningstyper

Om du tittar på stora webbplatser som Amazon eller Airbnb, kommer du att märka hur enkelt det är att använda deras filtreringsalternativ för att upptäcka rätt resultat. 

De använder radioknappar för val med ett enda alternativ, kryssrutor för val med flera alternativ och visuella reglage för prisintervall.

Detta är exakt den upplevelse WPFilters ger din webbplats. Du kan tilldela den perfekta inmatningskontrollen för att matcha din data, vilket gör att din webbplats känns som en professionell, anpassad app.

För utgivare och bloggägare går detta långt utöver vad vanliga kategorier kan göra. Du kan till exempel låta dina besökare kombinera kriterier som att hitta ett "veganskt" recept som också är "under 30 minuter" och har "5-stjärnigt betyg". 

Den här typen av detaljerad borrning hjälper dina läsare att omedelbart hitta exakt vad de vill ha, vilket håller dem kvar på din webbplats längre.

WPFilters levereras med ett brett utbud av inmatningstyper för att passa olika behov:

• Kryssrutor: låter användare välja flera alternativ samtidigt (utmärkt för kategorier eller taggar).
• Alternativknappar: idealiskt när du vill att användare ska göra ett enda, exklusivt val.
• Rullgardinsmenyer (enkel & flerval): sparar skärmutrymme samtidigt som de erbjuder kraftfulla sorteringsalternativ.
• Reglage för intervall: ett visuellt sätt att filtrera numerisk data som pris, vikt eller storlek.
• Sökfält: låt användare filtrera resultatlistan efter specifika nyckelord.
• Återställ-knapp: ett sätt för användare att med ett klick rensa alla filter och börja om från början.

Filtrera efter vad som helst – kategorier, taggar, anpassade fält & mer

Din WordPress-webbplats är full av värdefull data, men det mesta är dolt för dina besökare. Vanligtvis kan du bara länka till ett generiskt kategorarkiv, och det är allt. Om du vill låta användare filtrera efter något specifikt, som en författare eller ett anpassat fält, har du oftast ingen tur.

WPFilters låser upp all den datan och förvandlar den till klickbara filter. Du är inte begränsad till bara standardkategorier; om datan finns i WordPress kan du filtrera efter den.

Detta inkluderar standardkategorier, taggar eller valfri anpassad taxonomi (som produktkategorier, genrer och mer).

Om du använder Advanced Custom Fields för att lagra extra detaljer upptäcker WPFilters automatiskt dessa fält och låter dig använda dem som filter direkt.

Visa filter var som helst med flexibla inbäddningsalternativ

Varje WordPress-webbplats är byggd på olika sätt. Vissa av er älskar den moderna Blockredigeraren, medan andra föredrar sidbyggare som SeedProd eller Divi. Vi byggde WPFilters för att passa sömlöst in i ditt befintliga arbetsflöde, oavsett hur din webbplats är inställd.

När du väl har konfigurerat dina filter har du fullständig frihet över var du vill visa dem. Om du använder WordPress Blockredigeraren (Gutenberg), sök helt enkelt efter blocket WPFilters Elements och släpp det var som helst på din sida. Det integreras naturligt med redigeringsinställningarna.

Alternativt, om du använder sidbyggare, som SeedProd eller vill använda Classic Editor, kan du använda den unika kortkoden som tillhandahålls för varje filter. Kopiera och klistra bara in den var du vill bädda in den.

Om du är utvecklare ger WPFilters dig också tillgång till färdiga PHP-kodavsnitt så att du kan hårdkoda filter direkt i dina mallfiler.

Smart kontroll över användarupplevelsen (UX)

Om en filterlista är för lång eller visar alternativ som inte har några resultat, kan det faktiskt frustrera dina besökare. WPFilters levereras med flera smarta kontroller för att säkerställa att dina filter ser rena och professionella ut.

Du har fullständig kontroll över beteendet och layouten för dina filterelement:

• Kollapsbara sektioner: Om du har långa listor med filter kan du göra sektionerna kollapsbara. Detta sparar värdefullt skärmutrymme, särskilt på mobila enheter.
• Antal objekt: Visa automatiskt antalet resultat bredvid varje filteralternativ (t.ex. ”Marknadsföring (12)”), så att användarna vet exakt hur många inlägg som finns innan de klickar.
• Dölj tomma alternativ: Du kan välja att dölja alternativ som har noll resultat. Detta förhindrar den irriterande upplevelsen av att en användare klickar på en kategori bara för att se ett meddelande om ”Inga resultat hittades”.
• ”Visa mer”-länkar: Håll dina sidofält prydliga genom att bara visa de första alternativen och dölja resten bakom en ”Visa mer”-länk.
• Horisontella layouter: Istället för en standard vertikal lista kan du visa kryssrutor eller knappar sida vid sida, vilket är perfekt för filter i toppfältet.

Byggt av teamet bakom SearchWP

WPFilters är byggt av samma team bakom SearchWP, det ledande sökpluginet som tusentals ägare av WordPress-webbplatser litar på.

I årevis har SearchWP vært gullstandarden for å fikse relevansen av WordPress-søk (backend). Vi hjalp deg med å sikre at når en bruker søker etter «blå sko», finner de faktisk blå sko.

Men vi innså at det å finne de riktige resultatene bare er halve slaget. Å presentere dem på en måte som er enkel å bla gjennom, er like viktig.

Derfor bygde vi WPFilters.

Vi ønsket å bringe samme nivå av kodingskvalitet og pålitelighet som du forventer fra SearchWP til frontend på nettstedet ditt. Mens WPFilters fungerer vakkert med standard WordPress-søk, er det designet for å være den perfekte følgesvennen for SearchWP.

Sammen gir de deg en komplett søkeopplevelse av bedriftskvalitet – som forbedrer både relevans og brukervennlighet – uten behov for dyre SaaS-abonnementer eller tilpasset utvikling.

Vad kommer härnäst?

Denne lanseringen er bare begynnelsen.

Vi bygger virkelig noe spesielt her, og vi vil at du skal være en del av det. Vårt mål er å gjøre WPFilters til den beste filtreringsløsningen for WordPress, og den beste måten å gjøre det på er ved å lytte til deg.

Vi har en spennende veikart foran oss, men vi vil forsikre oss om at vi bygger akkurat det du trenger. Hvis du har ideer til nye filtertyper, integrasjoner eller funksjoner som vil gjøre livet ditt enklere, vennligst send oss dine forslag.

Vi lytter, og vi ser frem til å fortsette å tjene deg i årene som kommer.

Med vänliga hälsningar,

Syed Balkhi
Grundare av WPBeginner