Projekt e-maila do HTMLKodowanie projektu do HTML

Twój projekt e-maila zbudowany w HTML: układ tabelaryczny dla serwisów mailingowych, bliski makiecie, z wersją na telefon

Zwykle gotowe w ok. 15 minutPoprawki w cenieKontrola jakości
Pakiety
Ochrona płatnościSzczegóły
  • Poprawki w ramach pakietu są bezpłatne.
  • Jeśli nie odpowiesz w ciągu 3 dni od dostarczenia pracy, zostanie ona zaakceptowana automatycznie.

Pieniądze są rezerwowane w chwili płatności i przekazywane dopiero po akceptacji pracy.

Twój projekt e-maila zbudowany w HTML: układ tabelaryczny dla serwisów mailingowych, bliski makiecie, z wersją na telefon

Przykładowy rezultat

Przykład dla pakietu Standard

E-maile powitalny i z wiosenną wyprzedażą dla sklepu z ceramiką

Dwa e-maile

E-mail powitalny na telefonie

E-mail powitalny na telefonie

Pliki: archiwum ZIP z 2 e-mailami HTML przygotowanymi dla programów pocztowych, ze stylami inline i linkiem do wypisania się, oraz 3 obrazkami narysowanymi do nich, gotowe do zaimportowania do serwisu mailingowego klienta. Obrazy tutaj to zrzuty ekranu e-maili.

Klient: Juniper & Oak, mały sklep internetowy z ręcznie robioną ceramiką i artykułami do domu. Zadanie: dwa e-maile do ich serwisu mailingowego: powitalny z 10% rabatu na pierwsze zamówienie i z wiosenną wyprzedażą z 20% rabatu na wazony i donice, w kolorach piaskowym, terakotowym i oliwkowym.

Klient i wszystkie dane są wymyślone.

O usłudze

Masz projekt e-maila i potrzebujesz go jako kodu, który programy pocztowe poprawnie wyświetlają. Wgraj zrzuty ekranu lub eksporty PNG swojej makiety, a zbudujemy z niej e-mail w HTML: te same bloki w tej samej kolejności, kolory, rozmiary i przyciski, z prawdziwym tekstem zamiast obrazka z tekstem. Kod jest taki, jakiego potrzebują programy pocztowe: tabele o szerokości 600 px, style przy każdym elemencie, podobne fonty systemowe i jedna kolumna na telefonach, nawet gdy Twój projekt ma tylko wersję desktopową. Zdjęcia i ilustracje z makiety rysujemy od nowa w tym samym duchu albo używamy Twoich, jeśli je wgrasz. Nie otwieramy plików Figma, PSD ani Sketch: wyeksportuj ekrany jako obrazy. Nie wysyłamy e-maili.

Co obejmuje usługa

  • Co otrzymujeszArchiwum ZIP z kodem HTML każdego e-maila i jego ilustracjami, gotowe dla Twojego serwisu mailingowego, oraz podgląd na stronie zamówienia.
  • Blisko Twojego projektuBloki, kolory, rozmiary i przyciski jak w Twojej makiecie
  • Prawdziwy tekstNagłówki i akapity jako tekst, a nie obrazek z tekstem
  • Wersja na telefonUtworzona na podstawie projektu desktopowego, gdy nie masz mobilnego
  • Ilustracje na miejscuRysowane od nowa w duchu makiety albo Twoje
  • Link do wypisania sięZnacznik w stopce, który zastępujesz własnym linkiem swojego serwisu

Jak to działa

  1. 1
    WgranieWgrywasz ekrany projektu e-maila i piszesz, który jest który
  2. 2
    Budowa i podglądBudujemy każdy e-mail na tabelach i stylach inline, a Ty porównujesz go z projektem na komputerze i telefonie
  3. 3
    ArchiwumPobierasz archiwum i zgłaszasz poprawki w ramach pakietu

Czego potrzebujemy od Ciebie

Do 5 obrazów w PNG, JPEG lub WebP: ekrany Twojego projektu e-maila, jeden e-mail na obraz, na tyle ostre, by dało się przeczytać tekst, a jeśli chcesz, także logo i zdjęcia do użycia bez zmian. Napisz, który plik to który e-mail, teksty, jeśli różnią się od makiety, dokąd ma prowadzić każdy przycisk, oraz dane nadawcy do stopki. Nie pliki Figma, PSD ani Sketch: wyeksportuj każdą ramkę e-maila jako obraz.

Zapytamy Cię:

  • Który plik to który e-mail?
  • Czy teksty różnią się od makiety?
  • Dokąd mają prowadzić przyciski?
  • Dane nadawcy do stopki

Porównaj pakiety

PakietyPodstawowy1 e-mail z Twojego projektu64 złStandard2 e-maile z Twoich projektów117 złPremium4 e-maile z Twoich projektów196 zł
Termin1 dzień2 dni2 dni
Poprawki123
E-maile124
Ilustracje rysowane dla e-maili234
Wersja na telefonTakTakTak
Link do wypisania sięTakTakTak
Zbudowany z Twojego projektuTakTakTak
Zamów PodstawowyZamów StandardZamów Premium

Ochrona płatności

Płacisz przy składaniu zamówienia, ale pieniądze są przekazywane tylko za zaakceptowaną pracę.

  • Stała cenaCena pakietu nie zmienia się po zapłacie.
  • Pieniądze są zarezerwowanePrzy płatności kwota jest tylko rezerwowana. Serwis otrzymuje ją dopiero po akceptacji pracy.
  • Sprawdzone przed dostarczeniemKażdy wynik przechodzi kontrolę jakości, zanim do Ciebie trafi, a przed akceptacją widzisz go na stronie zamówienia.
  • Bezpłatne poprawkiProś o poprawki w ramach briefu tyle razy, ile przewiduje pakiet.
  • Akceptacja po 3 dniachJeśli w ciągu 3 dni od dostarczenia pracy ani jej nie zaakceptujesz, ani nie poprosisz o poprawki, zostanie zaakceptowana automatycznie. Jeśli po dostarczeniu napiszesz na czacie zamówienia, zamówienie czeka; po naszej odpowiedzi możemy ponownie uruchomić odliczanie 3 dni i poinformujemy o tym na czacie.
  • Ponowne wykonanie lub pełny zwrot pieniędzyJeśli wynik nie odpowiada Twojemu briefowi, a poprawki tego nie naprawiły, lub praca trwa ponad dwa razy dłużej niż termin, napisz na czacie zamówienia: wykonamy pracę ponownie albo zwrócimy całą płatność.
Jak to działa →

Pytania i odpowiedzi

Czy możecie otworzyć mój plik Figma lub PSD?

Nie, pracujemy z obrazów ekranów. W Figmie zaznacz ramkę e-maila i wyeksportuj ją do PNG w skali 2x; w Photoshopie użyj Export As. Wysoki e-mail może być jednym długim obrazem.

Czy strona będzie zgodna z projektem co do piksela?

Będzie bliski pod względem układu, kolorów, rozmiarów i kolejności bloków, ale nie co do piksela: programy pocztowe wyświetlają e-maile nieco inaczej, fonty to podobne fonty systemowe, a zdjęcia rysujemy od nowa, chyba że wgrasz własne. Przed wysyłką wyślij test na kilka skrzynek i na telefon.

Mój projekt ma specjalny font i film. Co wtedy?

Większość programów pocztowych nie wyświetla ani fontów webowych, ani filmów, więc tekst składamy podobnym fontem systemowym, a film staje się obrazem z ikoną odtwarzania, który do niego prowadzi.

Czy możecie zbudować e-mail skopiowany od innej firmy?

Budujemy projekty, które są Twoje lub do których masz prawa. Nie kopiujemy e-maila innej firmy jeden do jednego; e-mail, który Ci się podoba, może być tylko wskazówką co do stylu.

Czy będzie pasował do edytora „przeciągnij i upuść” mojego serwisu mailingowego?

Dostajesz zwykły HTML do zaimportowania lub wklejenia jako własny kod. Nie jest podzielony na bloki edytora, więc późniejsze zmiany wprowadza się w edytorze kodu. Stopka ma znacznik linku do wypisania się pod własny link Twojego serwisu.

Nie ma tu odpowiedzi?

Pakiety