W systemie voxCRM istnieje możliwość stworzenia lub edycji stopki maila, która jest automatycznie dodawana do wszystkich wiadomości wysyłanych z systemu. Stopkę można przygotować zarówno w edytorze tekstowym, jak i bezpośrednio w języku HTML. Poniżej znajdą Państwo pełną instrukcję konfiguracji wraz z dobrymi praktykami i wskazówkami technicznymi.
Spis treści
- Dostęp do ustawień stopki maila
- Tworzenie stopki w edytorze tekstowym
- Edycja stopki w trybie HTML
- Limit znaków
- Test stopki — weryfikacja w skrzynkach odbiorczych
- Dodatkowe wskazówki
- Powiązane artykuły
- Kontakt
1. Dostęp do ustawień stopki maila
Aby przejść do konfiguracji stopki, należy:
- Zalogować się do systemu voxCRM.
- W prawym górnym rogu najechać kursorem na swoją nazwę użytkownika.
- Wybrać opcję Edytuj profil.
- Przewinąć stronę do sekcji Stopka email.
2. Tworzenie stopki w edytorze tekstowym
Edytor tekstowy umożliwia stworzenie stopki bez znajomości języka HTML. Pozwala intuicyjnie wprowadzić zarówno treść, jak i elementy graficzne.
Wprowadzanie treści
W stopce można umieścić m.in.:
- Imię i nazwisko użytkownika
- Stanowisko w firmie
- Dane kontaktowe (numer telefonu, adres e-mail)
- Informację o przetwarzaniu danych osobowych
- Dodatkowe informacje (motto firmy, hasło reklamowe, podpis prawny)
Treść można sformatować przy użyciu opcji edytora:
- Krój czcionki — dobór stylu zgodny z identyfikacją wizualną firmy (Arial, Verdana, Times New Roman)
- Rozmiar tekstu — dostosowanie wielkości czcionki do potrzeb
- Wyróżnienia — pogrubienie, kursywa, podkreślenie
Dodawanie grafiki (logo)
Aby wzbogacić stopkę o logo firmy lub inną grafikę, należy:
- W edytorze wskazać miejsce, w którym ma pojawić się obraz.
- Skorzystać z opcji wstawiania obrazu dostępnej w menu edytora.
- W nowo otwartym oknie wskazać adres URL prowadzący do pliku graficznego lub załadować plik z menadżera plików voxCRM.
- Określić rozmiar obrazu w pikselach (np. szerokość 150 px, wysokość 75 px) oraz wypełnić pole tekstu alternatywnego (ALT).
Tekst ALT wyświetli się odbiorcy w sytuacji, gdy klient pocztowy zablokuje pobieranie obrazów — co jest domyślnym ustawieniem np. w programie Outlook.
Tworzenie hiperłączy
Stopka może zawierać linki prowadzące do ważnych zasobów firmy, takich jak:
- Strona główna firmy
- Profile w mediach społecznościowych
- Polityka prywatności
Aby dodać hiperłącze:
- Należy zaznaczyć tekst lub grafikę przeznaczoną do podlinkowania.
- Skorzystać z opcji wstawiania linku w edytorze.
- Wprowadzić adres URL docelowy.
- (Opcjonalnie) Ustawić otwarcie w nowej karcie przeglądarki.
3. Edycja stopki w trybie HTML
Dla zaawansowanych użytkowników dostępna jest edycja w trybie kodu HTML.
Przełączenie na tryb HTML
- W pasku narzędzi edytora należy wybrać opcję Źródło (ikona
</>). - W otwartym oknie wprowadzić lub edytować kod HTML.
- Ponowne wybranie opcji Źródło spowoduje powrót do widoku WYSIWYG.
Najczęściej używane znaczniki HTML
| Znacznik | Zastosowanie | Przykład |
<p> |
Akapit tekstu | <p>Imię i nazwisko: Jan Kowalski</p> |
<a href="mailto:..."> |
Link do adresu e-mail | <a href="mailto:jan@firma.pl">jan@firma.pl</a> |
<a href="tel:..."> |
Link do numeru telefonu | <a href="tel:+48123456789">+48 123 456 789</a> |
<img> |
Obraz (np. logo) | <img src="https://firma.pl/logo.png" alt="Logo" width="150"> |
<hr> |
Linia pozioma (separator sekcji) | <hr> |
style="..." |
Stylizacja inline (kolor, rozmiar, wyrównanie) | <p style="color:#003366; text-align:center;">Jan Kowalski</p> |
Dobre praktyki HTML w mailach
Mail HTML rządzi się innymi zasadami niż strona internetowa. Najważniejsze różnice:
- Inline CSS — klienty pocztowe (zwłaszcza Outlook) nie obsługują reguł CSS zdefiniowanych w klasach. Style należy podawać bezpośrednio w atrybucie
style="..."każdego znacznika. - Tabele zamiast div-ów — do układania elementów obok siebie zalecane jest użycie znacznika
<table>. Outlook ignoruje nowoczesne układy oparte odisplay:flexczygrid. - Szerokość maksymalnie 600 px — większość klientów pocztowych obcina lub przewija stopki szersze niż 600–650 p
