Dine besøgende på webstedet vil gerne vide, hvem der står bag mærket. En veldesignet elementor teammedlem sektion sætter ansigter til din virksomhed, opbygger tillid og får dit websted til at føles personligt snarere end virksomhed. Problemet? Elementor sender ikke med en dedikeret teammedlems-widget ud af boksen.
Det er der Master Addons til Elementor kommer ind. Det giver dig to specialbyggede widgets til dette: den MA Teammedlem widget (til gitterlayout) og Team Slider, også kaldet MA Team Members Carousel (til glidende team sektioner). Begge widgets er gratis. Team Member har 11 designvariationer (6 gratis, 5 Pro) og Team Slider har 6 stilforudindstillinger (3 gratis, 3 Pro), og du kan skifte mellem dem med et klik.
I denne vejledning lærer du præcis, hvordan du opret en teammedlemmer sektion i Elementor brug begge metoder, tilpas stylingen, og få mest muligt ud af alle tilgængelige designmuligheder.
Hvorfor Hvert Websted Har Brug For En Teammedlemssektion
Folk køber fra folk. En undersøgelse fra Edelman’s Trust Barometer viste, at forbrugerne er langt mere tilbøjelige til at stole på en virksomhed, når de kan se rigtige mennesker bag det. Din “Om” eller “Team” side er ofte en af de mest besøgte sider på hele dit websted.
Her er hvad en god teammedlemmer sektion i Elementor gør for din hjemmeside:
- Opbygger troværdighed — Besøgende kan se, hvem de arbejder med, før de rækker ud
- Skaber personlige forbindelser — Fotos og korte bios gør dit brand relateret
- Øger konverteringer — Tillidssignaler som holdbilleder reducerer tøven, når du køber
- Forbedrer employer branding — At fremvise dit team tiltrækker bedre jobansøgere
- Reducerer afvisningsprocenter — Engagerende visuelle sektioner holder besøgende på siden længere
Uanset om du driver et lille bureau, en SaaS-virksomhed eller en lokal virksomhed, tager det 10 minutter at tilføje en teamsektion til dit WordPress-websted og har en målbar effekt.
Hvad skal du inkludere i din teammedlemssektion
Før du trækker nogen widget på siden, skal du planlægge, hvilke oplysninger hvert holdkort skal vise. Her er en hurtig oversigt over, hvad der skal inkluderes, og hvad du skal springe over:
| Element | Prioritet | Hvorfor det betyder noget |
|---|---|---|
| Photo | Essential | Folk behandler ansigter hurtigere end tekst. Brug konsekvente, professionelle headshots. |
| Name | Essential | Bør vises direkte ved siden af eller under billedet, så forbindelsen er øjeblikkelig. |
| Betegnelse / Job Title | Essential | Fortæller besøgende, hvilken rolle denne person spiller på holdet. |
| Kort beskrivelse | Anbefales | En 1-2 sætnings bio. Hold det menneske- og personlighedsdrevet. |
| Sociale medier Links | Anbefales | Lader besøgende oprette forbindelse på LinkedIn, Twitter eller andre kanaler. |
| E-mail eller telefon | Valgfri | Tilføj kun, hvis du ønsker direkte kontakt (almindeligt for salgstunge teams). |
Pro Tip: Hold headshots konsistente på tværs af teamet. Samme baggrundsfarve, lignende beskæring og matchende billeddimensioner (300x300px eller 400x400px fungerer godt) gør hele sektionen ser poleret ud.
Hvad du skal bruge, før du starter
For at følge denne tutorial skal du sørge for at have:
- WordPress installeret og kører (enhver nyere version)
- Elementor (gratis eller Pro) — dette virker med begge
- Master Addons til Elementor (gratis version) - download fra WordPress.org
- Teammedlemsbilleder klar til upload (headshots, kvadratforhold anbefales)
Når Master Addons er installeret og aktiveret, finder du MA Teammedlem og MA Team Medlemmer Karrusel widgets inde i Elementor-editoren under fanen “MASTER ADDONS”.
Sådan oprettes en Elementor Team Member Grid Sektion
Gitterlayoutet er perfekt, når du vil vise dit team i et rent, struktureret format med flere kolonner. Sådan opsættes det trin for trin:
Trin 1: Indsæt et nyt afsnit
Åbn en hvilken som helst side i Elementor editor. Klik på “+” ikonet for at tilføje en ny sektion. Vælg din foretrukne kolonnestruktur. For en team sektion fungerer et 3-kolonne eller 4-kolonne layout bedst.
Trin 2: Tilføj en indre sektion
Hvis du har brug for mere kontrol over afstand og layout, skal du trække en Indre sektion widget inde i din hovedsektion. Dette giver dig indlejrede kolonner, hvor hvert teammedlemskort sidder uafhængigt.
Opret så mange kolonner, som du har brug for til din teamstørrelse. Tre kolonner pr. række er det mest almindelige valg til skrivebordsvisninger.
Trin 3: Træk MA Team Member Widget
Rul ned til Elementor-panelet til venstre i Elementor-panelet MASTER ADDONS tab (eller bare søg efter “MA Team Member” i søgelinjen). Træk i MA Teammedlem widget ind i en af dine kolonner.
Du vil straks se et standard teammedlemskort vises med et pladsholderbillede, navn, betegnelse og sociale ikoner.
Trin 4: Gentag for hvert teammedlem
Dublere widgetten, eller træk en ny MA Teammedlem widget ind i hver resterende kolonne. Hver widget repræsenterer ét teammedlem, så du har fuld kontrol over individuelle kort.
Pro Tip: Højreklik på widgetten og vælg “Dupliker” for at kopiere den med al din styling intakt. Byt derefter bare foto og tekst for hvert nyt teammedlem.
Tilpasning af Elementor Team Member Widget Content
Klik på evt MA Teammedlem widget til at åbne sine indstillinger. Den Fanen Content er der, hvor du tilføjer alle de personlige oplysninger for hvert teammedlem.
Teammedlemsdetaljer
Fanen Indhold i elementor teammedlem widget giver dig felter til:
- Image — Upload et headshot eller teamfoto. Du kan også vælge billedstørrelsen.
- Name — Teammedlemmets fulde navn. Det er et almindeligt tekstfelt, og widgetten har ingen HTML-tag-indstilling for det.
- Betegnelse — Jobtitel, rolle eller stilling (f.eks. “Lead Designer” eller “Co-Founder & CEO”).
- Description — En kort bio eller tagline. Hold det til 1-2 sætninger for det reneste udseende.
Sociale medier profiler
Under de vigtigste detaljer finder du afsnittet sociale medier. Tilføj links til hvert teammedlems profiler. Widgetten understøtter alle større platforme, herunder:
- Twitter / X
- GitHub
- Brugerdefinerede webadresser med brugerdefinerede ikoner
Sociale links vises som små ikoner under teammedlemmets info. For at åbne en profil i en ny fane skal du sætte kryds ved “Åbn i nyt vindue” i det pågældende elements linkmuligheder.
Fanen Style: Designvariationer og forudindstillinger
Det er her, MA Teammedlem widget skiller sig virkelig ud fra grundlæggende Elementor-workarounds. I stedet for at bygge teamkortdesign fra bunden, får du 11 designvariationer (6 gratis, 5 Pro) at vælge imellem.
Designvariationer
I Content fane, åbn Designvariationer dropdown øverst. Vælg en af de 11 muligheder (Grundlæggende en til fem og Afrundet er gratis), og widgetten omstrukturerer øjeblikkeligt kortlayoutet. Nogle variationer stabler billedet over teksten. Andre bruger side-by-side layouts. Nogle tilføjer overlay effekter på hover.
Den bedste del: at skifte mellem variationer sletter ikke dit indhold. Dit navn, foto, bio og sociale links forbliver alle intakte. Du kan prøve hver variation og slå dig ned på den, der matcher dit websteds design.
Manuelle stilkontroller
For fuld kreativ kontrol lader fanen Stil dig også tilpasse:
- Baggrundsfarve: en kortbaggrundsfarve i Generelle typografier, plus en farve- eller farveforløbsbaggrund for tekstområdet i Indhold
- Indholdstilpasning — Venstre, center eller højre justerer al tekst og ikoner
- Typografi — Fuld kontrol over skrifttypefamilie, størrelse, vægt, linjehøjde og bogstavafstand for navn, betegnelse og beskrivelse separat
- Tekst Farver — Forskellige farver for navn, betegnelse og beskrivelsestekst
- Sociale ikonfarver: ikonstørrelse, ikonfarve og baggrund for normale og hover-tilstande
- Afstand & Polstring — Finjuster mellemrummet mellem elementer inde i kortet
- Grænse- & Grænseradius — Tilføj kanter eller rund hjørnerne af kortet
- Box Shadow — Tilføj subtile skyggeeffekter for dybde
For en komplet gennemgang af enhver stilmulighed, se Teammedlem widget-side, som har demoer af enhver variation.
Sådan oprettes et teammedlem Karrusel i Elementor
Har du et større hold? Den MA Team Medlemmer Karrusel widget lader dig tilføje ubegrænsede teammedlemmer i en enkelt, glidende sektion. Det passer bedre, når du har 6+ teammedlemmer og ikke ønsker at fylde en hel side med et gitter.
Her er hvordan teammedlemskarrusel i Elementor værker:
Trin 1: Træk MA Team Members Carousel Widget
I modsætning til gittermetoden gør du not brug for en indre sektion eller flere kolonner. Bare tilføj en ny sektion med en enkelt kolonne, og søg derefter efter “MA Team Members Carousel” og træk den ind.
Trin 2: Tilføj dine teammedlemmer
Inde i widgetten vil du se et repeaterfelt. Hvert element i repeateren repræsenterer et teammedlem. Klik på “Tilføj element” for at oprette nye kort. For hvert kort skal du udfylde:
- Photo
- Name
- Betegnelse
- Description
- Sociale medier links
Du kan tilføje så mange teammedlemmer, som du vil. Der er ingen grænse. Karrusellen håndterer 5 medlemmer eller 50 medlemmer med lige lethed.
Trin 3: Indstil titelmærket
Definer HTML-overskriftstagget for dine teammedlemsnavne (H2, H3, H4 osv.). For de fleste sider er H3 eller H4 det rigtige valg, da afsnitsoverskriften ovenfor normalt er en H2.
Karruselindstillinger: Navigation, kolonner og autospil
Karrusel-widgetten leveres med et dedikeret indstillingspanel til styring af, hvordan skyderen opfører sig. Her er hvad du kan konfigurere:
Kolonner og elementer til at rulle
Indstil hvor mange teammedlemmer der vises på skærmen på én gang. Du kan vise 2, 3, 4 eller flere kolonner afhængigt af din layoutbredde. Indstillingen “Varer at rulle” styrer, hvor mange kort der flyttes, når en besøgende klikker på navigationspilen.
| Skærmstørrelse | Anbefalede kolonner | Elementer til Scroll |
|---|---|---|
| Skrivebord (1200px+) | 3-4 kolonner | 1-2 |
| Tablet (768px-1199px) | 2-3 kolonner | 1 |
| Mobil (under 768px) | 1 kolonne | 1 |
Navigation Style
Du får to navigationstyper:
- Pile — Venstre og højre pileknapper på siderne af karrusellen. Bedst til desktop, hvor hover interaktioner er almindelige.
- Prikker — Små prikindikatorer under karrusellen, der viser samlede dias og nuværende position. Fungerer godt på både desktop og mobil.
Du kan aktivere en, begge eller ingen af delene. Hvis du slår automatisk afspilning til, har nogle brugere måske ikke engang brug for manuel navigation.
Autoplay
Slå automatisk afspilning til og indstil en varighed i millisekunder. En værdi på 3000-5000ms (3-5 sekunder) giver besøgende tid nok til at læse hvert kort, før skyderen bevæger sig. Du kan også aktivere pause-på-hover, så skyderen stopper, når nogen svæver over et kort.
Karruselstil muligheder
Ligesom gitterwidgetten følger karrusellen med 6 stilforudindstillinger (3 gratis, 3 Pro) og manuel kontrol over:
- Item Padding (mellemrum mellem hvert holdkort)
- Typografi for navn, betegnelse og beskrivelse
- Farver for hvert tekstelement
- Baggrunds- og kantindstillinger pr. kort
- Navigation pil/punkt styling og farver
For den fulde indstillingsreference, se Team Slider widget side og the Teammedlemmer Karruseldokumentation.
Tips til en bedre teamsektion
Efter at have bygget hundredvis af teamsektioner, er her de små detaljer, der adskiller en god teamside fra en fantastisk:
- Brug rigtige billeder, ikke stockbilleder. Besøgende kan se forskel. Autentiske headshots opbygger mere tillid end polerede stockfotos nogensinde vil.
- Hold beskrivelser korte og konsistente. Hvis en person har en 3-sætningsbio, og en anden har et fuldt afsnit, skaber det visuel ubalance. Sigt efter samme længde på tværs af alle kort.
- Match billeddimensioner nøjagtigt. Upload alle headshots med samme opløsning (f.eks. 400x400px). Uoverensstemmende størrelser bryder netjusteringen.
- Medtag kun aktive sociale profiler. Et dødt LinkedIn-link er værre end slet intet link. Hold dig til platforme, som dit team rent faktisk bruger.
- Test på mobil. Karrusel sektioner har især brug for mobil test. Sørg for, at kort er læsbare, og navigationsprikker er nemme at trykke på.
- Brug karrusellen til 6+ medlemmer. Hvis du har 3-4 teammedlemmer, ser et gitter renere ud. Gem karrusellen til større hold, hvor det bliver nødvendigt at rulle.
MA Team Member vs MA Team Members Carousel: Hvilken skal du bruge?
| Feature | MA Teammedlem (Grid) | MA Team Medlemmer Karrusel |
|---|---|---|
| Bedst til | Små hold (2-6 medlemmer) | Større hold (6+ medlemmer) |
| Layout | Statiske kolonner (du styrer gitteret) | Glidekarrusel med auto/manuel navigation |
| Opsætning | Én widget pr. teammedlem i indre sektioner | Enkelt widget med repeaterfelt |
| Designvariationer | 11 variationer (5 er Pro) | 6 stilforudindstillinger (3 er Pro) |
| Navigation | Ingen nødvendig (alle synlige) | Pile, prikker, autoplay |
| Sideplads | Tager mere lodret plads | Kompakt, sparer plads |
| Individuel kortkontrol | Fuld (hver widget er uafhængig) | Unified styling på tværs af alle kort |
For de fleste små virksomheders hjemmesider er gittertilgangen med 3-4 teammedlemmer det søde sted. Hvis dit team vokser ud over 6 personer, skal du skifte til karrusellen for at holde siden ren.
Vil du udforske den fulde liste over tilgængelige widgets? Tjek komplet Master Addons widget bibliotek med 80+ widgets og udvidelser.
Ofte stillede spørgsmål
Har Elementor en indbygget teammedlems-widget?
Nej. Elementor (gratis eller Pro) inkluderer ikke en dedikeret teammedlem widget. Du skal bruge en tredjeparts addon som Master Addons at få en specialbygget elementor teammedlem widget med designforudindstillinger, sociale links og karruselmuligheder.
Er MA Team Member widget gratis?
Ja. Både MA Team Member og MA Team Members Carousel widgets er tilgængelige i den gratis version af Master Addons for Elementor. Du kan download det fra WordPress.org uden omkostninger. Fem Team Member variationer og tre Team Slider forudindstillinger har brug for Master Addons Pro.
Hvor mange teammedlemmer kan jeg tilføje til karrusellen?
Der er ingen grænse. MA Team Members Carousel bruger et repeaterfelt, så du kan tilføje så mange teammedlemmer, som din side har brug for. Widgetten håndterer 5 eller 50 kort uden præstationsproblemer. Bare indstil de synlige kolonner og lad skyderen håndtere resten.
Kan jeg bruge forskellige designs til forskellige teammedlemmer?
Med gitterlayoutet (MA Team Member widget), ja. Da hvert teammedlem er en separat widget, kan du anvende en anden designvariation på hvert kort. I karrusellen deler alle kort den samme designforudindstilling for visuel konsistens.
Hvilken billedstørrelse skal jeg bruge til teammedlemsbilleder?
Kvadratiske billeder mellem 300x300px og 500x500px fungerer bedst. Hold alle fotos de samme dimensioner for ensartet justering. JPEG eller WebP format ved 80% kvalitet giver dig god visuel kvalitet uden store filstørrelser, der bremser din side.
Relateret læsning
Indpakning Up
Oprettelse af en teammedlemmer sektion i Elementor kræver ikke brugerdefineret kode eller dyre sidebyggertilføjelser. Med Master Addons' to teamwidgets kan du gå fra en tom sektion til en fuldt stylet teamside på under 10 minutter.
For små hold skal du bruge MA Teammedlem widget i et gitterlayout. For større hold skal du skifte til MA Team Medlemmer Karrusel for en pladsbesparende skyder. Begge muligheder giver dig designforudindstillinger, integration af sociale medier og fuld typografi og farvekontroller.
Kom godt i gang med Master Addons og byg en teamsektion, som dine besøgende faktisk vil stole på.
