> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.staylive.io/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).

# Sponsorbanner

En sponsor banner (announcement banner) är en komponent som används för att visa en banner där du kan lägga till text, bilder och knappar.

Bannern har en egen komponent i CMS (images/video - announcement banner) och kan placeras var som helst på sidan.

# Användningsområden:
*  Visa olika objekt, t.ex. logotyper och text för att lyfta fram dina sponsorer/partners eller annan information.

![Exempel: Sponsorbanner placeras i headern, med innehåll i tre sektioner](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-28-kl-1451_1aezp2e.png)

![Exempel: Banner med endast innehåll i mitten, placerad mellan en boxnavigation och en information section](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-31-kl-0940_1d7vzva.png)

![Exempel: Innehåll till vänster och höger.](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-28-kl-1441_1rwh3il.png)

# Flexibilitet:
Objekten kan placeras i tre sektioner (höger, mitt, vänster) och alla objekt är valfria att lägga till. Det betyder att du kan välja att bara visa en logotyp i mitten och ingenting till höger eller vänster. Eller välja att bara ha en text till vänster till exempel.

* Både logotyper och knappar kan länkas till antingen en undersida i din plattform eller till en extern webbplats.
* Du kan ändra utseendet på bannern genom att använda Tailwind-klasser och justera färger, höjd, styling av text och knappar etc.
* Som standard kommer sponsorbannern inte att vara synlig i mobilen.

# Sponsorbanner i menyn
Du har också möjlighet att placera en sponsorbanner ovanför menyn (headern).

* Bannern kommer att läggas till på alla sidor på plattformen.
* Placeringen är statisk och kommer att placeras över toppmenyn.
* Den kommer inte att följa sidan när du scrollar.
* För att lägga till en sponsorbanner i menyn gör du det från menyns redigeringsverktyg i CMS.

# Skapa en sponsorbanner
* Aktivera komponenten antingen på en undersida eller i menyn
* Välj var du vill lägga till dina objekt.

![Hantera innehåll](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-31-kl-0900_1sgenvg.png)

* Välj vilken typ av innehåll du vill lägga till. En bild, text eller en knapp. Du kan välja flera objekt i samma avsnitt.

![Lägg till innehåll](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/skarmavbild-2024-05-31-kl-0900_gnn0l1.png)

* När du är klar med dina inställningar. Tryck på **Spara och Stäng**. Du kommer att få en förhandsgranskning av din banner.
* I fliken_ Styling_ kan du ändra utseendet på din banner med hjälp av Tailwind-klasser.
* När du är nöjd med dina ändringar trycker du på **Publicera**.

| Läs mer om våra andra sponsorkomponenter [här](https://docs.staylive.io/sv/category/sponsorplacering-16bovx1/).