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.
W aplikacji
Gdzie to znajdziesz
Włączanie 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:
Pozdrawiam,<br>
{{first_name}} {{last_name}}<br>
{{email}} | {{phone}}
Zmienne: dane 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 |
Wskazówka
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
_urlto sam adres - przydają się, gdy chcesz sam zbudować znacznik
<img>z własnym stylem (patrz Jak dodać logo lub zdjęcie).
Zmienne: skrzynka i dział
| 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 |
Wskazówka
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
| 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
Dane firmowe (company_*) mogą być wpisane w kilku miejscach - system wybiera wartość według
kolejności, od najważniejszego:
- Profil piszącej osoby (jeśli ma tam wpisane własne dane firmy) - nadpisuje pozostałe.
- Dział przypisany do skrzynki, z której wysyłasz - nadpisuje dane głównego działu konta.
- 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
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
<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
<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
<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)
<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).
Jak dodać logo lub zdjęcie
- Wgraj plik graficzny wprost w edytorze stopki (przeciągnij albo wklej obrazek) - system sam wygeneruje dla niego stały adres URL.
- Albo wklej ręcznie znacznik ze zmienną URL, np.:
<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.