Hero Banner

Główny baner strony firmowej z tłem, tytułem, podtytułem i przyciskiem CTA.

Jak wygląda

Poniżej żywy podgląd widżetu tak, jak zobaczy go odwiedzający stronę.

Pełny baner

Duży baner na stronę główną — tytuł, podtytuł i tło na całą szerokość.

Hero Banner

Główny baner strony firmowej z tłem, tytułem, podtytułem i przyciskiem CTA.

Kompaktowy z przyciskiem

Niższy baner z CTA — dobry na podstrony oferty lub kontaktu.

Hero Banner — wariant kompaktowy

Niższy baner, wyrównanie do lewej.

Dowiedz się więcej

Do czego służy

Główny baner strony firmowej z tłem, tytułem, podtytułem i przyciskiem CTA.

Co ustawisz w panelu

Te pola zobaczysz przy edycji widżetu na stronie:

  • Obraz tła (grupa pól)

    Obraz tła z biblioteki mediów lub zewnętrzny URL

  • URL obrazu tła (legacy) (adres URL)

    Przestarzałe — użyj pola „Obraz tła”

  • Kolor tła (kolor)

    Kolor tła (używany jeśli brak backgroundImageUrl)

  • Tytuł (wymagane)

    Główny tytuł hero banera. Naciśnij Enter, aby przejść do nowej linii.

  • Podtytuł

    Podtytuł pod głównym tytułem. Naciśnij Enter, aby przejść do nowej linii.

  • Przyciski CTA (lista)

    Lista przycisków call-to-action

    • Tekst przycisku (wymagane)
    • Link (wymagane)

      Konfiguracja linku (strona/URL, kotwica, query)

    • Target
    • Wariant

      Wariant przycisku

  • Szybkie linki (lista)

    Opcjonalna karta szybkich linków pod przyciskami CTA (np. Kalendarz, Organizatorzy, Blogi)

    • Etykieta (wymagane)

      Etykieta linku. Naciśnij Enter, aby podzielić etykietę na dwie linie.

    • Link (wymagane)
    • Target
    • Ikona

      Opcjonalna ikona Material Icons

  • Wysokość

    Wysokość banera (np. 400px, 50vh)

  • Wyrównanie

    Wyrównanie treści

  • Overlay (tak/nie)

    Czy dodać overlay dla lepszej czytelności tekstu na obrazie

  • Kolor overlay (kolor)

    Kolor overlay (hex lub rgba). Gdy ustawiono też Opacity overlay, przezroczystość z tego pola jest nadpisywana wartością opacity.

  • Opacity overlay (liczba)

    Przezroczystość overlay (0–1). Łączy się z kolorem overlay w jedną wartość rgba.

  • Kotwica (ID)

    Opcjonalna kotwica do linków (np. formularz). Link: /strona#kotwica

Jak dodać na stronę

  1. Otwórz stronę w panelu i przejdź do edycji układu.
  2. Dodaj ten widżet w wybranej sekcji.
  3. Uzupełnij pola z listy powyżej, zapisz szkic i opublikuj, gdy treść jest gotowa.