# Anpassa din statussida

Source: https://instatus.com/help/sv/status-page/customize

Du kan ändra statussidans logotyp, färger, design på sidhuvudet, mörkt läge, språk, datumformat och förhandsvisning i sociala medier samt lägga till egen HTML, CSS och JavaScript, allt från inställningarna under **Statussida**.

| At a glance | Details |
| :-- | :-- |
| [Varumärke](https://instatus.com/help/sv/status-page/customize#hur-lägger-jag-till-min-logotyp-och-mina-färger) | Logotyp, logotyp för mörkt läge, favicon, färger |
| [Design](https://instatus.com/help/sv/status-page/customize#hur-ändrar-jag-designen-eller-mörkt-läge) | 3 sidhuvuden, mörkt eller ljust läge, komponentlayout |
| [Egen kod](https://instatus.com/help/sv/status-page/customize#kan-jag-lägga-till-egen-html-css-eller-javascript) | HTML, CSS och JavaScript i 5 områden |
| [Språk](https://instatus.com/help/sv/status-page/customize#hur-ändrar-jag-språket-på-min-statussida) | Standardspråk, flerspråkigt i Pro |
| [Tidslinje](https://instatus.com/help/sv/status-page/customize#hur-ändrar-jag-datum--tids--och-tidszonsformat) | Datum- och tidsformat, tidszon, startdatum |
| [Sök & socialt](https://instatus.com/help/sv/status-page/customize#hur-styr-jag-förhandsvisningen-på-google-och-i-sociala-medier) | Titel, beskrivning och bild för förhandsvisningar |

## Hur lägger jag till min logotyp och mina färger?

Logga in på [instatus.com/login](https://dashboard.instatus.com/login), välj din statussida och gå sedan till **Statussida → Utseende**.

I varumärkesavsnittet kan du ändra:

- Varumärkets logotyp, inklusive en separat logotyp för mörkt läge.
- Favicon.
- Varumärkesfärg som matchar din logotyp.
- Statusfärger.

När du har anpassat din statussida klickar du på **SPARA** så uppdateras din sida.

![Varumärkesinställningar](https://instatus.com/help/customize/1.png)

## Hur ändrar jag designen eller mörkt läge?

I designavsnittet under **Utseende** kan du ändra:

- Design på sidhuvudet, med tre designer att välja mellan.
- Om din statussida ska visas i mörkt läge, ljust läge eller växlas med en knapp.
- Hur dina komponenter ska visas.

När du har ändrat din design klickar du på **SPARA** så uppdateras din sida.

![Designinställningar](https://instatus.com/help/customize/2.png)

## Kan jag lägga till egen HTML, CSS eller JavaScript?

Ja. Under **Statussida → HTML** kan du lägga in din egen HTML, CSS och JavaScript i fem områden:

- Ovanför sidhuvudet på din statussida.
- Under sidhuvudet.
- Under komponenterna på din statussida.
- Ovanför statussidans sidfot.
- Under sidfoten.

När du har lagt till din egen HTML klickar du på **SPARA** så uppdateras din sida.

![Inställningar för anpassad HTML](https://instatus.com/help/customize/3.png)

## Hur ändrar jag språket på min statussida?

Under **Statussida → Språk** kan du ändra:

- Standardspråket för din statussida.

**Funktioner i Pro-planen:**

- En flerspråkig statussida.
- Använd ditt eget språk.

Du hittar en steg-för-steg-guide till att sätta upp flera språk i vår artikel
[Stöd för flera språk](https://instatus.com/help/sv/status-page/multi-language).

![Språkinställningar](https://instatus.com/help/customize/4.png)

När du har ändrat språket på din statussida klickar du på **SPARA** så uppdateras din sida.

## Hur ändrar jag datum-, tids- och tidszonsformat?

Under **Statussida → Tidslinje** kan du ändra:

- Datum- och tidsformat – du kan [läsa mer om datum- och tidsformat här](https://date-fns.org/v2.16.1/docs/format).
- Tidszon.
- Tjänstens startdatum.

När du har ändrat datum och tid för din statussida klickar du på **SPARA** så uppdateras din sida.

![Inställningar för datum- och tidsformat](https://instatus.com/help/customize/5.png)

## Hur styr jag förhandsvisningen på Google och i sociala medier?

Under **Statussida → Sök & socialt** kan du ange:

- Ändra din titel.
- Lägg till en egen beskrivning för Google och sociala medier.
- Ladda upp en bild.

När du har anpassat dina inställningar för sök och socialt klickar du på **SPARA** för att ändringarna ska träda i kraft.

![Inställningar för sök & socialt](https://instatus.com/help/customize/6.png)

- [Stöd för flera språk](https://instatus.com/help/sv/status-page/multi-language): Lär dig erbjuda din statussida på flera språk.