[Intum Pomoc](https://intum.pl/pomoc.md) / [Skrzynki](https://intum.pl/pomoc/mail/skrzynki.md)

# [Stopka wiadomości](https://intum.pl/pomoc/mail/stopka-wiadomosci-e-mail.md)

Stopka to blok HTML dopisywany automatycznie na końcu każdej wiadomości wysłanej z danej
skrzynki. Dzięki zmiennym w formacie `{{ zmienna }}` ten sam kod stopki automatycznie dopasowuje
się do osoby, która akurat wysyła wiadomość - nie trzeba tworzyć osobnego podpisu dla każdego
pracownika.

> [!PATH]
> [Mail → Skrzynki e-mail](app:/mail/mailboxes) → *skrzynka* → **Edycja** → **Pokaż opcje dodatkowe** → **Stopka**

## Włączanie stopki {#wlaczanie-stopki}

Pole **Stopka** w edycji skrzynki przyjmuje kod HTML - obsługuje linki, pogrubienia, listy i
osadzone obrazki. System dokłada zapisaną treść do każdej wychodzącej wiadomości z tej skrzynki
i podmienia w niej zmienne na dane aktualnie piszącej osoby.

Najprostsza stopka może wyglądać tak:

```html
Pozdrawiam,<br>
{{first_name}} {{last_name}}<br>
{{email}} | {{phone}}
```

## Zmienne: dane nadawcy {#zmienne-nadawcy}

| Zmienna | Co wstawia |
|---|---|
| `{{ name }}` | Pełna nazwa użytkownika |
| `{{ first_name }}` | Imię |
| `{{ last_name }}` | Nazwisko |
| `{{ email }}` | Indywidualny adres e-mail nadawcy |
| `{{ phone }}` | Telefon nadawcy |
| `{{ domain }}` | Domena wyciągnięta z adresu e-mail (np. `firma.pl`) |
| `{{ description }}` | Opis użytkownika z jego profilu |
| `{{ avatar_url }}` / `{{ avatar }}` | Adres URL awatara w małym rozmiarze / gotowy tag `<img>` z tym awatarem |
| `{{ avatar_url_medium }}` / `{{ avatar_medium }}` | To samo w rozmiarze średnim |
| `{{ avatar_url_large }}` / `{{ avatar_large }}` | To samo w rozmiarze dużym |

> [!TIP]
> Warianty `avatar`, `avatar_medium`, `avatar_large` (bez `_url`) to gotowy tag `<img src="...">`
> - wklej je bezpośrednio do treści stopki, żeby pokazać zdjęcie. Warianty z `_url` to sam adres
> - przydają się, gdy chcesz sam zbudować znacznik `<img>` z własnym stylem (patrz [Jak dodać
> logo lub zdjęcie](#logo-i-obrazki)).

## Zmienne: skrzynka i dział {#zmienne-skrzynki-i-dzialu}

| Zmienna | Co wstawia |
|---|---|
| `{{ mailbox_name }}` | Nazwa skrzynki, z której wysyłana jest wiadomość |
| `{{ mailbox_email }}` | Adres e-mail tej skrzynki |
| `{{ department_name }}` | Nazwa działu przypisanego do skrzynki |
| `{{ department_description }}` | Opis działu |
| `{{ department_phone }}` | Telefon działu |
| `{{ department_email }}` | E-mail działu |

> [!TIP]
> Dowolne własne pole dodane w ustawieniach działu (np. „facebook”, „slack”) staje się od razu
> gotową zmienną z prefiksem `department_`, np. `{{ department_facebook }}` - bez dodatkowej
> konfiguracji. Własne pole o takiej samej nazwie jak standardowa zmienna (np. `phone`,
> `email`) nie nadpisze wartości standardowej.

## Zmienne: dane firmy {#zmienne-firmy}

| Zmienna | Co wstawia |
|---|---|
| `{{ company_name }}` | Nazwa firmy |
| `{{ company_email }}` | Główny e-mail firmowy |
| `{{ company_phone }}` | Telefon firmy |
| `{{ company_logo }}` | Adres URL logo firmy |
| `{{ company_website }}` | Adres strony WWW |
| `{{ company_street }}` / `{{ company_street_number }}` | Ulica / numer budynku |
| `{{ company_post_code }}` / `{{ company_city }}` / `{{ company_country }}` | Kod pocztowy / miasto / kraj |
| `{{ company_tax_no }}` | NIP |
| `{{ company_register_number }}` | REGON (dostępny też jako starszy alias `company_regon`) |
| `{{ company_court_number }}` | Numer w KRS (dostępny też jako starszy alias `company_krs`) |
| `{{ company_bank }}` / `{{ company_bank_account }}` | Nazwa banku / numer konta firmowego |

Adresów social media (`company_facebook`, `company_linkedin` itp.) system nie ma jako
wbudowanych pól - dodajesz je jako własne pola w ustawieniach działu, tak jak opisano wyżej przy
zmiennych działu; dla głównego działu konta działają wtedy jako `company_*`.

## Kolejność: skąd system bierze dane {#kolejnosc-danych}

Dane firmowe (`company_*`) mogą być wpisane w kilku miejscach - system wybiera wartość według
kolejności, od najważniejszego:

1. **Profil piszącej osoby** (jeśli ma tam wpisane własne dane firmy) - nadpisuje pozostałe.
2. **Dział przypisany do skrzynki, z której wysyłasz** - nadpisuje dane głównego działu konta.
3. **Główny dział konta** - wartość domyślna, gdy nic innego jej nie nadpisało.

Dane ogólne (imię, e-mail, telefon nadawcy...) biorą się z profilu piszącej osoby, a `mailbox_*`
zawsze ze skrzynki, z której akurat wysyłasz - tu nie ma konfliktu do rozstrzygania.

## Gotowe szablony stopek {#gotowe-szablony}

Cztery gotowe wzory do wklejenia bez zmian - podmień tylko dane firmy w ustawieniach działu,
reszta podstawi się sama. Każdy kod wklej w trybie źródła HTML edytora stopki (ikona `<>`), po
wcześniejszym wyczyszczeniu pola.

### Szablon 1: Klasyczny biznesowy

```html
<table style="font-family:Arial,sans-serif;font-size:14px;color:#333333;line-height:1.5;border-collapse:collapse;"><tr><td style="padding-right:15px;vertical-align:top;">{{avatar_medium}}</td><td style="vertical-align:top;border-left:2px solid #0052cc;padding-left:15px;"><strong style="font-size:16px;color:#0052cc;">{{first_name}} {{last_name}}</strong><br><span style="color:#718096;font-style:italic;">{{department_name}}</span><br><span style="display:inline-block;margin-top:5px;color:#333333;"><strong>E-mail:</strong> <a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a><br><strong>Tel:</strong> {{phone}}</span></td></tr><tr><td colspan="2" style="padding-top:15px;padding-bottom:15px;"><hr style="border:0;border-top:1px solid #e2e8f0;margin:0;"></td></tr><tr><td colspan="2" style="font-size:12px;color:#718096;line-height:1.6;"><strong style="color:#2d3748;font-size:13px;">{{company_name}}</strong><br>{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}}<br><strong>NIP:</strong> {{company_tax_no}} | <strong>WWW:</strong> <a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr></table>
```

### Szablon 2: Nowoczesny minimalizm

```html
<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.6;border-collapse:collapse;background-color:transparent;"><tr><td style="padding-bottom:5px;"><strong style="font-size:16px;color:#111111;">{{first_name}} {{last_name}}</strong> <span style="color:#718096;margin-left:5px;">|</span> <span style="color:#4a5568;margin-left:5px;">{{department_name}}</span></td></tr><tr><td style="padding-bottom:10px;color:#333333;"><strong>M:</strong> <a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a> <span style="color:#cbd5e0;margin-left:8px;margin-right:8px;">•</span> <strong>T:</strong> <span style="color:#333333;">{{phone}}</span> <span style="color:#cbd5e0;margin-left:8px;margin-right:8px;">•</span> <strong>W:</strong> <a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr><tr><td style="border-top:1px dashed #cbd5e0;padding-top:10px;font-size:12px;color:#718096;"><strong style="color:#2d3748;">{{company_name}}</strong>, {{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}} <span style="color:#cbd5e0;margin-left:5px;margin-right:5px;">|</span> NIP: {{company_tax_no}}</td></tr></table>
```

### Szablon 3: Nowoczesny blokowy

```html
<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.4;border-collapse:collapse;background-color:transparent;width:100%;max-width:450px;"><tr><td style="background-color:#4da6ff;padding:10px;vertical-align:middle;width:65px;text-align:center;line-height:0;">{{avatar_medium}}</td><td style="background-color:#3d4043;padding:12px 15px;vertical-align:middle;"><strong style="font-size:16px;color:#ffffff;text-transform:uppercase;letter-spacing:0.5px;display:block;margin-bottom:2px;">{{first_name}} {{last_name}}</strong><span style="font-size:12px;color:#cbd5e0;">{{department_name}}</span></td></tr><tr><td colspan="2" style="padding-top:15px;padding-bottom:5px;"><table style="font-size:13px;color:#4a5568;width:100%;"><tr><td style="color:#4da6ff;font-weight:bold;width:25px;padding-bottom:8px;font-size:14px;">📍</td><td style="padding-bottom:8px;color:#333333;">{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}}</td></tr><tr><td style="color:#4da6ff;font-weight:bold;padding-bottom:8px;font-size:14px;">📞</td><td style="padding-bottom:8px;color:#333333;">{{phone}}</td></tr><tr><td style="color:#4da6ff;font-weight:bold;padding-bottom:8px;font-size:14px;">✉️</td><td style="padding-bottom:8px;"><a href="mailto:{{email}}" style="color:#333333;text-decoration:none;">{{email}}</a></td></tr><tr><td style="color:#4da6ff;font-weight:bold;font-size:14px;">🌐</td><td><a href="{{company_website}}" target="_blank" style="color:#333333;text-decoration:none;font-weight:bold;">{{company_website}}</a></td></tr></table></td></tr><tr><td colspan="2" style="border-top:1px solid #e2e8f0;padding-top:8px;margin-top:5px;font-size:11px;color:#718096;"><strong style="color:#4a5568;">{{company_name}}</strong> | NIP: {{company_tax_no}}</td></tr></table>
```

### Szablon 4: Biznesowy premium (z social media)

```html
<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.4;border-collapse:collapse;background-color:transparent;"><tr><td style="padding-right:20px;vertical-align:top;width:90px;">{{avatar_large}}</td><td style="vertical-align:top;border-left:3px solid #1a365d;padding-left:20px;padding-right:20px;"><strong style="font-size:17px;color:#1a365d;display:block;margin-bottom:2px;">{{first_name}} {{last_name}}</strong><span style="font-size:12px;color:#4a5568;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px;">{{department_name}}</span><table style="font-size:13px;color:#333333;"><tr><td style="padding-bottom:3px;font-weight:bold;color:#1a365d;width:25px;">E:</td><td style="padding-bottom:3px;"><a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a></td></tr><tr><td style="padding-bottom:3px;font-weight:bold;color:#1a365d;">T:</td><td style="padding-bottom:3px;color:#333333;">{{phone}}</td></tr><tr><td style="font-weight:bold;color:#1a365d;">W:</td><td><a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr></table></td><td style="vertical-align:top;border-left:1px solid #cbd5e0;padding-left:20px;font-size:11px;color:#4a5568;line-height:1.6;"><strong style="color:#1a365d;display:block;margin-bottom:5px;">Sprawdź nas:</strong><a href="{{company_facebook}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• Facebook</a><a href="{{company_linkedin}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• LinkedIn</a><a href="{{company_instagram}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• Instagram</a></td></tr><tr><td colspan="3" style="padding-top:15px;font-size:11px;color:#4a5568;border-top:1px solid #cbd5e0;margin-top:15px;line-height:1.5;"><strong style="color:#1a365d;font-size:12px;">{{company_name}}</strong><br>{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}} | NIP: {{company_tax_no}} | REGON: {{company_register_number}}</td></tr></table>
```

Szablon 4 pokazuje profile społecznościowe - żeby linki `{{company_facebook}}`,
`{{company_linkedin}}` i `{{company_instagram}}` działały, uzupełnij te własne pola w
ustawieniach głównego działu firmy (patrz [Zmienne: dane firmy](#zmienne-firmy)).

## Jak dodać logo lub zdjęcie {#logo-i-obrazki}

1. Wgraj plik graficzny wprost w edytorze stopki (przeciągnij albo wklej obrazek) - system sam
   wygeneruje dla niego stały adres URL.
2. Albo wklej ręcznie znacznik ze zmienną URL, np.:

```html
<img src="{{company_logo}}" style="width:100px;height:40px" />
```

Stopka się nie pojawia albo brakuje w niej danych? Patrz [Stopka nie wyświetla się
poprawnie](mail/stopka-nie-dziala).