Jak wpłynąć na wygląd wiadomości wysyłanych z systemu lub je spersonalizować

Utworzono: 2015-10-01
Ostatnia aktualizacja: 2023-07-24
Liczba odwiedzin posta: 3682

Aby spersonalizować formę wiadomości wysyłanych do klientów wraz z fakturą trzeba przejść do menu Ustawienia > Ustawienia konta, następnie wybrać z lewego menu opcję "Wysyłanie mailem"

Następnie wybieramy "własny szablon e-maila". Po wybraniu tej opcji możemy zmieniać zarówno tekst wysyłanej wiadomości jak i wpłynąć na jej wygląd.

Zmiany wyglądu wpisuje się za pomocą kodu CSS, który dopisujemy do wiadomości.

Przykład prostej modyfikacji szablonu wysyłanej wiadomości w której zmieniamy czcionkę na Georgia, zmieniamy kolor na szary i ustawiamy więlkość czcionki na 15 pikseli:


<div style="font-family: Georgia,; color:#333333; font-size:15px">
<p style="font-size:20px;color:#000">Dzień dobry,</p>
przesyłam fakturę numer <strong>{{number}}</strong>  na kwotę {{total_price_gross}} brutto.
Link do podglądu: {{view_url}}
{{footer}}
</div>



Uwaga, istotne, aby zamknąć raz otwarty element <div>  zamknięciem tagu: </div>

wlasny format wysylanych wiadomosci

Krótki poradnik na temat CSS i Html można znaleźć na tej stronie >


Powrót


Komentarze

Avatar sugester medium
Paweł
Dlaczego fakturownia dokleja puste linijki do wiadomości? Jeśli ustawię treść wiadomości na:

<div class=1>
<div class=2>
<table>
<tr>
<td>
<h1>Faktura</h1>
</td>
</tr>
</table>
</div>
</div>

to w wiadomości mam 5 pustych linijek przed słowem Faktura bo w kodzie jest 5 elementów. Występuje to zarówno w aplikacji Mail na macos jak i MS Outlook.

2023-07-23 11:12


Kacper_Seta
Kacper_Seta
Odpowiedź główna   Dzień dobry,
ponieważ w kodzie występują "entery", jest to kompilowane jako <br>. Jeśli kod zostanie dodany bez rozpoczęcia nowych linii, w wiadomości nie będą widoczne niepotrzebne puste linie.
<div class=1><div class=2><table><tr><td><h1>Faktura</h1></td></tr></table></div></div>

Pozdrawiam,
Kacper

2023-07-24 11:32


Dodaj komentarz