W systemie voxCRM mogą Państwo wprowadzić stopkę maila na dwa sposoby: samodzielnie przy pomocy edytora tekstowego lub przy użyciu języka HTML.
W tym celu na górze strony należy nacisnąć na ikonkę zębatki, która przeniesie Państwa do karty edycji użytkownika.
Wprowadzanie stopki przy użyciu edytora tekstowego
Przy tworzeniu stopki, z pomocą Państwu przyjdzie prosty edytor tekstowy, dzięki któremu mogą Państwo w łatwy sposób samodzielnie stworzyć stopkę mailową lub wkleić wcześniej przygotowaną z programu Word.
Aby wstawić do stopki grafikę, należy w edytorze tekstu 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 stopki. Niebieskie obramowanie oznacza, że grafika została podlinkowana.
Wprowadzanie stopki przy użyciu języka HTML
Drugim sposobem jest wprowadzenie stopki przy użyciu języka HTML.
W tym celu, w edytorze stopki email, 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 stopki należą:
<p> - służy do tworzenia paragrafu
Przydatnym atrybutem znacznika <p> jest atrybut style=””, dzięki któremu przy pomocy znajomości 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>
<hr> - służy do tworzenia linii
<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=”100px” height=”50px”>
Grafika o rozmiarach: szerokość 100px, wysokość 50px
Po ponownym naciśnięciu przycisku Źródło dokumentu, mogą Państwo zweryfikować wygląd wprowadzonej stopki.
Aby zapisać zmiany wprowadzone w stopce należy nacisnąć zielony przycisk Zapisz, znajdujący się na dole strony.
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ł