Hur man skapar ett jobbansökningsformulär i WordPress (enkelt)

Varje småföretagare når den spännande punkten där det är dags att anställa sin första anställd. Då börjar frågorna komma in: hur samlar du in och hanterar jobbansökningar i WordPress utan att allt blir en röra?

Vi har sett många företagare försöka hantera ansökningar via e-post, bara för att begravas i långa trådar och förlorade bilagor. Det blir snabbt överväldigande.

Det är därför som att skapa ett ansökningsformulär i WordPress är en så smart lösning. Det håller allt organiserat på ett ställe och gör det enkelt att granska kandidater utan tekniska krångel.

I den här guiden visar jag dig hur du steg för steg bygger ett professionellt jobbansökningsformulär i WordPress, så att du kan hålla dig organiserad och hitta rätt person för jobbet snabbare. ⚡

Varför lägga till ett formulär för jobbansökningar på din WordPress-webbplats?

Att lägga till ett jobbansökningsformulär på din WordPress-webbplats är det bästa sättet att effektivisera din rekryteringsprocess. Istället för att hantera en kaotisk e-postinkorg, håller ett formulär allt professionellt och organiserat.

Dessutom är en sida för ”Karriär” eller ”Jobb” på din webbplats för småföretag ett utmärkt sätt att attrahera talanger. Men att bara lista lediga tjänster räcker inte – du behöver också ett enkelt sätt för kandidater att ansöka.

Låt oss se fler fördelar med att använda ett jobbansökningsformulär:

• Bättre organisation: Ett WordPress-formulär säkerställer att varje ansökan är konsekvent och lagras på ett ställe. Detta förhindrar att viktiga detaljer eller CV:n går förlorade i e-posttrådar.
• Samlar in specifik information: Du kan kräva exakt den information du behöver, som CV:n, personliga brev och portfoliolänkar, utan något fram och tillbaka.
• Förbättrar ditt arbetsflöde: Med rätt verktyg kan du automatisera bekräftelsemejl, filtrera sökande och göra hela rekryteringsprocessen mycket smidigare.

I följande avsnitt visar jag dig hur du skapar ett jobbansökningsformulär i WordPress.

Här är en snabb överblick över alla steg du kommer att ta:

Låt oss börja!

Vill du bygga ditt formulär med AI istället?

Innan vi går in på steg-för-steg-processen bör du känna till ett snabbare alternativ som finns tillgängligt i deras premiumplaner: WPForms AI.

WPForms AI låter dig skapa hela ditt jobbansökningsformulär på några sekunder med hjälp av vanligt engelska. Istället för att manuellt lägga till fält, beskriver du helt enkelt vad du behöver i konversationsform.

Till exempel kan du skriva: ”Skapa ett jobbansökningsformulär med fält för kontaktinformation, arbetshistorik, uppladdning av CV, personligt brev och referenser.”

WPForms AI kommer omedelbart att generera hela formulärstrukturen med alla lämpliga fälttyper, etiketter och inställningar.

Detta skiljer sig från AI Choices, som jag kommer att nämna i steg 2.

WPForms AI bygger hela formuläret från grunden, medan AI Choices hjälper dig att fylla i alternativ för enskilda nedrullningsbara, radio-knapp eller flervalsfält.

För den här handledningen visar jag den traditionella dra-och-släpp-metoden eftersom den ger dig mer manuell kontroll och hjälper dig att förstå hur WordPress-formulär fungerar.

Men om du föredrar snabbhet och bekvämlighet, prova gärna AI-metoden. Du kan alltid anpassa det AI-genererade formuläret efteråt.

Nu kör vi igång med steg-för-steg-metoden.

Steg 1. Installera det bästa WordPress-formulärpluginet

För den här handledningen kommer vi att använda WPForms, som är den bästa pluginen för att bygga formulär i WordPress på marknaden.

WPForms används av över 6 miljoner webbplatser och har ett betyg på 4,8 av 5 stjärnor från över 14 326 recensioner på WordPress.org. Det är en allt-i-ett-lösning för att bygga kraftfulla formulär utan någon kodningskunskap.

Här är vad som gör WPForms utmärkande för jobbansökningsformulär:

• Dra-och-släpp-formulärbyggare som låter dig skapa professionella formulär på bara 5 minuter
• Över 2 100 färdiga formulärmallar inklusive dedikerade mallar för jobbansökningar
• Filuppladdningsfunktion för CV:n, personliga brev och portföljer (kräver Basic-plan eller högre)
• WPForms AI för att generera kompletta formulär från vanliga engelska beskrivningar
• Konversationsformulär-tillägg för moderna, chattliknande ansökningsupplevelser som förbättrar slutförandegraden
• Spårning av övergivna formulär för att återställa ofullständiga jobbansökningar
• Exceptionell kundsupport med ett betyg på 9,3/10 på G2 och svarstider samma dag

WPForms inkluderar även avancerade funktioner som villkorlig logik, formulär med flera sidor och integrationer med system för spårning av sökande via Zapier, vilket gör det perfekt för växande företag som behöver professionella rekryteringsflöden.

För att följa den här handledningen behöver du skapa ett WPForms-konto på WPForms webbplats. Klicka bara på knappen 'Skaffa WPForms', välj en plan och slutför köpprocessen.

Vid registrering kan du ladda ner din WPForms zip-fil. Kopiera också din licensnyckel och förvara den på en säker plats, som en lösenordshanterare.

Därefter kan du installera WPForms-pluginet direkt från din WordPress-instrumentpanel.

För att börja, låt oss navigera till sidan Plugins » Lägg till nytt plugin.

På nästa skärm, klicka på knappen ‘Ladda upp tillägg’.

Klicka sedan på 'Välj fil' och ladda upp din WPForms zip-fil.

När den har laddats upp, klicka helt enkelt på 'Installera nu' och sedan på knappen 'Aktivera' när den visas. Om du behöver hjälp kan du se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering måste du aktivera din licensnyckel.

Besök sidan WPForms » Inställningar i din WordPress-instrumentpanel och klistra in din nyckel i respektive fält. Sedan kan du fortsätta och klicka på 'Verifiera nyckel'.

När den har verifierats är det dags att skapa ditt WordPress-formulär.

Steg 2. Skapa ditt jobbansökningsformulär i WordPress

För att börja behöver du besöka WPForms » Lägg till ny i ditt WordPress-adminområde.

Du kommer sedan att uppmanas att namnge ditt formulär och välja en mall.

På sidan Inställningar kan du namnge formuläret. Vi kommer till exempel att använda namnet 'Ansökan om innehållsskribent'.

Därefter kan du skrolla ner för att välja en mall. Eftersom WPForms har över 2 100 mallar är det enklare att använda sökfältet för att begränsa urvalet.

Skriv helt enkelt in 'jobbansökan' i sökfältet och för muspekaren över mallen 'Jobbansökningsuppladdningsformulär'. Klicka på 'Använd mall' när den visas.

Detta tar dig till WPForms dra-och-släpp-redigerare.

Här ser du mallen för standardformuläret för jobbansökningar, så här:

Den levereras förbyggd med fält för namn, e-post, telefonnummer, adress, CV-uppladdning och "Hur hörde du talas om den här tjänsten?"

Fältet "Hur hörde du talas om den här tjänsten?" inkluderar även villkorlig logik. Om sökande väljer "Annat" visas automatiskt ett ytterligare fält så att de kan ange sitt svar.

Om du är nöjd med formuläret kan du spara det och publicera det omedelbart. Jag rekommenderar dock att du anpassar det för att bättre matcha ditt mål.

Oroa dig inte. Detta kommer att vara mycket enkelt eftersom du har allt du behöver: anpassningsalternativen till vänster och formulärförhandsgranskningen till höger.

Låt oss nu försöka redigera frågan 'Hur fick du reda på den här tjänsten?' i formuläret för jobbansökan.

För att redigera det måste du först klicka på det. Sedan ser du alternativen för fältet öppnas i redigeringspanelen till vänster.

Vi kommer att ta bort alternativen 'Newspaper Ad' och 'Radio/TV Ad' genom att klicka på (-) -knappen bredvid alternativet för att ta bort det.

Låt oss sedan ta bort fältet 'Om annan' omedelbart under detta.

För att ta bort ett fält, för muspekaren över det och klicka på den röda papperskorgsikonen som visas.

Vi kommer också att lägga till ett fält precis före uppladdningen av CV:t. Det här är där våra potentiella innehållsskribenter kan dela länkar till sitt tidigare publicerade arbete.

Klicka först på fliken 'Lägg till fält' på vänster sida om den inte redan är vald. Dra sedan helt enkelt ditt valda fält till formuläret.

Till exempel kommer vi att använda fältet 'Paragraph Text'.

När fältet finns i formuläret kan du klicka på det för att ändra dess etikett och ange en beskrivning.

Här lade jag till 'Ange länkar till 3 exempel på ditt publicerade arbete' i fältets etikett så att kandidaterna vet vad de ska göra.

Ditt jobbansökningsformulär är i princip klart, och du kan klicka på 'Spara'.

Med det sagt har jag några tips för att förbättra det och erbjuda en mer professionell upplevelse.

Tips 1. Fånga flera arbetslivserfarenheter med repeaterfält

Om du vill samla detaljerad anställningshistorik, överväg att använda WPForms Repeater-fält (tillgängligt i WPForms betalplan). Denna kraftfulla funktion låter sökande lägga till flera tidigare jobb utan att du behöver skapa dussintals enskilda fält.

Till exempel, istället för att skapa fälten "Tidigare jobb 1", "Tidigare jobb 2" och "Tidigare jobb 3" (vilket begränsar sökande till exakt 3 jobb), låter ett Repeater-fält varje person lägga till så många eller så få tidigare positioner som de behöver.

Repeater-fältet erbjuder 9 layoutförinställningar inklusive kort, tabell och rutnätformat, så att du kan matcha din webbplats design. Varje upprepad sektion kan inkludera fält som:

• Företagsnamn
• Befattning
• Start- och slutdatum
• Huvudsakliga ansvarsområden
• Anledning till att sluta

Detta skapar en mycket mer professionell ansökningsupplevelse och gör det lättare att granska sökandes fullständiga arbetshistorik.

För att komma igång, dra fältet 'Repeater' från den vänstra panelen till formulärbyggaren.

Klicka sedan på fältet för att ändra etiketten och komma åt de andra anpassningsinställningarna.

När du har uppdaterat etiketten kan du välja visningsstil för din repeater:

• Rader – Visar varje uppsättning fält i en enkel vertikal layout.

• Block – Ger dig mer flexibilitet genom att låta dig organisera fält i flera rader och kolumner inom varje sektion.

Du kan också justera layouten. Beroende på vilken information du vill samla in kan du använda antingen ett enkolumns- eller flerkolumnsformat. WPForms erbjuder också flera kolumnlayoutalternativ, så du kan välja det som bäst passar dina behov.

För det här exemplet kommer jag att använda 4-kolumnslayouten för att snyggt organisera fälten för företagsnamn, roll, antal år arbetat och huvudsakliga ansvarsområden i en enda rad.

Du kan också ställa in ett minimum- och maximumgräns för repeater-fältet.

Ange bara det nummer du vill använda.

Därefter måste du lägga till fält och etiketter inuti repeater-fältet.

Eftersom vi samlar in arbetslivserfarenhet är fältet "Paragraph" ett utmärkt alternativ. Det ger sökande tillräckligt med utrymme för att skriva så mycket detaljer som de behöver.

Lägg till fältet 'Paragraph' inuti repeater-fältet.

Du behöver upprepa denna process baserat på din valda layout. Du kan också blanda olika fälttyper. Du kan till exempel använda ett fält för "Single Line Text" för företagsnamnet och ett fält för "Numbers" för antal år som arbetat.

Klicka sedan på varje 'Paragraph'-fält för att anpassa det.

Detta låter dig ändra etiketten, lägga till en beskrivning och göra fältet obligatoriskt om det behövs.

Upprepa helt enkelt samma steg för alla dina 'Paragraph'-fält.

Tips 2. Minska ansökningsfel med förhandsgranskning av inlägg

Fältet "Entry Preview" (även tillgängligt i WPForms betalplan) låter sökande granska hela sin ansökan innan de skickar in den. Detta är särskilt värdefullt för jobbansökningar där noggrannhet är viktigt.

Sökande kan upptäcka stavfel i sin e-postadress, verifiera att deras CV laddades upp korrekt, eller upptäcka misstag i sin arbetslivshistorik. Om det behövs kan sökande använda 'Redigera'-länkarna för att hoppa tillbaka och rätta eventuella misstag innan slutlig inlämning.

För att lägga till detta fält, scrolla ner i fältalternativen i den vänstra panelen i formulärbyggaren.

Dra sedan fältet 'Entry Preview' till ditt formulär och placera det nära slutet, precis före knappen "Submit".

Klicka sedan på fältet för att öppna dess anpassningsinställningar.

Se till att alternativet 'Display Warning Message' är aktiverat. Du kan också redigera standardmeddelandet om du vill.

Och det var allt.

Denna enkla funktion kan hjälpa till att minska fram-och-tillbaka-e-postmeddelanden där man ber sökande att skicka om information. Det hjälper också till att säkerställa att du får korrekt kontaktinformation och ansökningsinformation från varje kandidat.

Tips 3. Dela upp ditt jobbansökningsformulär i steg

Formulär för jobbansökningar kan bli långa, så det är en bra idé att dela upp dem i mindre steg. Detta gör att formuläret känns mindre överväldigande och lättare för sökande att slutföra.

Du kan göra detta genom att lägga till fält för sidbrytning. Du kan till exempel organisera ditt formulär i ett rent och professionellt flöde som detta:

1. Sökandens detaljer
2. Arbetslivserfarenheter
3. CV & Stödjande dokument
4. Granska din ansökan

För detta flöde behöver du 3 fält för sidbrytning – en i slutet av avsnittet med sökandens detaljer, en i slutet av avsnittet med arbetslivshistorik och en precis före fältet "Entry Preview".

För att ställa in detta, dra och släpp helt enkelt fältet för sidbrytning i förhandsgranskningsområdet.

Lägg till fler sidbrytningar i ditt formulär.

När det är gjort, klicka på rutan 'First Page / Progress Indicator' högst upp i ditt formulär för att öppna inställningarna.

Här hittar du fyra stilar för framstegsindikatorer att välja mellan. Var och en fungerar bättre beroende på vilken typ av formulär du bygger.

• Den enkla stapeldiagrammet är idealisk för kortare formulär med 3–5 sidor. Den visar en ren, procentbaserad stapel som fylls på när användarna rör sig genom formuläret. Den passar utmärkt för kontaktformulär, registreringsformulär eller enkla enkäter.
• Cirklar och Kopplingar är bättre för längre formulär med 6 eller fler sidor. De hjälper användare att tydligt se hur många steg som återstår, vilket är särskilt användbart för detaljerade formulär som jobbansökningar eller flerstegsfrågeformulär.
• Om ditt formulär bara har 2 sidor kan du välja Ingen för att hålla saker rena och undvika onödigt rör. Detta fungerar bra när framstegen redan är uppenbara.

Du kan också anpassa färgerna för att matcha ditt varumärke. Och om du aktiverar sidtiteln kommer den också att visas i framstegsindikatorn.

Därefter vill du även redigera de andra sidbrytningarna.

Till exempel, här före avsnittet Arbetslivserfarenheter ändrade jag namnet på sidbrytningen till "Arbetslivserfarenheter".

För detaljer, se vår guide om hur man skapar ett formulär med flera sidor i WordPress.

Med WPForms kan du anpassa ditt formulär så mycket du vill.

När du är nöjd med allt, klicka på "Spara"-knappen.

Med det sagt behöver du inte få allt perfekt på första försöket.

WPForms låter dig redigera ditt jobbansökningsformulär när som helst. Så, känn dig fri att komma tillbaka senare för att lägga till nya fält, uppdatera beskrivningar eller ordna om sektioner när det behövs.

Steg 3. Konfigurera aviseringar och bekräftelser för jobbansökningsformuläret i WordPress

Som standard skickas jobbansökningar till din webbplats admin-e-post. Men ibland är personen som hanterar dem inte en administratör.

Det är därför WPForms gör det enkelt att skicka formulärinlämningar via e-post till vem som helst utan att ge dem administratörsåtkomst. Du kan också se alla ansökningar direkt i WordPress (mer om detta senare).

För att redigera notifieringsinställningarna, redigera helt enkelt ditt formulär för jobbansökningar och byt till fliken Inställningar » Notiser.

I rutan "Skicka till e-postadress" skriver du in e-postadressen dit du vill att formulärinlämningarna ska skickas. Om du vill skicka dem till flera personer eller avdelningar är det också möjligt.

För detaljer, följ helt enkelt våra instruktioner om att skapa ett formulär med flera mottagare.

Om du använder ett system för spårning av sökande eller lönehanteringsprogramvara kan du också använda WPForms Zapier-tillägg för att integrera med dem och automatiskt ta emot varje jobbansökan.

Du kan också ändra andra aspekter av aviseringen, som ämnesraden i e-postmeddelandet. Redigera helt enkelt den förgjorda texten för att göra detta.

Låt oss sedan byta till fliken "Bekräftelser" för att ändra standardmeddelandet som sökande ser efter att ha skickat formuläret.

Här kan du välja mellan tre bekräftelsetyper:

• Meddelande – Visar ett bekräftelsemeddelande direkt på samma sida efter att formuläret har skickats in.
• Visa sida – Omdirigerar sökande till en annan sida på din webbplats, till exempel en tack-sida eller en sida med ansökningsinstruktioner.
• Gå till URL (Omdirigera) – Skickar sökande till en annan URL, inklusive externa webbplatser eller tredjepartssidor.

För den här handledningen kommer jag att använda bekräftelsetypen Meddelande.

För att redigera det förinställda Meddelandet, skriv helt enkelt in meddelandet du vill att sökande ska se efter att de har skickat in sin ansökan i fältet "Bekräftelsemeddelande".

Glöm inte att klicka på "Spara"-knappen för att säkerställa att dina ändringar uppdateras.

Steg 4. Publicera ditt jobbansökningsformulär i WordPress

Innan du publicerar ditt jobbansökningsformulär är det en bra idé att köra ett snabbt test för att säkerställa att allt fungerar som förväntat. Du kan förhandsgranska formuläret och fylla i det som en riktig kandidat skulle göra.

Från WPForms-byggaren, klicka på "Förhandsgranska"-knappen.

Detta öppnar formulärförhandsgranskningen i en ny flik.

Gå igenom formuläret steg för steg och försök fylla i det som en sökande skulle göra. Jag rekommenderar också starkt att du öppnar din webbplats på din smartphone för att testa formuläret, eftersom många kandidater kommer att ansöka via mobila enheter.

Du kan också medvetet hoppa över obligatoriska fält eller ange felaktig information (som ett stavfel i e-postadressen) för att kontrollera om valideringsmeddelandena visas korrekt och om formuläret blockerar ofullständiga inlämningar.

Testa sedan upprepningsfälten genom att lägga till flera poster, till exempel mer än en jobbexpriens.

Se till att du enkelt kan lägga till och ta bort objekt och att all data förblir korrekt organiserad.

Kontrollera därefter avsnittet "Förhandsgranskning av inlägg".

Det är här användare kan granska all sin information innan de skickar in, så se till att allt ser rent, korrekt märkt och lättläst ut.

Slutligen, testa bekräftelseinställningen.

Skicka in formuläret och kontrollera om bekräftelsemeddelandet (eller omdirigeringen, om du har ställt in en) visas korrekt efter inlämningen.

När allt stämmer kan du fortsätta och lägga till formuläret på din webbplats.

Med WPForms finns det flera sätt att bädda in dina formulär:

• Lägga till det på en ny sida – Skapa en helt ny sida för ditt formulär direkt från WPForms, vilket är utmärkt för dedikerade jobbansöknings- eller kontaktsidor.
• Visa det på en befintlig sida – Lägg till ditt formulär direkt på en sida du redan har skapat utan att lämna WPForms-byggaren.
• Använda en kortkod – Kopiera och klistra in WPForms-kortkoden var som helst på din webbplats, till exempel i ett inlägg, en sida eller ett widgetområde. Den här metoden fungerar också bra med de flesta sidbyggare.

För den här handledningen kommer jag att lägga till jobbansökningsformuläret på en befintlig "Karriär"-sida med hjälp av inbäddningsfunktionen i redigeraren.

Klicka först på knappen 'Bädda in' bredvid 'Spara'.

Detta öppnar ett popup-fönster där du kan välja var formuläret ska bäddas in.

Låt oss klicka på ‘Välj befintlig sida.’

På nästa skärm kommer WPForms att uppmana dig att välja en sida från rullgardinsmenyn.

Klicka bara för att expandera, välj en sida och klicka på 'Låt oss köra!'

Detta öppnar WordPress blockredigerare.

Härifrån klickar du helt enkelt på (+) för att lägga till ett nytt block och letar sedan efter WPForms-blocket.

När du har lagt till det blocket ser du att det har en rullgardinsmeny.

Klicka på den för att välja ditt formulär för jobbansökningar från listan.

WPForms laddar förhandsgranskningen av ditt formulär i innehållsredigeraren.

Här kan du vilja slå på växlingsknappen ‘Visa titel’ för att ge sökande bättre kontext.

Du kan också välja ett från olika WPForms-teman som finns tillgängliga för att få ditt formulär att matcha ditt varumärke bättre.

För mer information om anpassning kan du se vår guide om hur man stylar WordPress-formulär.

När du är nöjd med hur allt ser ut kan du spara eller publicera din sida.

Efter det kan du besöka din webbplats för att se det live formuläret i aktion. På min demosida har jag en titel, en bild, en kort uppmaning till handling och sedan jobbansökningsformuläret:

Steg 5. Åtkomst till inskickade jobbansökningar inuti WordPress

Varje jobbansökan kommer att skickas till administratörens e-postadress för din WordPress-webbplats eller de adresser du angav under fliken "Aviseringar".

E-postmeddelandet kommer att innehålla alla inlämnade detaljer, plus en länk för att ladda ner CV:t eller andra uppladdade filer.

Medan e-postmeddelanden är bra för omedelbara aviseringar, är det bästa sättet att hålla allt organiserat och låta ditt team samarbeta att visa inlägg inuti WordPress.

För att se de inskickade jobbansökningarna inuti WordPress kan du gå till WPForms » Inlägg. Sedan vill du skrolla ner under grafen och klicka på namnet på ditt formulär.

Detta öppnar formulärets inlämningslista.

Klicka nu helt enkelt på länken 'Visa' bredvid en ansökan för att se dess detaljer.

Du kommer sedan att kunna se ansökningsformuläret. Du kan ladda ner kandidatens CV här. Du kan använda 'Stjärn'-funktionen i WPForms för att markera dina favoritkandidater.

Det är också enkelt att lägga till en anteckning genom att klicka på knappen 'Lägg till anteckning'. Detta är en mycket användbar funktion om flera personer granskar och kommenterar ansökningar.

Det är allt. Du har framgångsrikt skapat ett formulär för jobbansökan på din WordPress-webbplats som låter dig enkelt samla in och sortera ansökningar.

Vanliga frågor om att skapa ett formulär för jobbansökan i WordPress

Vad är det bästa WordPress-pluginet för jobbansökningsformulär?

Vi rekommenderar WPForms. Det är lätt att använda, har en dra-och-släpp-byggare, AI-verktyg, färdiga mallar och låter dig enkelt samla in CV:n och andra filer.

Kan jag ta emot ansökningar på flera e-postadresser?

Ja. Du kan bara ange flera e-postadresser separerade med kommatecken i WPForms-aviseringar.

Hur kan jag förhindra spamansökningar i mitt jobbansökningsformulär?

WPForms har inbyggt skydd mot spam. Du kan också lägga till CAPTCHA (Google reCAPTCHA v2/v3, hCaptcha eller anpassad CAPTCHA).

Videohandledning: Skapa ett jobbansökningsformulär i WordPress

Innan du går, se till att du tittar på vår videoguide för hur du skapar en jobbansökan i WordPress.

Prenumerera på WPBeginner

Fortsätt lära dig om att använda formulär i WordPress

Jag hoppas att den här handledningen hjälpte dig att lära dig hur du skapar ett jobbansökningsformulär i WordPress.

Du kanske också gillar våra artiklar om:

• Hur du använder kontaktformulär för att utöka din e-postlista i WordPress
• Tips för att skapa mer interaktiva formulär i WordPress och öka konverteringar
• Hur man skapar flerspråkiga formulär i WordPress (enkla metoder)
• Hur jag blockerade 18 000 skräppost-leadattacker i mitt WordPress-formulär
• Bästa kontaktformulärplugins för WordPress

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