Guider

Slik legger du til filopplasting i WordPress-skjemaer

Slik legger du til filopplasting i WordPress-skjemaer

Noen ganger er ikke tekstfelt nok. Du trenger at brukerne sender inn CV-er, laster opp bilder, legger ved dokumenter eller sender skjermbilder. Filopplastingsfelt forvandler grunnleggende kontaktskjemaer til kraftige verktøy for dokumentsamling.

I denne veiledningen lærer du hvordan du legger til funksjonalitet for filopplasting i WordPress-skjemaene dine – fra grunnleggende oppsett til avansert konfigurasjon.

Hvorfor legge til filopplastinger i skjemaer

Samle inn det tekst ikke kan fange opp

  • CV-er/CV-er – Formaterte dokumenter forteller mer enn tekst
  • Bilder – Visuelle bevis, eksempler, porteføljer
  • Skjerm – Vis nøyaktig hva brukerne ser
  • dokumenter – Kontrakter, sertifikater, dokumenter

Strømlinjeforme arbeidsflyter

  • Ingen separate e-postvedlegg
  • Filer knyttet til skjemainnsendinger
  • Alt på ett sted
  • Enklere å spore og organisere

Profesjonell erfaring

  • Moderne formfunksjonalitet
  • Brukere forventer alternativer for filopplasting
  • Reduserer frem-og-tilbake-forespørsler

Vanlige brukstilfeller for filopplasting

Jobbsøknader

  • CV/CV (PDF, DOC)
  • Forelesningsbrev
  • Porteføljeeksempler
  • Spesifikasjoner

Brukerstøttehenvendelser

  • Skjermbilder av problemer
  • Feillogger
  • Konfigurasjonsfiler
  • Videoopptak

Sitatforespørsler

  • Prosjektspesifikasjoner
  • Referansebilder
  • Eksisterende design for å replikere
  • Plantegninger, tegninger

Forsikringskrav

  • Skadebilder
  • Politiet melder
  • Medisinske journaler
  • Kvitteringer

Tilbakemeldinger fra kunder

  • Produktbilder
  • Før/etter bilder
  • Brukergenerert innhold

Registrering av arrangement

  • ID-bekreftelse
  • Bevis for berettigelse
  • Lagliste

Søknader fra entreprenører/leverandører

  • Virksomhetslisenser
  • Forsikringsbevis
  • Arbeidsprøver

Legge til filopplasting i skjemaet ditt

Slik legger du til filopplastinger med Automatisk skjemabygger:

Trinn 1: Installer Auto Form Builder

  1. Gå til Plugins → Legg til ny
  2. Søk etter "A.F.B.«(kortnavnet for Auto Form Builder)»
  3. Finn "AFB – Automatisk skjemabygger – Dra og slipp skjemaoppretter"
  4. Klikk Installer nå, deretter Aktiver

Trinn 2: Opprett eller rediger skjemaet ditt

  1. Gå til Automatisk skjemabygger → Legg til ny (eller rediger eksisterende skjema)
  2. Du vil se dra-og-slipp-skjemabyggeren

Trinn 3: Legg til feltet for filopplasting

  1. Finn File Upload i feltpaletten
  2. Dra den over på skjemalerretet
  3. Plasser der du vil ha den (vanligvis etter kontaktfeltene)

Trinn 4: Konfigurer grunnleggende innstillinger

Klikk på filopplastingsfeltet for å åpne innstillingene:

Feltetikett

Gi det en tydelig, beskrivende etikett:

  • "Last opp CV"
  • «Legg ved dokumenter»
  • "Last opp skjermbilder"
  • «Legg ved filer»

Obligatorisk/valgfritt

Avgjør om filopplasting er obligatorisk:

  • Påkrevd – Brukeren må laste opp for å sende inn
  • Valgfritt – Brukeren kan sende inn uten filer

Hjelpetekst

Legg til instruksjoner for brukere:

  • "Last opp CV-en din i PDF- eller Word-format"
  • «Legg ved skjermbilder som viser problemet»
  • "Maksimal filstørrelse: 10 MB"

Trinn 5: Konfigurer filtypebegrensninger

Kontroller hvilke filtyper som godtas:

Etter kategori

  • Bilder – JPG, PNG, GIF, WebP
  • dokumenter – PDF, DOC, DOCX
  • regneark – XLS, XLSX, CSV
  • arkiver – ZIP, RAR
  • lyd – MP3, WAV
  • Video – MP4, MOV

Aktiver bare det du trenger

For CV-er: Aktiver kun dokumenter
For skjermbilder: Aktiver kun bilder
For generelle vedlegg: Aktiver Dokumenter + Bilder

Trinn 6: Angi størrelsesgrenser

Forhindre store opplastinger:

  • Grense per fil – Maksimal størrelse for hver fil
  • Vanlige innstillinger: 5 MB, 10 MB, 25 MB
  • Vurder serverbegrensninger

Trinn 7: Konfigurer flere filer (valgfritt)

Tillat brukere å laste opp mer enn én fil:

  • Aktiver flere filer – Slå på
  • Minimumsfiler – Minimumsbeløp (0 for valgfritt)
  • Maksimalt antall filer – Lokk for å forhindre misbruk

Trinn 8: Lagre og test

  1. Lagre skjemaet ditt
  2. Forhåndsvis eller legg inn på en side
  3. Testopplasting av diverse filer
  4. Bekreft at filer vises i innsendinger

Konfigurasjonsalternativer for filopplasting

Enkle vs. flere filer

Stille Bruk når Eksempel
enkelt fil Bare ett dokument nødvendig Profilbilde, enkelt CV
Flere filer Flere filer forventes Portefølje, flere skjermbilder

Filtypebegrensninger

Scenario Anbefalte typer
Jobbsøknader PDF, DOC, DOCX
Støttebilletter Bilder (JPG, PNG) + PDF
Fotoinnsendinger JPG, PNG, WebP
Dataimporter CSV, XLS, XLSX
Generelle dokumenter PDF, DOC, DOCX, bilder
Komprimerte filer ZIP

Retningslinjer for størrelsesgrenser

Filtype Typisk størrelse Foreslått grense
Tekstdokumenter (DOC, PDF) 100 KB – 2 MB 5-10 MB
regneark 100 KB – 5 MB 10 MB
Bilder (komprimert) 500 KB – 5 MB 10 MB
Høyoppløselige bilder 5 MB–20 MB 20-25 MB
Korte videoer 10 MB–100 MB 50-100 MB

Eksempler på felt for filopplasting

CV-opplasting (jobbsøknad)

  • Etikett: "Last opp CV"
  • Nødvendig: Ja
  • Flere: Nei (enkeltfil)
  • Filtyper: PDF, DOC, DOCX
  • Maks størrelse: 5 MB
  • Hjelpetekst: «Last opp CV-en din (PDF- eller Word-format, maks. 5 MB)»

Skjermbildevedlegg (supportbillett)

  • Etikett: "Legg ved skjermbilder"
  • Nødvendig: Nei (valgfritt)
  • Flere: Ja (opptil 5)
  • Filtyper: JPG, PNG, GIF
  • Maks størrelse: 10 MB hver
  • Hjelpetekst: «Last opp skjermbilder som viser problemet (valgfritt, opptil 5 bilder)»

Dokumentpakke (tilbudsforespørsel)

  • Etikett: «Prosjektdokumenter»
  • Nødvendig: Nei
  • Flere: Ja (opptil 10)
  • Filtyper: PDF, DOC, bilder, ZIP
  • Maks størrelse: 15 MB hver
  • Hjelpetekst: «Legg ved alle relevante dokumenter, bilder eller spesifikasjoner»

Fotoinnsending (konkurranse)

  • Etikett: «Bilder fra konkurransebidrag»
  • Nødvendig: Ja
  • Flere: Ja (3–5 filer)
  • Filtyper: Kun JPG, PNG
  • Maks størrelse: 10 MB hver
  • Hjelpetekst: «Last opp 3–5 bilder av høy kvalitet (JPG eller PNG)»

Tilgang til opplastede filer

Innsendinger i skjema

  1. Gå til Automatisk skjemabygger → Innsendinger
  2. Finn og klikk på innsendingen
  3. Opplastede filer vises med oppføringen
  4. Klikk for å laste ned eller se

Lagringsplassering for filer

Opplastede filer lagres vanligvis i:

  • WordPress opplastingsmappe
  • Organisert etter dato eller skjema
  • Tilgjengelig via mediebiblioteket eller direkte lenker

I e-postvarsler

Avhengig av innstillinger:

  • Filer vedlagt i e-postvarsel
  • Eller lenker for å laste ned filer

Merk: Store filer kan overskride grensen for e-postvedlegg. Lenker er tryggere for store filer.

I CSV-eksport

Filfelt eksporteres vanligvis som:

  • URL-er til de opplastede filene
  • Filnavn

Serverkrav og -begrensninger

PHP-innstillinger

Serverkonfigurasjon påvirker opplastinger:

Stille Hva den kontrollerer Felles verdier
upload_max_filesize Maksimal størrelse per fil 2M, 10M, 64M
post_max_size Maks total POST-data 8M, 32M, 128M
max_file_uploads Maksimalt antall filer per forespørsel 20
max_execution_time Skripttidsavbrudd 30, 60, 300 sekunder

Sjekke grensene dine

Slik finner du serverens grenser:

  1. Gå til Verktøy → Nettstedshelse → Info
  2. Expand Server seksjon
  3. Se etter opplastingsrelaterte verdier

Hvis grensene er for lave

  • Ta kontakt med nettleverandøren din
  • Eller legg til i .htaccess / php.ini (hvis tillatt)
  • Sett skjemagrenser under servergrensene

Sikkerhetshensyn

Validering av filtype

Begrens alltid filtyper:

  • Aktiver bare typer du faktisk trenger
  • Tillat aldri kjørbare filer (.exe, .php, .js)
  • Validering skjer både på klient og server

Sikkerhet for fillagring

  • Filer lagret utenfor webroten når det er mulig
  • Direkte URL-tilgang kan være begrenset
  • Vurder hvem som har tilgang til opplastede filer

Forebygging av skadelig programvare

For sensitive applikasjoner:

  • Bruk sikkerhetstillegg med skanning mot skadelig programvare
  • Begrens til vanlige trygge formater (PDF, JPG)
  • Se gjennom opplastinger før bruk

Beste praksis

1. Vær spesifikk om kravene

Fortell brukerne nøyaktig hva de skal laste opp:

  • Godkjente filtyper
  • Maksimal filstørrelse
  • Antall tillatte filer
  • Hva filen skal inneholde

2. Bruk passende grenser

Tilpass grenser til faktiske behov:

  • CV-er trenger ikke en grense på 50 MB
  • Fotokonkurranser trenger større grenser
  • Vurder serverkapasiteten

3. Gjør det valgfritt når det er mulig

Ikke krev filer med mindre de er nødvendige:

  • Brukere har kanskje ikke filene klare
  • Øker skjemautfyllingsraten
  • Følg opp filer om nødvendig

4. Aktiver dra og slipp

Moderne, enkel brukeropplevelse:

  • Brukere forventer dra-og-slipp
  • Raskere enn klikk-bla-velg
  • Fungerer med flere filer

5. Vis opplastingsfremdrift

Store filer tar tid:

  • Fremdriftslinjen forhindrer forvirring
  • Brukerne vet at opplastingen fungerer
  • Reduserer antall avbrutte opplastinger

6. Test grundig

Før du går live:

  • Last opp forskjellige filtyper
  • Test ved størrelsesgrenser
  • Prøv ugyldige filtyper (bør avvises)
  • Bekreft at filer vises i innsendinger
  • Test på mobile enheter

Feilsøking av filopplastinger

Opplastingen mislykkes umiddelbart

Kryss av:

  • Filtypen er tillatt
  • Filstørrelsen er innenfor grensen
  • JavaScript er aktivert i nettleseren

Opplastingen mislykkes underveis

Mulige årsaker:

  • Servertidsavbrudd
  • Forbindelsen ble brutt
  • Maksimal serverstørrelse overskredet

Løsninger:

  • Reduser filstørrelse
  • Sjekk servergrenser
  • Prøv mindre filer først

Filer vises ikke i innsendingen

Kryss av:

  • Opplasting fullført før skjemaet sendes inn
  • Serveren har tilgjengelig diskplass
  • Riktige filrettigheter på serveren

Feilmeldingen «Filtype ikke tillatt»

Løsninger:

  • Aktiver filtypen i feltinnstillingene
  • Brukeren kan laste opp feil format
  • Sjekk at filtypen samsvarer med innholdet

Kan ikke laste ned opplastede filer

Kryss av:

  • Filer finnes på lagringsstedet
  • Riktige filtillatelser
  • Lenker/stier er gyldige

Ofte Stilte Spørsmål

Er filopplasting inkludert i gratisversjonen?

Ja! Auto Form Builder inkluderer funksjonalitet for filopplasting i gratisversjonen – ingen betalt oppgradering kreves for grunnleggende filopplastinger.

Hvilke filtyper kan brukere laste opp?

Du kontrollerer dette i feltinnstillingene. Vanlige alternativer inkluderer bilder (JPG, PNG), dokumenter (PDF, DOC), regneark (XLS, CSV) og arkiver (ZIP). Aktiver bare det du trenger.

Hva er den maksimale filstørrelsen?

Du angir dette i feltinnstillingene, men det er også begrenset av serverens PHP-konfigurasjon. Sjekk serverens upload_max_filesize-innstilling.

Kan brukere laste opp flere filer?

Ja, aktiver «Tillat flere filer» i feltinnstillingene og angi minimums-/maksimumsgrenser.

Hvor lagres opplastede filer?

Filene lagres i WordPress-opplastingsmappen og er koblet til skjemainnsendinger. Se dem i innsendingsdashbordet.

Er opplastede filer sikre?

Filopplastinger inkluderer validering for tillatte typer. For ekstra sikkerhet, begrens filtypene til kun det du trenger, og vurder sikkerhetstillegg for skanning etter skadelig programvare.

Sammendrag

Legge til filopplasting i WordPress-skjemaer:

  1. Legg til feltet for filopplasting – Dra over på skjemaet ditt
  2. Sett en tydelig etikett – Fortell brukerne hva de skal laste opp
  3. Begrens filtyper – Aktiver bare det du trenger
  4. Angi størrelsesgrenser – Innenfor serverkapasiteter
  5. Konfigurer flere filer – Om nødvendig
  6. Legg til hjelpetekst – Forklar kravene
  7. Test grundig – Ulike filer, størrelser, enheter

Konklusjon

Filopplastinger utvider skjemaene dine til mer enn bare tekstsamling. CVer, bilder, dokumenter, skjermbilder – hva enn du trenger, kan brukerne sende det direkte via skjemaet ditt. Ingen e-postvedlegg, ingen tapte filer, alt er organisert med innsendingen.

Automatisk skjemabygger inkluderer filopplasting i gratisversjonen, komplett med dra-og-slipp, flere filer, typebegrensninger og størrelsesgrenser. Det tar bare noen få klikk å legge til filopplastinger.

Klar til å godta filopplastinger? Last ned automatisk skjemabygger og legg til filopplastingsfunksjonalitet til skjemaene dine i dag.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *