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 jag laddar upp filer från WordPress-formulär till Google Drive

Har du någonsin förlorat en viktig fil som någon skickat in via din WordPress-webbplats? Kanske den försvann i din e-postinkorg eller raderades av misstag från din nedladdningsmapp.

Det är frustrerande. Särskilt när dessa filer är jobbansökningar, klientdokument eller tävlingsbidrag som du inte har råd att tappa bort.

Lyckligtvis kan du koppla dina WordPress-formulär till Google Drive så att varje filinlämning sparas automatiskt i molnet. På så sätt kan du komma åt filer var som helst, dela dem med ditt team och aldrig mer oroa dig för att tappa bort dem.

I den här guiden visar jag dig steg för steg hur du integrerar WPForms med Google Drive. I slutet kommer du att ha ett pålitligt system som automatiskt laddar upp filer från ett WordPress-formulär direkt till Google Drive. 🗂️

Ladda upp filer från ett WordPress-formulär till Google Drive

Varför ladda upp filer från ditt WordPress-formulär till Google Drive?

Att ladda upp filer från dina WordPress-formulär direkt till Google Drive hjälper dig att spara utrymme på webbplatsen, dela filer enklare och hålla allt säkert säkerhetskopierat.

Normalt lagrar WordPress-formulärplugins uppladdade filer på din webbplats. Detta fungerar bra till en början, men det kan snabbt bli ett problem om du behöver dela filer med personer utanför din webbplats. Eller om stora uppladdningar börjar använda för mycket av ditt lagringsutrymme.

Google Drive gör denna process enklare. Den lagrar filer i molnet, vilket gör att du kan öppna dem från vilken enhet som helst och dela dem med ditt team med bara några få klick.

Här är några vanliga scenarier där det kan hjälpa att skicka formuläruppladdningar direkt till Google Drive:

  • Jobbansökningar – Samla in CV:n och få dem omedelbart lagrade i en delad Drive-mapp för ditt rekryteringsteam.
  • Skrivtävlingar eller fototävlingar – Acceptera användarinlämningar utan att fylla upp din webbplatslagring.
  • Klientprojekt – Samla in dokument, designfiler eller briefar direkt från klienter och håll dem organiserade på ett ställe.
  • Skol- eller organisationsformulär – Samla in uppgifter, tillståndslappar eller registreringar och gör dem enkla att dela med personal eller volontärer.

Detta sparar inte bara utrymme – det lägger också till ett extra lager av säkerhet. Så även om din webbplats någonsin går ner, kommer dina filer fortfarande att vara säkra och tillgängliga i Google Drive.

Med det i åtanke kommer jag att visa dig hur du enkelt skickar WordPress-formuläruppladdningar till Google Drive. Här är en snabb översikt över alla steg jag kommer att täcka i den här guiden:

  1. Steg 1: Installera och aktivera WPForms Pro
  2. Steg 2: Anslut WPForms till Google Drive
  3. Steg 3: Skapa ett formulär för filuppladdning
  4. Steg 4: Konfigurera Google Drive-anslutning
  5. Steg 5: Publicera ditt Google Drive-uppladdningsformulär
  6. Bonustips: Synkronisera dina formulärinlägg med Google Kalender
  7. Vanliga frågor om att ladda upp filer från ett WordPress-formulär till Google Drive
  8. Vidare läsning för att optimera dina WordPress-formulär

Redo? Låt oss börja!

Steg 1: Installera och aktivera WPForms Pro

I den här guiden kommer jag att använda WPForms, som är det bästa kontaktformulärpluginet för WordPress.

Vad som gör det särskilt hjälpsamt här är dess Google Drive-tillägg. Det kopplar dina formulär till Google Drive utan behov av anpassad kod, API:er eller tredjepartstjänster, så allt fungerar sömlöst inuti WordPress.

Vi använder det på vår egen webbplats för att hantera vårt kontaktformulär och vår årliga läsarundersökning. För att lära dig mer om det, se vår detaljerade WPForms-recension.

Så, låt oss få WPForms igång.

Först måste du registrera dig för ett WPForms-konto genom att gå till WPForms webbplats och klicka på knappen 'Skaffa WPForms nu'.

WPForms startsida

📝 Notera: Du behöver WPForms Pro-versionen eller högre för Google Drive-integrationen. Om du bara vill testa saker först finns det också en gratisversion av WPForms som du kan prova.

Vid registrering får du en licensnyckel i ditt WPForms-kontopanel. Se till att kopiera den, eftersom du kommer att behöva den om ett ögonblick.

Därefter kan du fortsätta och installera WPForms-pluginet. Från din WordPress-instrumentpanel går du till Plugins » Lägg till nytt plugin.

Under-menyn Lägg till nytt plugin under Plugins i WordPress adminområde

På nästa skärm kan du använda sökfältet för att snabbt hitta WPForms-pluginet.

Klicka på ‘Install Now’ och sedan ‘Activate’ när det visas.

Installera WPForms

Om du behöver hjälp kan du kolla in vår guide om hur man installerar ett WordPress-plugin.

När pluginet är aktivt måste du lägga till din licensnyckel för att låsa upp Pro-funktionerna. Gå helt enkelt till WPForms » Inställningar, klistra in din licensnyckel i fältet och klicka på 'Verifiera nyckel'.

Hur man lägger till en licensnyckel till premiumversionen av WPForms

Låt oss nu koppla WPForms till ditt Google-konto så att uppladdningar hamnar på rätt plats.

För att göra detta behöver du navigera till WPForms » Tillägg och hitta tillägget Google Drive. Klicka sedan på knappen för att installera och aktivera det.

Installera Google Drive-tillägget

Gå sedan till WPForms » Inställningar » Integrationer.

Klicka här på Google Drive och klicka på knappen ‘Fortsätt med Google’ för att starta integrationsprocessen.

Knappen 'Fortsätt med Google'

På nästa skärm, logga bara in och ge WPForms tillåtelse att spara filer i din Drive.

Oroa dig inte – det behöver bara åtkomst för att lagra uppladdningar.

Tillåta Google Drive-behörighet att hantera filer

När det är klart tar WPForms dig tillbaka till sidan 'Integrationer'.

När du ser den lilla 'Ansluten'-etiketten vet du att det fungerade.

Google Drive anslutet

Steg 3: Skapa ett formulär för filuppladdning

Med anslutningen på plats är det dags att skapa själva formuläret.

För att börja, låt oss gå till WPForms » Lägg till ny.

Knappen + Lägg till ny på WPForms formuläröversikt

Detta tar dig till sidan 'Inställningar' inuti WPForms-byggaren.

Det första du vill göra här är att ge ditt formulär ett namn. Detta är för din referens, men jag rekommenderar att använda något tydligt och beskrivande, som "Halloween fototävlingsbidrag", istället för bara "Filuppladdningsformulär".

När du skapar fler WordPress-formulär, kommer specifika namn att göra det mycket enklare att hantera allt senare.

Namnge formuläret för filuppladdning

Därefter bestämmer du hur du vill skapa ditt formulär.

WPForms ger dig tre alternativ: börja från noll, låta AI bygga en åt dig eller anpassa en färdig mall.

Om du vill prova den AI-drivna byggaren, skriv bara en snabb prompt som beskriver vad du behöver. WPForms AI kommer att generera formuläret åt dig direkt.

WPForms AI-formulär i aktion

För den här guiden kommer jag att guida dig genom steg-för-steg-processen med hjälp av mallen File Upload Form för att samla in Halloween-tävlingsfoton. Den innehåller redan ett fält för filuppladdning, men du kan lägga till eller ta bort fält efter behov.

Dessutom erbjuder WPForms mer än 2 000 mallar, och du kan enkelt hitta en som har funktion för filuppladdning. För att snabbt hitta mallen du vill ha kan du använda sökfältet för att begränsa dina alternativ.

När du hittar mallen du vill använda, för muspekaren över den och klicka på 'Använd mall'.

Välj mallen för formulär för filuppladdning

På nästa skärm ser du WPForms-byggaren i aktion.

Anpassningsalternativen finns till vänster, medan liveförhandsgranskningen av ditt formulär finns till höger.

Mall laddad i redigeraren

Härifrån klickar vi först på fältet ‘File Upload’ för att anpassa det.

För att förhindra röriga filnamn som ”bild(1).jpg” eller ”foto.jpeg” kan du lägga till en enkel namngivningsriktlinje i ‘Beskrivning’.

Du kan till exempel skriva: "Namnge din fil i detta format: Förnamn-Efternamn-Fotografnamn.jpg."

Denna anteckning visas sedan under fältet för filuppladdning.

Lägga till beskrivning för fält för filuppladdning

Under Beskrivning hittar du även fler anpassningsalternativ för fältet för filuppladdning:

  • Begränsa filtyper – Tillåt endast vissa format, som .jpg eller .png för bilder. Skriv bara in filändelserna separerade med kommatecken.
  • Ange maximal filstorlek – Förhindra att användare laddar upp filer som är för stora.
  • Begränsa antalet filer – Kontrollera hur många uppladdningar varje användare kan skicka in.

Till exempel, för detta tävlingsformulär tillät jag .jpeg, .jpg och .png-filer upp till 10 MB vardera, med högst 5 uppladdningar per användare.

Inställningar för filuppladdning

Vid det här laget är ditt formulär i princip klart. Men om du vill göra justeringar kan du anpassa det ytterligare.

För att lägga till ett nytt fält, dra helt enkelt ett från panelen till vänster och släpp det i formulärförhandsgranskningen. Jag kommer till exempel att lägga till en flervalsfråga för att fråga användarna hur de fick reda på tävlingen.

Lägga till ett fält för flervalsfrågor

I anpassningspanelen kan du justera fältet så här:

  • Etikett – Ändra frågan till något i stil med "Hur hörde du talas om den här tävlingen?"
  • Val – Lista olika marknadsföringskanaler för din fototävling. Jag rekommenderar att inkludera ett 'Annat'-val så att deltagarna kan skriva sitt eget svar om det behövs.
  • Obligatoriskt – Aktivera detta för att säkerställa att alla fyller i fältet innan formuläret skickas in.

🧑‍💻 Proffstips: För fält som flervalsfrågor, rullgardinsmenyer och checklistor kan du använda AI Choices för att generera dem med en enkel prompt.

Lägga till etikett och val

Om du lade till alternativet 'Annat' som föreslaget, vill du ge användarna möjlighet att skriva in sitt svar.

Det är här villkorlig logik kommer in. Den här smarta funktionen låter dig visa extra fält endast när de behövs.

För att ställa in detta kan du lägga till ett fält av typen 'Enkel textrad', märka det "Ange vänligen" och göra det obligatoriskt. Aktivera sedan villkorlig logik så att detta fält endast visas när någon väljer 'Annat'.

Lägg till textfält för en enda rad

Byt sedan till fliken 'Smart logik' och aktivera 'Aktivera villkorlig logik'.

Här kan du ställa in villkoret för att 'Visa' detta fält om 'Hur hörde du talas om den här tävlingen?' 'Är' 'Annat'.

Aktivera villkorsstyrd logik för alternativet Annat

Om du inte behöver ett fält är det lika enkelt att ta bort det.

Klicka på fältet i förhandsgranskningen och tryck sedan på den lilla papperskorgsikonen för att ta bort det.

Ta bort ett fält

Det är allt som finns att veta om att navigera i WPForms-byggaren. Härifrån kan du fortsätta att anpassa tills ditt filuppladdningsformulär passar dina exakta behov.

När du är nöjd med ditt formulär är nästa steg att konfigurera formulärinställningarna.

Först kan du gå till Inställningar » Allmänt. När du är där kan du lägga till en formulärbeskrivning för att ge användarna mer kontext om tävlingen.

Lägga till formulärbeskrivning

Du hittar också ett alternativ för att uppdatera texten på skicka-knappen med en tydlig call to action. Till exempel, "Skicka in ditt bidrag" eller något lite roligare, som "Räkna med mig!"

Därefter kan du justera bearbetningsmeddelandet så att användarna vet att deras uppladdning skickas framgångsrikt, till exempel "Skickar..." eller "Räknar dig in..."

Anpassa inlämningsknappen

Därefter kan du växla till inställningarna för 'Aviseringar'.

Som standard skickar WPForms nya formuläranmälningsmeddelanden till din WordPress-administratörs e-postadress. Om du vill kan du lägga till fler mottagare – till exempel andra teammedlemmar som också bör ta emot tävlingsanmälningar.

E-postmeddelande skickat till administratören

Gå sedan till fliken 'Bekräftelser'. Det här är vad användarna kommer att se direkt efter att ha skickat in formuläret.

WPForms ger dig tre alternativ:

  • Meddelande – Visa en kort tacknotering eller bekräftelse på samma sida.
  • Visa sidaOmdirigera användare till en specifik sida på din webbplats, som en "Tack"-sida eller en "Nästa steg"-sida för tävlingen.
  • Gå till URL (Omdirigering) – Skicka användare till valfri länk du vill, till exempel en anpassad landningssida eller en social mediekanal.
Välja bekräftelsetyp

Nu när formuläret är inställt kan du gå vidare till att skicka uppladdningarna direkt till ditt Google Drive-konto.

Steg 4: Konfigurera Google Drive-anslutning

I det här steget kopplar du ditt formulär för filuppladdning till Google Drive och väljer mappen dit dina filer kommer att skickas.

Från formulärbyggaren, gå till Inställningar » Google Drive, och klicka på knappen 'Lägg till ny anslutning'.

Lägga till Google Drive-anslutning

En popup visas där du uppmanas att namnge anslutningen.

Att ge den ett tydligt smeknamn, som "Fototävlingsinlagor", hjälper dig att identifiera den senare, särskilt om du kopplar andra formulär till Google Drive i framtiden.

När du har angett ett namn klickar du på 'OK'.

Ge anslutningen ett smeknamn

När det är klart kan du välja ditt anslutna Google-konto från rullgardinsmenyn.

Välj sedan om du vill att WPForms ska skapa en ny mapp åt dig eller använda en befintlig.

Slutligen kan du välja de fält för filuppladdning som ska synkroniseras till Drive.

Välja konto och skapa en ny mapp

Det finns också ett alternativ för villkorlig logik för din filuppladdning.

Till exempel kan du aktivera detta om du bara vill att specifika filer ska skickas till Google Drive. Låt oss säga att du har ett formulär för jobbansökan med fält för att ladda upp ett foto och ett CV. Du kan ställa in det så att endast CV:n synkroniseras till Drive medan fotona finns kvar lokalt.

Nu, låt oss scrolla ner till fliken "Avancerade alternativ".

Här hittar du en omkopplare för att ta bort lokala filer efter att de har laddats upp till Google Drive. Jag rekommenderar att du aktiverar den här inställningen så att din webbplats hosting inte fylls med dubbletter av filer.

Alternativ för att ta bort lokala filer efter filuppladdning till Google Drive

🧑‍💻 Proffstips: Med det här alternativet aktiverat är den enda kopian av den inskickade filen i din Google Drive. Om du föredrar att ha en säkerhetskopia även inom WordPress kan du lämna det här alternativet avstängt.

När det är sparat ser du en praktisk knapp för att öppna mappen direkt i Google Drive, vilket gör det enkelt att dubbelkolla allt.

Så här ser det ut i byggaren:

Knapparna för att visa eller ta bort Google Drive-mappen

Steg 5: Publicera ditt Google Drive-uppladdningsformulär

Nu är det dags att lägga till ditt formulär på din webbplats.

För att börja kan du klicka på knappen 'Bädda in' i formulärbyggaren.

Knappen 'Bädda in' i WPForms-redigeraren

Detta öppnar ett popup-fönster där du kan välja om du vill släppa det på en befintlig sida eller skapa en helt ny bara för uppladdningar.

För den här handledningen väljer jag 'Skapa ny sida'.

Skapa ett nytt sidalternativ

I nästa popup kan du ge din nya sida en rubrik.

Därefter klickar du på ‘Let’s Go!’

Namnge den nya sidan

Detta laddar automatiskt upp ditt filuppladdningsformulär i WordPress innehållsredigerare för den nya sidan.

Här kan du aktivera reglaget för 'Visa beskrivning' i formulärinställningarna till höger för att visa din formulärbeskrivning.

Aktivera formulärbeskrivning

Innan du publicerar är det en bra idé att testa ditt formulär.

För detta kan du använda förhandsgranskningsfunktionen i blockredigeraren.

Förhandsgranska formulär

Under testning kan du prova att skriva in ett stavfel eller lämna ett obligatoriskt fält tomt för att säkerställa att formulärvalideringen fungerar.

Det kommer att visas i förhandsgranskningen som ett felmeddelande:

Felmeddelanden i formulärförhandsgranskningen

Du kan också kontrollera om din villkorsstyrda logik fungerar.

Klicka helt enkelt på 'Annat' för 'Hur hörde du talas om den här tävlingen?' och se om fältet 'Ange gärna' visas.

Validera formulärets villkorliga logik

Ladda sedan upp riktiga filer och klicka på knappen 'Skicka'.

Om du har skapat en anpassad skicka-knapp, se till att den ser ut och fungerar som förväntat också.

Ladda upp riktiga filer för att testa formuläret

Slutligen behöver du bara bekräfta att dina uppladdade filer hamnar i rätt Google Drive-mapp.

Om de gör det, då är du redo att köra.

Filer uppladdade från WPForms till Google Drive

Härifrån kan du göra ytterligare justeringar på din sida.

Till exempel kan du ladda upp en bild, skapa ett fotogalleri med album, eller lägga till annat innehåll för att göra sidan mer engagerande.

Lägga till en bild på formulärsidan

När du är nöjd med hur allt ser ut, klicka på 'Publicera'. Ditt formulär kommer sedan att vara redo för tävlande på bara några sekunder.

Här är hur mitt formulär för filuppladdning ser ut på min demosida:

Formulär för filuppladdning till Google Drive på en live-webbplats

Och för att se alla dina formulärinlägg kan du gå till WPForms » Inlägg.

Klicka sedan på formuläret du precis skapade.

Kontrollera WPForms-inlägg

Nu ser du en översikt över användarnas inlagor – inklusive deras namn, e-postadress, telefonnummer och inlagans datum.

I kolumnen 'Åtgärder' klickar vi på länken 'Visa' för att öppna detaljerna för hela inlägget.

WPForms-inlagors åtgärd

På nästa skärm ser du all data som användaren skickade in.

I avsnittet 'Filuppladdning' ser du Google Drive-ikonen. Detta indikerar att de uppladdade filerna har skickats framgångsrikt till ditt Drive-konto.

Visa inläggsdetaljer

Det är allt! Du har framgångsrikt laddat upp filer från ett WordPress-formulär till Google Drive – automatiskt.

Bonustips: Synkronisera dina formulärinlägg med Google Kalender

När dina filer väl flödar in i Google Drive, varför stanna där? Du kan ta det ett steg längre genom att synkronisera dina formulärinlägg med andra Google-verktyg, som Google Kalender.

Om du till exempel samlar in dokument tillsammans med bokningsförfrågningar, kan WPForms Google Calendar-tillägget automatiskt skapa en händelse när någon skickar in formuläret.

Det innebär att de uppladdade filerna går direkt till Drive, och mötesdetaljerna hamnar i din Google Kalender – inget manuellt arbete krävs.

Lägg automatiskt till möten från WPForms till Google Kalender

Det är ett enkelt sätt att hålla sig organiserad och säkerställa att du alltid har rätt filer vid rätt tidpunkt.

För detaljer, se vår guide om hur du lägger till Google Kalender-händelser från WordPress kontaktformulär. 🗓️

Vanliga frågor om att ladda upp filer från ett WordPress-formulär till Google Drive

Hur integrerar jag Google Drive med WordPress?

Du kan använda ett plugin som WPForms med dess Google Drive-tillägg. Detta låter dig automatiskt skicka uppladdade filer från dina WordPress-formulär direkt till en vald Google Drive-mapp, så att du slipper flytta dem manuellt.

Kan jag begränsa vilka filtyper användare kan ladda upp?

Ja. De flesta formulärplugins, inklusive WPForms, låter dig begränsa filtyper (som .jpg, .png eller .pdf), ställa in storleksgränser och kontrollera antalet filer som användare kan ladda upp. Detta hjälper till att hålla ditt lagringsutrymme organiserat och undviker för stora uppladdningar.

Kommer radering av filer i WordPress också att ta bort dem från Google Drive?

Nej, när filerna väl har laddats upp till Google Drive finns de kvar där även om du tar bort dem från din WordPress-webbplats. Om du vill frigöra utrymme på din hosting kan du aktivera alternativet för att ta bort lokala filer efter att de har skickats till Google Drive.

Vidare läsning för att optimera dina WordPress-formulär

Jag hoppas att den här artikeln hjälpte dig att lära dig hur du laddar upp filer från ett WordPress-formulär till Google Drive.

Därefter kanske du också vill kolla in 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

5 CommentsLeave a Reply

  1. Bra handledning. Finns det någon fördel med att använda Google Drive för uppladdning istället för att lagra data på FTP? Menar jag till exempel antiviruskydd från Google?

    • Även om Googles genomsökning kan hjälpa något, skulle detta mer vara för att förhindra att man når några lagringsgränser hos en hosting-leverantör om det finns många inlämningar.

      Admin

      • Jag förstår. Jag började nyligen använda den här tekniken baserad på den här guiden när jag fick slut på utrymme på en av mina webbplatser, och det är verkligen bra eftersom jag har ytterligare 15 GB gratis utrymme på Google Drive. Jag märkte också att Google Drive har antiviruskydd, och data bör krypteras, vilket verkar vara en ytterligare fördel för mig. Hur som helst, tack för din tid och ditt svar.

  2. Det här är bra, men varför blir bilderna till en txt-fil när de kommer till mitt Google Drive!?

    • Du vill säkerställa att du har valt bilden som ska laddas upp i Zapier, vilket är den mest troliga anledningen till att en textfil läggs till.

      Admin

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.