Tilpas footeren på hjemmesiden

Hvad denne artikel dækker

Footeren er det område, der vises nederst på alle sider på foreningens hjemmeside. Her samler du typisk logo, kontaktoplysninger, links, ikoner til foreningens sociale profiler og en tilmelding til foreningens nyhedsbrev. Artiklen viser, hvordan du bygger og tilpasser footeren med en skabelon, et kolonne-layout, elementer og et farvetema – og hvordan du gør foreningens mailadresse klikbar.

Footeren er fælles for hele hjemmesiden — den samme footer vises nederst på hver side. Hvordan du bygger de enkelte sider og menuen, finder du i Indsæt elementer på en side og Tilpas hjemmesidens menu.

Hvornår er det relevant

Tilpas footeren, når du vil:

• vise foreningens kontaktoplysninger og åbningstider nederst på alle sider
• gøre foreningens mailadresse klikbar, så besøgende kan skrive til foreningen med ét klik
• give besøgende hurtige links til faste sider som "Om os" eller "Kontakt"
• linke til foreningens profiler på Facebook, Instagram og lignende
• lade besøgende tilmelde sig foreningens nyhedsbrev
• vise foreningens sponsorer fast i bunden af siden

Forudsætninger

Krav	Hvor sættes det op	Reference
Din rolle skal have adgang til at administrere hjemmesiden (rettigheds-området Web / CMS ansvarlige)	Indstillinger → System → Rettigheder	Tildel administrator-rettigheder

Hvor finder du footeren

Gå til Hjemmeside → Byg hjemmeside. Klik Footer under Hjemmeside indstillinger i panelet til højre. Footer-byggeren åbner som sin egen skærm, hvor footeren vises nederst og redigeres fra panelet til højre. Du forlader den igen med Tilbage øverst til venstre.

Footer-byggeren. Layout og elementer redigeres til højre; footeren vises nederst.

Start med en skabelon

Klik Vælg skabelon for at tage udgangspunkt i et færdigt footer-layout, som du derefter kan tilpasse. Du kan vælge mellem tre skabeloner:

• Standard — logo, hurtige links og sociale ikoner
• Minimal — logo og hurtige links
• Kontakt & åbningstider — logo, kontaktoplysninger og åbningstider

En skabelon er kun et udgangspunkt. Du kan tilføje, fjerne og flytte elementer bagefter. Skabelonernes eksempeltekster – for eksempel info@eksempel.dk og links med # som URL – skal du skifte ud med foreningens egne oplysninger.

Vælg en skabelon som udgangspunkt for footeren.

Vælg et layout

Under Layout bestemmer du, hvordan footerens indhold fordeles i kolonner. Du kan vælge 1 kolonne, 2 kolonner, 3 kolonner eller 4 kolonner, eller en af de skæve fordelinger 1:2, 2:1, 1:3, 3:1 og 2:1:1, hvor tallene angiver kolonnernes indbyrdes bredde.

Teksten Redigerer desktop layout viser, at du arbejder på desktopvisningen.

Træk elementer ind i footeren

Under Elementer trækker du indhold ind i footerens kolonner. Når du trækker et element, viser footeren felter med teksten Træk her til at tilføje element over og under det indhold, der allerede ligger der. Feltet, du holder elementet over, skifter til Slip her – slip elementet dér. Klik på et element, du allerede har lagt ind, for at åbne dets opsætning, og luk panelet igen med Luk.

Du kan vælge mellem disse elementer:

• Logo — foreningens logo med valgfri tekst og link
• Tekst — en fritekst
• Overskrift — en overskrift over indholdet
• Sociale ikoner — ikoner med links til foreningens profiler
• Links — en liste af links til sider på hjemmesiden eller andre steder
• Kontaktinfo — kontaktlinjer som e-mail, telefon og adresse, der hver kan gøres klikbar
• Åbningstider — dage og tider
• Sponsorer — foreningens sponsorer
• Nyhedsbrev — et felt, hvor besøgende kan tilmelde sig foreningens nyhedsbrev med deres mailadresse

Træk et element fra panelet over i en kolonne, og slip det ved Slip her.

Tilføj kontaktinfo

Elementet Kontaktinfo viser foreningens kontaktoplysninger som en række kontaktlinjer – for eksempel én linje med e-mail, én med telefon og én med adresse. Under Kontaktlinjer har hver linje disse felter:

• Ikon — ikonet foran linjen. Skift det med Vælg andet ikon, eller fjern det med Fjern ikon.
• Label — en ekstra tekst til linjen. Feltet kan stå tomt.
• Værdi — det, der står på linjen, for eksempel info@eksempel.dk eller +45 12 34 56 78
• Link (valgfri) — den adresse, linjen fører hen til, når en besøgende klikker på den. Står feltet tomt, vises linjen som almindelig tekst.

Brug pilene op og ned til at flytte en linje, og papirkurv-ikonet til at slette den. Klik + Tilføj Kontaktlinje for at føje en linje til.

Kontaktinfo: hver kontaktlinje har ikon, label, værdi og et valgfrit link.

Gør en mailadresse i footeren klikbar

Du kan gøre foreningens mailadresse i footeren klikbar, så besøgendes mailprogram åbner en ny mail til foreningen, når de klikker på den. Det gør du i elementet Kontaktinfo:

1. Klik på elementet Kontaktinfo i footeren for at åbne dets opsætning.
2. Find kontaktlinjen med mailadressen, eller klik + Tilføj Kontaktlinje for at lave en ny.
3. Skriv mailadressen i Værdi, for eksempel info@eksempel.dk. Det er den tekst, besøgende ser.
4. Skriv mailto: efterfulgt af samme mailadresse i Link (valgfri) – uden mellemrum, for eksempel mailto:info@eksempel.dk.
5. Klik Luk, og klik derefter Gem øverst til højre.

Det er mailto: foran adressen, der får linket til at åbne en ny mail. Har foreningen flere mailadresser – for eksempel til formand og kasserer – laver du en kontaktlinje til hver.

Tilføj links

Elementet Links viser en liste af links, for eksempel til faste sider som "Om os", "Kontakt" eller "Medlemskab". Det har felterne:

• Overskrift — en overskrift over listen. Feltet kan stå tomt.
• For hvert link under Links: Label (teksten, besøgende ser) og URL (adressen, linket fører hen til)
• Brug pilene op og ned til at flytte et link, og papirkurv-ikonet til at slette det
• Klik + Tilføj Link for at føje et link til

Links fra en skabelon har # som URL. Skriv den rigtige adresse i URL, så linket fører et sted hen.

Links: hvert link har en label og en URL.

Tilføj sociale ikoner

Elementet Sociale ikoner viser klikbare ikoner, der fører til foreningens profiler — for eksempel Facebook, Instagram, YouTube eller LinkedIn. Sådan sætter du det op:

1. Giv eventuelt blokken en Overskrift (for eksempel "Følg os").
2. Klik Vælg ikon, og vælg det ikon, der passer til profilen. Du kan blandt andet vælge Facebook, Instagram, X/Twitter, YouTube og LinkedIn samt generelle ikoner for link, mail, telefon og web.
3. Skriv adressen til profilen i feltet URL.
4. Klik + Tilføj socialt ikon for at føje endnu et ikon til.

Et Facebook-ikon i footeren er altså et socialt ikon med Facebook-ikonet og en URL til foreningens Facebook-side.

Sociale ikoner: vælg ikon og indtast en URL til profilen.

Tilføj et nyhedsbrev

Elementet Nyhedsbrev viser en tilmeldingsboks i footeren, hvor besøgende skriver deres mailadresse og klikker Tilmeld. Det har felterne:

• Overskrift — overskriften over boksen (for eksempel "Nyhedsbrev")
• Beskrivelse — en kort tekst under overskriften (for eksempel "Få de seneste nyheder direkte i din indbakke.")
• Knap type — typen af knappen Tilmeld. Standard er Standard.

Nyhedsbrev: overskrift, beskrivelse og knap type. Besøgende tilmelder sig med deres mailadresse.

Tilføj et logo

Elementet Logo viser foreningens logo i footeren. Det har felterne:

• Tekst — en tekst, der vises ved logoet
• Logo billede — billedet, der vises. Du fjerner det med papirkurv-ikonet ved billedet.
• Link URL — adressen, besøgende sendes til, når de klikker på logoet

Tilføj åbningstider

Elementet Åbningstider viser foreningens åbningstider som rækker med dag og tid:

• Overskrift — overskrift over åbningstiderne (for eksempel "Åbningstider")
• For hver række: Dag (for eksempel "Mandag – fredag") og Tid (for eksempel "09:00 – 22:00")
• Brug pilene op og ned til at flytte en række, og papirkurv-ikonet til at slette den
• Klik + Tilføj Åbningstid for at føje en række til

Tilføj sponsorer

Elementet Sponsorer viser foreningens sponsorer i footeren:

• Overskrift — overskrift over sponsorerne (for eksempel "Vores sponsorer")
• Under Sponsorer klikker du + for at vælge, hvilke sponsorer der skal vises i footeren
• Visningsstil styrer, hvordan sponsorerne vises, når du har valgt mere end én. Standard er Auto (vis alle, eller rul hvis nødvendigt).

Selve sponsorerne opretter du et andet sted, før du kan vælge dem her. Det finder du i Opret og administrer sponsorer.

Vælg et farvetema

Dropdownen Farvetema styrer footerens farver. Listen rummer både de farvetemaer, der følger med (Standard, Hvid og Sort), og de farvetemaer, foreningen selv har oprettet. Har foreningen for eksempel lavet et tema med navnet "Blå", står det i listen ved siden af de tre faste. Sådan opretter du jeres egne — se Opret et farvetema.

Farvetema styrer footerens farver.

Footeren på mobil

Øverst kan du skifte til mobilvisning med mobil-ikonet og se, hvordan footeren tager sig ud på en mobil. På mobil stables footerens kolonner automatisk lodret under hinanden. I mobilvisning kan du kun ændre Farvetema — layout og elementer redigerer du i desktopvisningen.

På mobil stables footerens indhold lodret; kun farvetema kan ændres.

Gem footeren

Klik Gem øverst til højre i footer-byggeren, når du er færdig. Footeren er først gemt her — går du tilbage med Tilbage uden at gemme, er ændringerne væk. Fordi footeren er fælles for hele hjemmesiden, slår ændringen igennem på alle sider på én gang.

Pakke-begrænsninger

Funktion	Smart	Pro	Premium
Hjemmeside	❌	✅	✅

Næste trin

• Opret jeres eget farvetema → Opret et farvetema
• Vælg farver til resten af hjemmesiden → Logo, favicon og farver på hjemmesiden
• Føj links til faste sider → Indsæt interne og eksterne links
• Opret de sponsorer, du vil vise → Opret og administrer sponsorer

Almindelige fejl og løsninger

Mine ændringer i footeren forsvandt.
Årsag: Footer-byggeren blev forladt med Tilbage, uden at der blev klikket Gem.
Løsning: Klik Gem øverst til højre i footer-byggeren, før du går tilbage.

Et element vises ikke i footeren.
Årsag: Elementet er ikke trukket ind i en kolonne, eller dets felter er tomme.
Løsning: Træk elementet ind i en kolonne under Elementer, og udfyld dets felter.

Mailadressen i footeren kan ikke klikkes.
Årsag: Feltet Link (valgfri) på kontaktlinjen er tomt, eller der mangler mailto: foran adressen.
Løsning: Skriv mailto: efterfulgt af mailadressen i Link (valgfri), for eksempel mailto:info@eksempel.dk, og klik Gem.

Et link i footeren fører ingen steder hen.
Årsag: Linket har stadig # som URL fra skabelonen.
Løsning: Åbn elementet Links, og skriv den rigtige adresse i URL.

Sponsorerne vises ikke.
Årsag: Der er ikke valgt nogen sponsorer, eller der er endnu ikke oprettet sponsorer.
Løsning: Klik + under Sponsorer i elementet, og vælg sponsorerne. Mangler de helt, så opret dem først — se Opret og administrer sponsorer.

Det sociale ikon fører ingen steder hen.
Årsag: Feltet URL på ikonet er tomt.
Løsning: Skriv hele adressen til profilen i URL.

Beslægtede emner

• Indsæt elementer på en side (GM-WEB-013)
• Opret et farvetema (GM-WEB-036)
• Opret og administrer sponsorer (GM-COMM-029)
• Indsæt interne og eksterne links (GM-WEB-026)
• Logo, favicon og farver på hjemmesiden (GM-WEB-014)
• Sådan er hjemmesiden bygget op (GM-WEB-001)