blok partnerów / sponsorów

Blok partnerów lub sponsorów to sekcja wiadomości e-mail prezentująca logotypy lub informacje o podmiotach współpracujących.

Rola bloku partnerów lub sponsorów w wiadomości e-mail

Blok partnerów lub sponsorów jest wydzieloną częścią wiadomości e-mail, w której umieszcza się logotypy, nazwy albo krótkie informacje o podmiotach współpracujących. Od strony technicznej nie jest to osobny protokół ani specjalny typ wiadomości. Najczęściej stanowi fragment kodu HTML osadzony w treści wiadomości, podobnie jak nagłówek, sekcja główna, przyciski i stopka. Jego wygląd zależy od struktury dokumentu, stylów CSS oraz sposobu interpretowania HTML przez konkretny program pocztowy.

W praktyce taki blok może zawierać obraz przedstawiający logo, tekst alternatywny zapisany w atrybucie alt, nazwę podmiotu oraz odsyłacz zapisany w elemencie <a>. Logo powinno być traktowane jako element informacyjny, dlatego tekst alternatywny powinien opisywać jego znaczenie, na przykład nazwę partnera, a nie używać ogólnego opisu typu „obrazek”. Jeżeli grafika pełni wyłącznie funkcję dekoracyjną, pusty atrybut alt może ograniczyć powtarzanie nieistotnych treści w czytniku ekranu.

Budowa HTML wiadomości z logotypami

HTML przeznaczony do wiadomości e-mail wymaga ostrożniejszego projektowania niż zwykła strona internetowa. Wiele klientów pocztowych obsługuje tylko część współczesnych mechanizmów CSS, a część z nich stosuje własne zasady renderowania. Dlatego układ bloku partnerów często buduje się z użyciem tabel HTML, na przykład tabeli z jednym wierszem i kilkoma komórkami zawierającymi logotypy. Taki sposób nie wynika z aktualnych zasad projektowania stron, lecz z ograniczeń i różnic występujących w silnikach renderujących wiadomości.

Style istotne dla układu często zapisuje się bezpośrednio w atrybucie style elementu. Dotyczy to między innymi szerokości obrazu, odstępów, wyrównania, koloru tekstu i rozmiaru czcionki. Grafika może mieć określone atrybuty width oraz height, ale nie powinno się zakładać, że każdy klient pocztowy zachowa identyczne proporcje bez przygotowania obrazu w odpowiednim rozmiarze. Dobrą praktyką jest zapewnienie wersji wiadomości, która pozostaje czytelna także wtedy, gdy obrazy są zablokowane albo nie zostaną pobrane z serwera.

Obrazy, odsyłacze i zachowanie responsywne

Logotypy w bloku sponsorów są zwykle dołączane jako obrazy zewnętrzne, wskazywane adresem w atrybucie src. Oznacza to, że program pocztowy może pobierać je dopiero po otwarciu wiadomości, zależnie od ustawień użytkownika i obsługi zdalnych zasobów. Z tego powodu nazwa partnera powinna pojawić się również w tekście albo w atrybucie alt. Sama grafika nie powinna być jedynym nośnikiem informacji, ponieważ po jej zablokowaniu odbiorca może nie wiedzieć, czego dotyczy dana część wiadomości.

Jeżeli logo prowadzi do strony internetowej, element graficzny może zostać umieszczony wewnątrz odsyłacza. Obszar klikalny powinien być wystarczająco duży, aby można było użyć go także na ekranie dotykowym. W układzie responsywnym szerokość obrazu może być ograniczana do szerokości komórki lub kontenera, a kilka logotypów może przechodzić do kolejnych wierszy na wąskim ekranie. Należy jednak testować efekt w kilku klientach pocztowych, ponieważ reguły display, marginesów, odstępów między komórkami i zapytań medialnych nie są interpretowane jednakowo.

Weryfikacja bloku przed wysłaniem wiadomości

Kontrola techniczna powinna obejmować poprawność składni HTML, zamknięcie wszystkich elementów, prawidłowe adresy obrazów oraz działanie odsyłaczy. Warto sprawdzić, czy blok nie rozszerza wiadomości poza jej główną szerokość, czy logotypy nie są rozciągnięte oraz czy tekst pozostaje czytelny przy powiększeniu. Należy także zweryfikować wersję tekstową wiadomości, jeżeli system wysyłkowy generuje równolegle część HTML i zwykły tekst. W wersji tekstowej można wymienić nazwy partnerów i podać adresy stron bez udawania układu graficznego.

Warszawskie Pogotowie Komputerowe wykonuje profesjonalną naprawę laptopów, komputerów PC i podzespołów, a przy problemach z wyświetlaniem wiadomości można sprawdzić między innymi działanie przeglądarki, programu pocztowego, połączenia sieciowego oraz lokalnych ustawień blokowania obrazów. Diagnostyka powinna rozdzielać błąd samej wiadomości od problemu urządzenia: brak logo może wynikać z nieprawidłowego adresu grafiki, blokady zdalnych zasobów albo błędnego kodu HTML, a nie z uszkodzenia komputera. Takie rozróżnienie pozwala ustalić, czy potrzebna jest korekta szablonu e-mail, konfiguracji aplikacji, czy diagnostyka laptopa lub komputera stacjonarnego.