Hur man lägger till ett sökformulär i ett WordPress-inlägg

Vill du öka engagemanget på din WordPress-blogg?

Att lägga till ett sökformulär i dina inlägg kan verka ovanligt, men det är förvånansvärt effektivt, särskilt för innehållstunga webbplatser som onlinemagasin.

Istället för att bara förlita sig på ett sökfält i sidhuvudet eller sidofältet, uppmuntrar placeringen av ett inom ditt innehåll läsarna att fortsätta utforska. Det är en liten förändring som kan leda till längre sessioner och fler sidvisningar.

I den här guiden visar vi dig steg för steg hur du lägger till ett sökformulär i ditt WordPress-inlägg, oavsett vilket tema du använder. Låt oss dyka in!

Varför lägga till ett sökformulär i dina WordPress-inlägg?

Om besökare gillar ett inlägg på din WordPress-webbplats, är det troligt att de vill läsa mer. Genom att lägga till ett sökformulär i ett inlägg kan du hjälpa besökare att hitta fler bloggar de är intresserade av att läsa.

På så sätt kan du öka dina sidvisningar och minska din avvisningsfrekvens.

Ju längre besökare stannar på din webbplats, desto större är chansen att de prenumererar på din e-postlista, lämnar en kommentar, gör ett köp, följer dig på sociala medier eller vidtar andra positiva åtgärder.

I den här guiden visar vi hur du lägger till standard WordPress-sökformuläret i dina inlägg. Om du vill använda ett anpassat formulär istället, se vår steg-för-steg-guide om hur man skapar ett anpassat WordPress-sökformulär.

Med det sagt kommer vi att dela tre metoder för hur man lägger till ett sökformulär i ett WordPress-inlägg. Använd bara snabblänkarna nedan för att hoppa direkt till den metod du vill använda:

• Metod 1. Lägg till ett sökformulär i ett WordPress-inlägg (fungerar med alla teman)
• Metod 2. Lägg till ett sökformulär i alla WordPress-inlägg (blockbaserade teman)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• Vanliga frågor om att lägga till ett sökformulär i WordPress

Låt oss börja.

Metod 1. Lägg till ett sökformulär i ett WordPress-inlägg (fungerar med alla teman)

Det enklaste sättet att lägga till ett sökformulär i dina inlägg är att använda det inbyggda Sök-blocket.

I den här guiden visar vi hur du lägger till blocket i ett inlägg, men du kan också lägga till det i vilken sida eller widget-redo yta som helst på din webbplats.

Vi rekommenderar också att lägga till detta längst ner i ditt inlägg för att undvika att störa läsupplevelsen.

För att komma igång, öppna helt enkelt sidan där du vill lägga till ett sökformulär. I WordPress blockredigerare, klicka på + ikonen.

I popup-fönstret, skriv 'Sök'. När rätt block visas, klicka för att lägga till det på sidan.

Som standard använder blocket 'Sök' för både dess etikett och knapptext. Denna text kommer att vara synlig för besökare, så du kanske vill ersätta den med något mer beskrivande.

Till exempel, om du lägger till sökfältet till en WordPress-blogg, kanske du vill använda 'Sök i senaste blogginlägg' eller liknande.

Du kan till och med använda etiketten och knapptexten för att motivera dina besökare.

Om du till exempel har skapat en webbutik, kan du använda något i stil med 'Hitta fler bra erbjudanden' eller 'Sök efter liknande erbjudanden' för ditt produktsökningsformulär.

Du kan också lägga till platshållartext. Den här texten försvinner automatiskt när besökaren börjar skriva.

För att lägga till en platshållare, klicka helt enkelt på ‘Valfri platshållare…’ och börja sedan skriva.

Som standard kommer WordPress att använda ditt tema för att styla sökfältet.

Du kan dock ändra knappens bakgrund och textfärg med hjälp av 'Färg'-inställningarna i menyn till höger. Detta kan hjälpa din sökfält att sticka ut från resten av din webbplats.

När du är nöjd med hur Sök-blocket ser ut kan du fortsätta och antingen publicera eller uppdatera inlägget. Om du besöker din webbplats kommer du nu att se sökfältet i inläggets innehåll.

Du kan lägga till ett sökformulär i fler WordPress-inlägg och sidor genom att följa samma process som ovan. För detaljerade instruktioner om hur du lägger till sökfältet i en sidopanel eller liknande sektion, se vår guide om hur man lägger till och använder widgets i WordPress.

Metod 2. Lägg till ett sökformulär i alla WordPress-inlägg (blockbaserade teman)

Om du använder ett blockbaserat tema som ThemeIsle Hestia Pro, kan du lägga till en sökfält i mallen som WordPress använder för alla dina blogginlägg.

På så sätt kan du snabbt och enkelt lägga till ett sökfält i vartenda blogginlägg på hela din WordPress-webbplats.

För att öppna redigeraren för hela webbplatsen, gå till Teman » Redigerare i WordPress-instrumentpanelen.

Som standard visar redigeraren för hela webbplatsen din temas hemmamall.

För att se alla tillgängliga alternativ, välj 'Mallar' från menyn till vänster.

Detta visar en lista över alla mallar som utgör ditt WordPress-tema.

För att anpassa bloggmallen, fortsätt och klicka på 'Enskild'.

WordPress kommer nu att visa en förhandsgranskning av blogglayouten.

För att gå vidare och redigera den här mallen, klicka på den lilla pennikonen.

Du kommer nu att se den här mallen i redigeraren för hela webbplatsen.

För att fortsätta och lägga till en sökfält, klicka på den blå ikonen med ett '+'.

I popup-fönstret som visas, skriv in 'Sök' för att hitta rätt block.

Du kan nu dra blocket till den plats där du vill visa sökfältet.

För att anpassa blocktiteln eller platshållartexten, skriv helt enkelt den nya texten i sökblocket.

När du är nöjd med hur blocket ser ut, klicka på 'Spara' för att göra sökfältet live.

Nu, om du besöker ett blogginlägg på din webbplats, kommer du att se sökfältet.

Metod 3. Lägg till en sökfält i alla WordPress-inlägg med kod (fungerar med alla teman)

Om du inte använder ett blocktema men ändå vill att sökfältet ska visas i alla dina inlägg, då behöver du använda kod.

För att göra detta rekommenderar vi att du använder WPCode. Detta plugin för kodavsnitt gör det säkert och enkelt att infoga anpassad kod i dina temafiler utan att redigera dem direkt. På så sätt kan du lägga till olika kodavsnitt utan att bryta din webbplats.

Några av våra partner varumärken använder faktiskt WPCode för att lägga till och hantera anpassade kodavsnitt. Vi har också testat det omfattande, och du kan se våra resultat i vår detaljerade WPCode-recension.

Det du vill göra är att installera WPCode-pluginet i WordPress. Du kan läsa vår steg-för-steg-guide om hur man installerar ett WordPress-plugin för mer information.

Gå sedan till Kodavsnitt » + Lägg till avsnitt. Välj 'Lägg till din anpassade kod (nytt avsnitt)' och klicka på knappen 'Använd avsnitt'.

Ge nu din nya anpassade kod ett namn. Det kan vara något enkelt som 'Sökfält på blogginlägg'.

Ändra sedan Kodtyp till 'PHP-utdrag'.

Kopiera sedan och klistra in följande kodavsnitt i rutan Kodförhandsgranskning:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Den här koden lägger till ett grundläggande sökfält som liknar sökblocket. Du kan anpassa knapp- och platshållartexten efter behov.

När du är klar, scrolla ner och se till att 'Auto Insert' är valt för Insert Method.

För Plats, navigera till fliken 'Sidspecifik' och välj den som bäst passar dina kriterier. Som exempel har vi valt 'Infoga efter innehåll'.

När du är klar, gör bara koden 'Aktiv' och klicka på 'Spara avsnitt'.

Du bör nu se något liknande detta:

Bonustips: Upptäck tips och tricks för att förbättra WordPress-sökningen

Sökblocket använder WordPress inbyggda sökfunktion. Detta är dock ganska begränsat och inte särskilt bra på att visa korrekta resultat.

I vissa fall vill du kanske att din WordPress-sökfunktion ska vara mer avancerad. Kanske vill du lägga till en sök-efter-kategori-funktion eller göra dina bloggkommentarer sökbara.

Det är där SearchWP kommer in. Detta anpassade sökplugin ger dig fullständig kontroll över WordPress webbplats sökning så att du kan leverera mer exakta resultat till dina besökare.

SearchWP gör också alla delar av din webbplats sökbara, inklusive PDF-filer, ACF-filer, textfiler, WordPress anpassade fält och mer. Du kan kolla in vår fullständiga SearchWP-recension för att lära dig alla dess funktioner.

Efter att ha skapat ett anpassat sökformulär kan du lägga till det var som helst på din webbplats med antingen ett block eller en kortkod.

För att lära dig mer, se vår guide om hur man förbättrar WordPress-sökning med SearchWP.

Vanliga frågor om att lägga till ett sökformulär i WordPress

Efter att ha förstått fördelarna och olika metoder för att lägga till ett sökformulär i dina WordPress-inlägg, kanske du har några kvarstående frågor. Nedan besvarar vi några vanliga frågor för att hjälpa dig att få ut mesta möjliga av denna strategi.

Varför skulle jag vilja lägga till ett sökformulär inuti ett blogginlägg?

Att lägga till ett sökfält direkt i dina inlägg gör det superenkelt för läsarna att upptäcka mer av ditt innehåll, precis när de är som mest engagerade. Det är ett smart sätt att öka sidvisningar och behålla folk på din webbplats längre.

Kan jag få sökformuläret att matcha min webbplats stil?

Absolut! De flesta WordPress-plugins låter dig justera saker som färger, platshållartext och etiketter så att formuläret smälter in perfekt med din design.

Vad händer om jag inte använder blockredigeraren?

Inga problem. Om ditt tema inte stöder blockbaserad redigering kan du fortfarande lägga till ett sökformulär med anpassad kod. Ett plugin som WPCode gör det enkelt och säkert att lägga in dessa kodsnuttar på din webbplats.

Hur kan jag veta om mitt sökformulär faktiskt fungerar?

Du kan spåra prestanda med verktyg som Google Analytics. Håll ett öga på mätvärden som tid på webbplatsen och sidvisningar per session. Om de ökar, gör din sökformulär i inlägget sitt jobb!

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger till ett sökformulär i ett WordPress-inlägg. Du kanske också vill lära dig hur man skapar ett kontaktformulär i WordPress eller kolla in våra experters val av bästa plugins för villkorlig logik för WordPress.

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.