Jak wpłynąć na wygląd wiadomości wysyłanych z systemu lub je spersonalizować
Utworzono:
2015-10-01
Ostatnia aktualizacja: 2023-07-24
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:
Uwaga, istotne, aby zamknąć raz otwarty element <div> zamknięciem tagu: </div>
Krótki poradnik na temat CSS i Html można znaleźć na tej stronie >
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>
Krótki poradnik na temat CSS i Html można znaleźć na tej stronie >
Powrót
Komentarze
Paweł
<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
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