Dodawanie stopki z elementami graficznymi

Utworzono: 2020-02-06
Ostatnia aktualizacja: 2025-03-12
Liczba odwiedzin posta: 7272

Chcesz wyróżnić swoje wiadomości e-mail z fakturami? Dowiedz się, jak dodać elementy graficzne do stopki maila, aby Twoja komunikacja z klientami była bardziej profesjonalna i spójna wizualnie.
Instrukcja

Dowiedz się, jak skorzystać z tej funkcji, korzystając z interaktywnego przewodnika.

Dodawanie stopki z elementami graficznymi


W Fakturowni istnieje możliwość spersonalizowania własnej stopki e-mail z elementami graficznymi. Taką stopkę można napisać własnoręcznie używając języka HTML.

Gotowy kod HTML stopki możesz wkleić, przechodząc do zakładki Ustawienia > Ustawienia konta > Wysyłanie e-mailem > Stopka e-maili (na dole strony) lub skorzystać z darmowego generatora sygnatur. W drugim przypadku znajomość języka HTML nie jest wymagana, a właśnie tej metodzie poświęcony jest artykuł. Poniżej pokażemy krok po kroku, jak przygotować stopkę z elementami graficznymi korzystając z takiego generatora oraz jak zaimplementować ją w Fakturowni.
 
WAŻNE! Jeżeli korzystasz z własnych szablonów e-mail upewnij się, że na końcu szablonu e-maila dla opcji Wysyłanie faktury e-mailem została zamieszczona zmienna {{footer}} jak poniżej.

Edycja szablonu e-maila do wysyłki faktury, z podświetloną zmienną {{footer}} używaną do dodania stopki wiadomości.

W przypadku używania własnego szablonu e-mail dla nieopłaconych faktur, zweryfikuj czy zmienna {{{footer}}} jest dodana na końcu wiadomości, analogicznie jak w poprzednim przykładzie. W przypadku braku tej zmiennej, stopka nie zostanie załadowana do wysyłanej faktury.

Jak przygotować własną stopkę z elementami graficznymi? 


Gdy szablony e-maili z fakturą zostały już skonfigurowane poprawnie, możesz przejść do stworzenia własnej graficznej stopki e-mail.

W tym celu odwiedź stronę z darmowym generatorem sygnatur e-mail Free E-mail Signature Template Generator by HubSpot.

Kliknięcie w link przeniesie Cię do strony, gdzie za pomocą przycisku Create my signature możesz utworzyć własną stopkę z elementami graficznymi. 

HubSpot Email Signature Template Generator – darmowe narzędzie do tworzenia profesjonalnych stopek e-mail z opcjami personalizacji
 
  1. W zakładce Details zjedź na dół listy i odznacz opcję Created with HubSpot - jeżeli zostawisz to pole zaznaczone, to w stopce pojawi się reklama generatora HubSpot. W tej zakładce uzupełnij również dane, które mają pojawić się w stopce jak imię i nazwisko, nazwa firmy czy dane kontaktowe. 

    Kreator stopki e-mail w HubSpot, z możliwością dodania własnych pól, linków do mediów społecznościowych i usunięcia sygnatury HubSpot
     
  2. W zakładce Images wgraj plik graficzny, który chcesz, by pojawiał się w stopce. Możesz dodać zdjęcie profilowe oraz logo firmy. Zdjęcie i logo powinno być zamieszczone wcześniej w chmurze. W polach wklejamy adres URL zdjęcia. Wielkość pliku nie powinna przekraczać 3 MB.

    HubSpot Email Signature Generator – dodawanie zdjęcia profilowego i logo firmy do stopek e-mail dla profesjonalnego wyglądu wiadomości
     
  3. W zakładce Templates możesz wybrać szablon swojej stopki. 

    HubSpot Email Signature Generator – wybór szablonu stopki e-mail dla spersonalizowanego podpisu biznesowego.
     
  4. W zakładce Styles możesz wybrać kolorystykę, czcionkę oraz dodać przycisk z CTA

    HubSpot Email Signature Generator – personalizacja stylu stopki e-mail, wybór kolorów motywu, tekstu i linków.


Gdy już wszystkie pola zostały wypełnione, wystarczy zatwierdzić stopkę przyciskiem Create Signature. Zostaniesz przeniesiony do nowej strony, gdzie kopiujesz kod źródła za pomocą przycisku Copy Signature Source Code.

HubSpot Email Signature Generator – możliwość wygenerowania kodu stopki po zakończonym procesie konfiguracji.

Jak dodać stopkę graficzną w Fakturowni?


Jeśli pobrałeś kod HTML przygotowanej stopki, możesz ją teraz dodać w Fakturowni.

W tym celu przejdź do zakładki Ustawienia > Ustawienia konta > Wysyłanie e-mailem. Przejdź do pola Stopka e-maili i wklej kod HTML wygenerowanej stopki graficznej. Zatwierdź zmiany przyciskiem Zapisz. Stopka powinna być widoczna w wysyłanej przez Ciebie wiadomości. Prosimy o przetestowanie funkcjonalności przed wysyłką swoich faktur do kontrahentów. 

Kod HTML graficznej stopki e-maila wklejony w ustawieniach programu do fakturowania.
 
UWAGA! Faktura wysłana z telefonu przy użyciu dedykowanej aplikacji Fakturownia nie będzie poprawnie wyświetlać stopki. Problem nie wystąpi, gdy zalogujesz się w telefonie przez zwykłą przeglądarkę i z jej poziomu wyślesz fakturę.
 
Sprawdź działanie systemu korzystając z interaktywnej instrukcji

Interaktywny przewodnik poprowadzi Cię krok po kroku na rzeczywistych ekranach Fakturowni, umożliwiając łatwe zrozumienie i wykonanie potrzebnych działań.

Kliknij Start aby rozpocząć, a następnie klikaj w niebieskie pola, lub użyj strzałek w prawym dolnym rogu do nawigowania po instrukcji.



Sprawdź również: 
Osobna konfiguracja wysyłania e-maili dla działów
Jakich zmiennych można użyć podczas wysyłania dokumentów e-mailem?
Numer faktury w stopce wydruku ( przy numerach stron)
Graficzny szablon e-maila


Powrót


Komentarze

Avatar sugester medium
Mariusz
Dzień dobry, czy podany sposób dalej działa? Po utworzeniu stopki oraz wklejeniu jej kodu w ustawieniach w wiadomości pojawia się sam kod.
Z góry dziękuję za odpowiedź.

2023-01-16 16:09


Daniel_W
Daniel_W
Odpowiedź główna   Witam,

tak, opcja ta działa niezmiennie. Problem z wyświetlanym kodem może występować przy wysyłce faktury za pomocą aplikacji mobilnej. Lecz przy wysyłce z pełnej wersji programu, stopka powinna być wyświetlana prawidłowo. 

Pozdrawiam,
Daniel

2023-01-20 16:14


Avatar sugester medium
Ania
Niestety mam ten sam problem co Pan Mariusz, w stopce wyświetla się tylko kod. Jaki może być tego powód?

2024-03-08 14:48


piotr.wajs
piotr.wajs
Odpowiedź główna   Witam,

tak, opcja ta działa niezmiennie. Problem z wyświetlanym kodem może występować przy wysyłce faktury za pomocą aplikacji mobilnej. Lecz przy wysyłce z pełnej wersji programu, stopka powinna być wyświetlana prawidłowo.
Czy generuje Pan dokumenty z aplikacji mobilnej?
Pozdrawiam,
Piotr

2024-03-08 15:10


Dodaj komentarz