Z poniższego artykułu dowiedzą się Państwo:
W systemie voxCRM mogą Państwo wprowadzić szablon wiadomości email samodzielnie przy pomocy edytora tekstowego lub przy użyciu języka HTML.
Dostęp do edycji szablonów jest zależny od uprawnień użytkownika.
W celu udzielenia dostępu do szablonów maili, prośba o przesłanie do nas maila z prośbą o udzielenie dostępu do opcji związanych z dodawaniem/edycją szablonów.
Po otrzymaniu maila, wyślemy Państwu link prowadzący bezpośrednio do podstrony obsługującej edycję szablonów w systemie.
Tworzenie nowego szablonu
Aby dodać nowy szablon, należy nacisnąć przycisk Utwórz szablon email.
W karcie tworzenia szablonu email należy wypełnić poniższe pola:
- Nazwa - w tym polu należy wpisać nazwę szablonu wiadomości
- Rodzaj szablonu - z rozwijanej listy należy wybrać rodzaj szablonu wiadomości
Aktualnie w systemie istnieją trzy rodzaje szablonów do wyboru:
- Odbiory - dotyczy wiadomości wysyłanych w sprawie odbiorów;
- Oferta - dotyczy ofert wysyłanych do klientów;
Po zaznaczeniu tej opcji wyświetlone zostanie nowe pole Inwestycja, dzięki któremu mogą Państwo przypisać szablon oferty do danej inwestycji.
- Szybki email - dotyczy innych wiadomości wysyłanych do klientów;
- Tytuł wiadomości - w tym polu należy wpisać tytuł, z jakim zostanie wysłana wiadomość
- Treść - w tym polu należy uzupełnić treść wiadomości, która będzie wysyłana do klientów
Treść wiadomości mogą Państwo wprowadzić na dwa sposoby:
Wprowadzanie treści wiadomości przy użyciu edytora tekstowego
Przy wprowadzaniu treści, z pomocą Państwu przyjdzie prosty edytor tekstowy, dzięki któremu mogą Państwo w łatwy sposób samodzielnie wprowadzić i sformatować treść lub wkleić wcześniej przygotowaną z programu Word.
Przy wprowadzaniu treści mogą państwo skorzystać ze zmiennych, które w miejscu ich umieszczenia system wprowadzi odpowiednie wartości.
Aby wstawić do treści grafikę, w edytorze tekstu należy zaznaczyć miejsce, gdzie chcą Państwo wstawić grafikę, a następnie nacisnąć na ikonkę obrazka.
W nowym oknie mogą Państwo uzupełnić właściwości wstawianej grafiki.
W polu URL należy wpisać adres źródłowy prowadzący do grafiki.
W zakładce Hiperłącze mogą Państwo utworzyć hiperłącze w grafice, by po kliknięciu prowadziła do np. strony internetowej.
Po zatwierdzeniu operacji poprzez kliknięcie przycisku OK grafika zostanie wstawiona do treści. Niebieskie obramowanie oznacza, że grafika została podlinkowana.
Aby wstawić do treści tabelkę z np. harmonogramem budowy, w edytorze tekstu należy zaznaczyć miejsce, gdzie chcą Państwo wstawić tabelę, a następnie nacisnąć na ikonkę tabelki.
W nowym oknie mogą Państwo dostosować właściwości wstawianej tabeli.
Po zatwierdzeniu operacji poprzez kliknięcie przycisku OK tabela zostanie wstawiona do treści. Ostatnim krokiem jest wypełnienie tabeli treścią.
Wprowadzanie treści wiadomości przy użyciu języka HTML
Drugim sposobem jest wprowadzenie treści przy użyciu języka HTML.
W tym celu, w edytorze treści, należy nacisnąć przycisk Źródło dokumentu, a następnie wprowadzić kod HTML do pola tekstowego.
Do najważniejszych znaczników HTML przy tworzeniu szablonu maila należą:
- <p> - służy do tworzenia paragrafu
Przydatnym atrybutem znacznika <p> jest atrybut style=””, dzięki któremu przy pomocy języka CSS mogą Państwo wystylizować dany paragraf.
Do najprzydatniejszych znaczników stylu należą:
- Font-family: - służy do ustawienia czcionki tekstu
Jako wartość należy podać nazwę czcionki tekstu.
Przykład: <p style=”font-family: times new roman;”>tekst</p>
- Font-size: - służy do zmiany wielkości czcionki tekstu
Jako wartość należy podać wielkość tekstu wyrażoną w pikselach, punktach, procentach lub słownie.
Przykłady:
<p style=”font-size: 10px;”>tekst</p>
<p style=”font-size: 10pt;”>tekst</p>
<p style=”font-size: 120%;”>tekst</p>
<p style=”font-size: large;”>tekst</p>
- Color: - służy do zmiany koloru tekstu
Jako wartość należy podać kolor tekstu wyrażony w wartości rgb, heksadecymalnej lub słownie.
Przykłady:
<p style=”color: rgb(255,0,0);”>tekst</p>
<p style=”color: #ff0000;”>tekst</p>
<p style=”color: red;”>tekst</p>
- Text-align: - służy do zmiany ułożenia tekstu
Jako wartość należy podać stronę ułożenia tekstu słownie.
Przykład: <p style=”text-align: center;”>tekst</p>
- <br> - służy do przełamania linii
- <a> - służy do wstawiania hiperlinków
Najważniejszym atrybutem znacznika <a> jest atrybut href=””, dzięki któremu mogą Państwo wstawiać linki do tekstu.
W celu podlinkowania adresu e-mail w atrybucie href należy wstawić mailto:
Przykład: <a href=”mailto:adres@email.com”>adres@email.com</a>
W celu podlinkowania telefonu w atrybucie href należy wstawić tel:
Przykład: <a href=”tel:+48123456789”>+48 123 456 789</a>
- <img> - służy do wstawiania grafik
Najważniejszym atrybutem znacznika <img>, jest atrybut src=””, którego wartość określa źródło grafiki.
Do najprzydatniejszych atrybutów znacznika <img> należą:
- alt=”” - służy do wstawienia tekstu alternatywnego, który wyświetla się w momencie gdy grafika nie może się wyświetlić.
Przykład: <img alt=”tekst alternatywny” src=”źródło”>
- width=”” - służy do zmiany szerokości grafiki
- height=”” - służy do zmiany wysokości grafiki
Przykład: <img src=”źródło” width=”200px” height=”100px”>
Grafika o rozmiarach: szerokość 200px, wysokość 100px
- <table> - służy do wstawiania tabel
- <thead> - służy jako “kontener” przechowujący nagłówki tabeli
- <th> - służy do wstawiania kolumn nagłówkowych w tabelach
- <tbody> - służy jako “kontener” przechowujący treść tabeli
- <tr> - służy do wstawiania wierszy w tabelach
- <td> - służy do wstawiania kolumn w tabelach
Podczas tworzenia tabel przydatnymi argumentami atrybutu style=”” są:
- border: - służy do modyfikowania wyglądu obramowania tabeli
- border-collapse: - służy do zmiany stylu obramowania tabeli z podwójnej linii na pojedynczą (standardowo tabela obramowana jest dwoma liniami)
Przykłady:
<table style="border: 1px solid black; border-collapse: collapse" width="30">
<tr>
Test
</tr>
</table>
<table style="border: 3px dotted blue;" width="30">
<tr>
Test
</tr>
</table>
Przykład:
<table style="border: 1px solid black; border-collapse: collapse" width="500">
<thead>
<tr>
<th style="border: 1px solid black;">Nagłówek 1</th>
<th style="border: 1px solid black;">Nagłówek 2</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid black;">Wiersz 1, Kolumna 1</td>
<td style="border: 1px solid black;">Wiersz 1, Kolumna 2</td>
</tr>
<tr>
<td style="border: 1px solid black;">Wiersz 2, Kolumna 1</td>
<td style="border: 1px solid black;">Wiersz 2, Kolumna 2</td>
</tr>
</tbody>
</table>
Po ponownym naciśnięciu przycisku Źródło dokumentu mogą Państwo zweryfikować wygląd szablonu wiadomości.
Aby zapisać szablon, należy nacisnąć zielony przycisk Zapisz, znajdujący się pod edytorem tekstowym.
Czy ten artykuł był pomocny?
To wspaniale!
Dziękujemy za opinię
Przepraszamy, że nie udało nam się pomóc!
Dziękujemy za opinię
Wysłano opinię
Doceniamy Twój wysiłek i postaramy się naprawić artykuł