Chcesz, aby wiadomości wysyłane z Intum wyglądały nowocześnie i profesjonalnie, ale nie masz czasu na samodzielne kodowanie HTML? Przygotowaliśmy dla Ciebie 4 gotowe, przetestowane szablony stopek, które automatycznie dopasują się do każdego pracownika i programu pocztowego.
Wszystkie poniższe szablony wykorzystują inteligentne zmienne systemu, co oznacza, że po wklejeniu kodu system sam wstawi w odpowiednie miejsca imię, nazwisko, telefon nadawcy oraz pełne dane rejestrowe firmy.
Ważne: Jak poprawnie wkleić szablon?
Aby stopka wyświetlała się prawidłowo, musisz wkleić ją jako kod źródłowy.
- Skopiuj całą pojedynczą linię kodu wybranego szablonu z szarej ramki.
- W systemie przejdź do edycji swojej skrzynki lub ustawień stopki konta.
- W edytorze stopki całkowicie wyczyść zawartość, a następnie przełącz widok na Źródło / HTML (ikona
<>lub przycisk html). - Wklej skopiowany kod i kliknij Zapisz.
Szablon 1: Klasyczny i Biznesowy (Z niebieskim akcentem)
- Dla kogo: Uniwersalny, bardzo elegancki układ corporate. Posiada wyraźną, pionową linię w kolorze głębokiego błękitu, która idealnie oddziela zdjęcie pracownika od jego danych kontaktowych. Na samym dole znajduje się czytelna sekcja z danymi rejestrowymi firmy.
Kod do skopiowania (jedna linia):
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 (Liniowy)
- Dla kogo: Wyjątkowo lekki wizualnie projekt bez ramek i tabelarycznych podziałów. Idealny dla agencji kreatywnych, startupów oraz osób, które cenią prostotę. Dane kontaktowe oddzielone są nowoczesnymi, estetycznymi kropkami.
Kod do skopiowania (jedna linia):
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 (Z kontrastowym nagłówkiem)
- Dla kogo: Wyrazisty i bardzo nowoczesny projekt dla firm, które chcą wyróżnić swoje wiadomości. Górna część stopy przypomina profesjonalny baner – łączy żywy, niebieski boks na zdjęcie pracownika z eleganckim, ciemnoszarym panelem na imię i stanowisko. Dane kontaktowe poniżej są ułożone w czytelną listę z estetycznymi ikonami, a całość doskonale prezentuje się w jasnym trybie wyświetlania
Kod do skopiowania (jedna linia):
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 (Trzykolumnowy z Social Media)
- Dla kogo: Najbardziej zaawansowany i rozbudowany szablon dla firm, które chcą mocno eksponować swoje kanały społecznościowe. Obok zdjęcia i danych kontaktowych tworzy osobną, dedykowaną kolumnę z bezpośrednimi, klikalnymi linkami do Twojego Facebooka, LinkedIna oraz Instagrama.
Kod do skopiowania (jedna linia):
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>
Wskazówka: Aby profile społecznościowe w Szablonie 4 działały prawidłowo, upewnij się, że masz uzupełnione linki do social mediów w ustawieniach głównego działu firmy.