Niestandardowy edytor HTML - jak z niego korzystać?

Niestandardowy edytor HTML umożliwia zarówno początkującym, jak i zaawansowanym użytkownikom tworzenie i wysyłanie niestandardowych newsletterów stworzonych od podstaw.

Jak utworzyć kampanię przy użyciu niestandardowego edytora HTML:

1. Z poziomu Pulpitu nawigacyjnego kliknij Utwórz, a następnie Stwórz kampanię.

2. Alternatywnie, z poziomu strony Kampanie kliknij Stwórz kampanię.

3.  Wybierz typ kampanii.

• Klasyczna kampania – Najprostszy rodzaj kampanii e-mail. Polega na wysłaniu jednej wiadomości do określonej grupy subskrybentów.

• Testy A/B – Pozwala przetestować dwie wersje e-maila, aby sprawdzić, która działa lepiej, zanim wyślesz skuteczniejszą wersję do szerszego grona odbiorców.

• Automatyczna dosyłka – Kampanie z automatyczną dosyłką zwiększają zasięg e-maili poprzez automatyczne wysyłanie e-maili do odbiorców, którzy nie otworzyli pierwszej wiadomości.

• Kampania RSS - To automatyczne e-maile wysyłane do odbiorców za każdym razem, gdy na Twoim kanale RSS pojawi się nowa treść. Szczególnie przydatne dla blogów i stron regularnie aktualizujących zawartość.

• Kampania Wielu wariantów (dostępna w płatnych planach) – Kampanie wielowariantowe umożliwiają jednoczesne testowanie wielu elementów kampanii, takich jak tematy wiadomości, nazwy nadawców, treść i czas wysyłki.

4. Po wybraniu typu kampanii, kliknij opcję Wybierz, aby stworzyć kampanię od podstaw.

5. Wybierz Niestandardowy edytor HTML.

Następnie wybierz sposób tworzenia newslettera:

• Wygeneruj e-mail: Agent AI umożliwia tworzenie i edytowanie kampanii e-mailowych w naturalnym języku, bez potrzeby kodowania. Zamiast samodzielnie pisać HTML, wystarczy opisać, czego potrzebujesz, a AI wygeneruje lub zaktualizuje kampanię za Ciebie.

• Importuj kod HTML: Wybierz tę opcję, aby zaimportować kod z pliku ZIP.

• Koduj od podstaw: Wpisz lub wklej kod HTML bezpośrednio do edytora, aby stworzyć e-mail.
  

Agent AI umożliwia tworzenie i aktualizowanie kampanii e-mailowych poprzez proste opisanie swoich wymagań – nie są wymagane żadne umiejętności techniczne ani znajomość programowania.

Jak to działa:

1. Wpisz polecenie, np.: „Użyj języka polskiego i stwórz e-mail promocyjny dla kampanii dotyczącej pielęgnacji skóry."

2. AI przekłada Twoje polecenie na ustrukturyzowany układ e-maila, który możesz następnie doprecyzować, prosząc o zmiany – jak w zwykłej rozmowie.

Aktualne ograniczenia

W miarę rozwoju tej funkcji niektóre opcje nie są jeszcze obsługiwane:

• Zaawansowane elementy: quizy, liczniki czasu, kanały mediów społecznościowych i ankiety nie są dostępne.

• Dostęp na żywo do sieci: AI nie może pobierać aktualnych danych, informacji ani zewnętrznych treści.

• Obrazy: AI nie może generować obrazów, wyszukiwać nowych w sieci ani analizować przesłanych grafik.

Potraktuj agenta AI jako przydatny punkt wyjścia, który zajmie się najtrudniejszymi zadaniami, podczas gdy Ty zachowasz kontrolę nad końcowym rezultatem.

Aby zaimportować kod HTML z pliku ZIP, wybierz Importuj HTML na początku tworzenia kampanii lub kliknij Importuj HTML w dowolnym momencie z lewego paska bocznego.

Przeciągnij plik ZIP do wyznaczonego miejsca i kliknij Prześlij swój plik ZIP.

Po wybraniu opcji Koduj od podstaw edytor HTML pojawi się pusty. Możesz wówczas wpisać lub wkleić swój kod. W dowolnym momencie tworzenia kampanii możesz też przełączyć się na zakładkę Kod.

Podgląd kampanii jest wyświetlany po lewej stronie w czasie pisania kodu. W przypadku bloków z obrazami, najedź kursorem na obraz i kliknij Wybierz obraz, aby otworzyć Bibliotekę plików i wybrać obraz.

Dostęp do Biblioteki plików możesz uzyskać również bezpośrednio z lewego paska bocznego.

Zmienne to fragmenty informacji zawarte w treści, które mogą się różnić w zależności od dostępnych danych. W pasku bocznym, w sekcji Pola i zmienne, znajdziesz dwa rodzaje zmiennych: zmienne pól dodatkowych oraz zmienne linków.

Zmienne pól dodatkowych służą do lepszego targetowania i personalizacji newslettera w celu zwiększenia zaangażowania odbiorców. Aby dodać zmienne pól dodatkowych do kampanii:

1. Na pasku bocznym kliknij zakładkę Pola i zmienne.

2. W sekcji Pola dodatkowe użyj menu rozwijanego, aby wybrać pole odpowiadające danym, które chcesz uwzględnić w kampanii.

3. Kliknij Kopiuj i wklej tag w sekcję treści.

Jeśli odbiorca nie ma przypisanej wartości w polu odpowiadającym dodanemu tagowi, miejsce, w którym umieszczono tag, pozostanie puste, chyba że dodasz wartość domyślną. Więcej informacji na temat zmiennych, jakich możesz użyć w swoich kampaniach e-mail, znajdziesz w tym artykule.

Zmienne linków generują klikalny link unikalny dla każdej indywidualnej kampanii. Znajdziesz tu trzy zmienne linków:

• Link wypisu – Odbiorcy są przekierowywani na Twoją stronę wypisu z subskrypcji. Obowiązkowe jest umieszczenie widocznego linku wypisu we wszystkich kampaniach.

• Link do wersji webowej – Odbiorcy mogą użyć tego linku, aby wyświetlić kampanię w przeglądarce internetowej. Jest to szczególnie przydatne w przypadku dłuższych kampanii, które mogą zostać przycięte przez programy pocztowe czytelników.

• Link udostępniania – Odbiorcy mogą kliknąć, aby przekazać kampanię znajomym za pomocą funkcji Przekaż dalej do znajomych.

Po zapisaniu e-maila w niestandardowym edytorze HTML MailerLite automatycznie przekształca wszelkie style CSS zapisane w tagach <style> na style wbudowane (inline), stosowane bezpośrednio w każdym elemencie. Proces ten odbywa się w tle – nie musisz niczego włączać ani zarządzać nim samodzielnie.

Style wbudowane to najbardziej niezawodny sposób zapewnienia poprawnego wyświetlania e-maila w różnych klientach pocztowych. Niektórzy klienci pocztowi ograniczają lub usuwają osadzone i zewnętrzne style CSS, co może powodować błędy w wyświetlaniu wiadomości.

Stosując style wbudowane w momencie zapisywania, MailerLite pomaga zachować układ i formatowanie, dzięki czemu e-mail wygląda zgodnie z zamierzeniem u każdego odbiorcy.

Po skopiowaniu i wklejeniu wielu elementów do newslettera konieczne może być uporządkowanie kodu. Aby go czytelniej sformatować, kliknij przycisk Upiększ.

Aby cofnąć ostatnią akcję lub przywrócić poprzednią wersję kampanii:

1. Kliknij ikonę cofnięcia na górze niestandardowego edytora HTML.

2. Kliknij ikonę ostatnich zmian, aby cofnąć ostatnie modyfikacje, lub wybierz zakładkę Historia wersji, aby przywrócić wcześniej zapisaną wersję kampanii.

Jak zobaczyć podgląd i zrobić test kampanii:

1. Kliknij przycisk Podgląd i test na górze niestandardowego edytora HTML.

2. Wybierz Tryb podglądu, aby zobaczyć kampanię w wersji na przeglądarkę i na urządzenia mobilne.

3. Wybierz Wyślij wiadomość testową, aby wysłać wersję testową kampanii do siebie lub Twojego współpracownika.