> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.churchdesk.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Knappmodul: Legg til knapper på nettsiden din Knapper kan sørge for at besøkende kan navigere på nettsiden din og samhandle med innhold. Denne artikkelen viser deg hvordan du får mest mulig ut av Knapp-modulene i ChurchDesk-editoren. Lær hvordan du **oppretter knapper, kobler dem til lenker og nedlastinger**, og **tilpasser utseendet etter behovene dine**. Vi viser deg også de ulike knappetypene for mer visuell variasjon. **På denne siden:** * Legg til knapp * Tilpass innhold * Tilpass design # Legg til knapp Du kan legge til en Knapp-modul ved å legge til en ny modul og velge **"Knapp"** under **kategorien Sidenavigasjon**. For å redigere knappemodulen etter at den er lagt til, dobbeltklikker du på modulen eller klikker på redigeringsikonet. Du kan deretter bruke alternativene under **Innhold, Lokalt design eller Innstillinger**. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-07-um-1_1m1lags.png) # Tilpass innhold Du kan tilpasse innholdet i en knapp ved å holde musepekeren over den tillagte knappen -> klikke på "**Modul**" -> klikke på **blyantikonet** -> et innstillingsvindu åpnes -> klikk på "**Innhold**" -> åpne den aktuelle underkategorien: ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-07-um-1_1m7p0e5.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-07-um-1_16er92w.png) ###### Generelt * **Tekst på knapp:** Skriv inn teksten som skal vises på knappen (f.eks. "Klikk her", "Les mer"). * **Tittel-tag:** Bruk av en tittel-tag gir mer kontekst om nettsiden din og kan forbedre synligheten i søkemotorer. I tillegg viser de fleste nettlesere tittel-taggen når musepekeren holdes over knappen, slik at besøkende kan se hvor lenken fører før de klikker på den. ###### Lenketyper * **Ekstern URL:** Lenke til en hvilken som helst ekstern nettside, f.eks. nabomenighetens. * **Intern side:** Lenke til en annen underside på ChurchDesk-nettsiden din. * **E-post**: Når du lenker til en e-postadresse, åpnes den besøkendes standard e-postprogram når de klikker på knappen, og en ny e-post opprettes med e-postadressen du har angitt i feltet "E-post" som mottaker. * **Fil**: Legg til en fil direkte fra din lokale PC (via den grå knappen) eller fra filbiblioteket (den blå knappen). Når du lenker til en fil for nedlasting, starter den besøkendes nettleser nedlastingen når de klikker på knappen. Følgende filformater støttes: .png, .gif, .jpeg, .jpg, .xls, .xlsx, .doc, .docx, .pdf. * **Telefon**: Hvis du vil bruke telefonnummeret du har lagt inn i [Globale data](https://support.churchdesk.com/de/article/was-sind-globale-daten-1wpl88o/), skriver du inn følgende: tel:[phone]. Husk at du kan skjule knapper i bestemte visninger hvis du ikke vil at de skal vises (i dette tilfellet er en "Klikk for å ringe"-knapp kanskje ikke relevant i skrivebordsvisning, mens den er mer relevant i mobilvisning). | **TIPS:** Du kan sette opp en knapp som ringer et telefonnummer når en besøkende klikker på den. Knappen åpner enhetens standard ringeapp og ringer nummeret. For å opprette en "Klikk for å ringe"-knapp velger du Ekstern URL og skriver inn "tel:" etterfulgt av et telefonnummer. ###### Ikon * **Ikonjustering**: Velg om ikonet skal plasseres til venstre eller høyre for teksten. * **Ikon**: Velg et passende ikon fra biblioteket for å gjøre knappen enda mer uttrykksfull (f.eks. en konvolutt for e-post eller en nedlastingspil for en fil). # Tilpass design Du kan tilpasse utseendet på knappene dine slik at det passer til designet på nettsiden din. Du kan bruke de **globale designinnstillingene** for å skape en ensartet stil, men du kan også gjøre **lokale tilpasninger** i enkelte tilfeller. 1. Du kan tilpasse det globale designet via knappen på venstre side **Design -> Moduler -> Sidenavigasjon -> Knapp / Knapp 1 / Knapp 2**. 2. Du kan tilpasse det lokale designet ved å holde musepekeren over den tillagte knappen -> klikke på "**Modul**" -> klikke på **blyantikonet** -> et innstillingsvindu åpnes. ###### Følgende innstillinger kan du stille inn globalt, men også tilpasse lokalt: * **Farger**: Angi farger for bakgrunn, tekst, ramme og ikon. * **Aktiver skygge:** Legg til en skygge for å få knappen til å skille seg ut visuelt. * **Mellomrom:** Juster den ytre avstanden for å skille knappen fra andre elementer. ###### Følgende innstillinger kan du bare tilpasse lokalt: * **Plassering av knapp:** Juster knappen innenfor en kolonne til høyre, venstre eller i midten. * **Bredde på knapp:** I stedet for å la knappens størrelse avhenge av innholdet, kan du angi en fast bredde. Prosentandelen viser til bredden på kolonnen der knappen er satt inn. Det betyr at en knapp med en bredde på 25 % tar opp nøyaktig en fjerdedel av kolonnen. * **Knapp float:** Bruk denne funksjonen for å plassere tekst rundt knappen. Du kan flytte knappen til venstre eller høyre. Sett først inn knappen, deretter tekstmodulen i samme kolonne nedenfor, og aktiver så floating for knappen. Hvis du legger til float på knappen, anbefales det å angi en marg til høyre eller venstre, avhengig av retningen på floatingen. Legg til en marg nederst for å skyve det omkringliggende elementet bort fra det flytende elementet. Bruk også denne funksjonen hvis du vil plassere knapper ved siden av hverandre. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-07-um-1_1tkpmsc.png) * **Fast posisjon:** Hvis du vil at en knapp skal være festet på den besøkendes skjerm og bli værende der mens de ruller opp eller ned på en side, kan du aktivere alternativet Fast posisjon under Design > Knapp > Generelt. * **Aktiver og tilpass animasjoner:** Legg til animasjoner for å gjøre knappen enda mer dynamisk. ###### Tre forskjellige knappetyper: For å skape mer visuell variasjon tilbyr editoren tre alternative knappestiler. De tre knappemodulene er helt identiske i funksjonalitet og skiller seg bare i designet. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-08-07-um-1_1xbl4yh.png) | **TIPS:** Eksempel på bruk: Standardknappen din (Knapp 1) er mørk for å være godt synlig på lyse bakgrunner. Men du trenger også en hvit knapp til mørke bakgrunner og en knapp uten farge og kant til gjennomsiktige områder. Du kan opprette disse som Knapp 2 og Knapp 3 og bruke dem etter behov. Fordelen er at du ikke trenger å gjøre lokale tilpasninger, og dermed sparer du tid. Designet forblir ensartet og fleksibelt. ${color}[#6f6f6f](Nøkkelord: Knapper, Nettsidenavigasjon, Interaksjon, Knappmodul, Tilpass design, Telefonnummer, E-postlenke, Filnedlasting, Responsivt design, Brukeropplevelse, Sidenavigasjon, ChurchDesk)