Siirry sisältöön
Eurooppalainen yritysPerustettu 2014Rakennettu ja operoitu EuroopassaMaksut turvattu Korttimaksut kulkevat Stripe:n kautta. Korttitietosi eivät koskaan päädy palvelimillemme.
GRADAX

HTML-sähköpostipohjan rakentaminen

Käsin koodatut HTML-sähköpostit, jotka toimivat oikein Outlookissa, Gmailissa, Apple Mailissa ja tummassa tilassa.

Myyjä GRADAXAutomaatio & DataTilaa hetiPerustettu 2014, rakennettu ja ylläpidetty Euroopassa

Keskeiset ominaisuudet

  • Koodatut HTML-mallit suunnittelustasi
  • Alustakohtaiset versiot: Klaviyo, Mailchimp, HubSpot, Salesforce tai raaka HTML
  • Renderöintitestitulokset eri ohjelmien välillä
  • Pelkän tekstin versiot
  • Lyhyt opas muokattaviin alueisiin
Katso koko erittely

Tietoja tästä palvelusta

Sähköpostien HTML on jäänyt menneeseen: taulukot, inline-tyylit ja asiakasohjelmakohtaiset erot. Koodaamme suunnittelusi pohjaksi sellaiset mallit, jotka pysyvät koossa työpöytä-Outlookissa sekä puhelimissa, tumma tila on huomioitu, merkintäkieli on saavutettavaa ja lähetysalustalle on muokattavia alueita.

Miksi sähköpostit rikkoutuvat Outlookissa

Outlook Windowsissa renderoi HTML-sähköpostit sanankäsittelyohjelmalle rakennetulla moottorilla, ei verkkosivuille. Ulkoasut, jotka näyttävät täydellisiltä Gmailissa ja Apple Mailissa, hajoavat siellä: sarakkeet romahtavat, välit häviävät ja taustakuvat katoavat. Monilla yrityksillä on edelleen suuri osuus vastaanottajista, erityisesti B2B-ympäristössä.

Koodaamme mallipohjat vanhoilla, luotettavilla tekniikoilla, joita sähköposti vielä tarvitsee: limittyvät taulukot, inline-tyylit ja Outlook-specifiset fallbackit. Modernit yksityiskohdat, kuten pyöristetyt kulmat tai web-fontit, lisätään tavalla, joka muuntuu sulavasti, joten Outlook-käyttäjät näkevät siistin yksinkertaisemman version viallisen sijaan.

Tumma tila ja saavutettavuus

Tummaa tilaa käsitellään eri tavalla jokaisessa sähköpostiohjelmassa. Jotkut kääntävät kaikki värit, jotkut vain taustan, jotkut jättävät kaiken ennalleen. Mustalogota läpinäkyvällä taustalla voi kadottaa kokonaan, ja tumma teksti voi päättyä tummaan taustaan.

Testaamme mallipohjat tummassa tilassa pääasiakkaiden keskuudessa ja säädämme värejä, logoja ja reunoja, jotta kaikki pysyy luettavana. Tarvittaessa tarjoamme vaihtoehtoisia logo-versioita, jotka toimivat sekä vaalealla että tummalla taustalla.

Saavutettavuus on sisäänrakennettu eikä lisätty myöhemmin: oikeaa tekstiä kuvien sijaan, asianmukaiset alt-tekstit, riittävä kontrasti, looginen lukujärjestys ja kieliattribuutti ruudunlukijoille.

  • Outlook-turvalliset taulukkoulkoasut ja fallbackit
  • Tumma tila testattu pääasiakkaiden keskuudessa
  • Saavutettava merkintäkieli ja alt-tekstit
  • Pelkkatekstiversiot jokaiseen mallipohjaan

Tekniset tiedot

Kategoria
Automaatio & Data
Hinta
290 € – 1 050 €
Koot
Pieni (Yksi mallipohja), Keski (Mallisto), Suuri (Modulaarinen järjestelmä)
Toimitusaika
3 päivää – 3 viikkoa
Laskutettu
Kertamaksu
Mitä saat
5 tuotetta, kaikki hinnassa
Mitä tarvitsemme sinulta
Suunnitelmat Figma:ssa tai olemassa oleva sähköposti uudelleenkoodattavaksi, Alusta tai järjestelmä, joka lähettää ne, Kuvat ja brändifontit
Useimmiten ostaneet
SaaS, Verkkokauppa, Rahoituspalvelut, Matkailu
Myyjä ja toimittaja
GRADAX, yksi sopimus ja yksi tiimi
Missä tietosi käsitellään
Euroopan unioni

Mitä saat

Kaikki alla oleva sisältyy hintaan. Täällä ei ole päivitysvaihtoehtoja.

  • Koodatut HTML-mallit suunnittelustasi
  • Alustakohtaiset versiot: Klaviyo, Mailchimp, HubSpot, Salesforce tai raaka HTML
  • Renderöintitestitulokset eri ohjelmien välillä
  • Pelkän tekstin versiot
  • Lyhyt opas muokattaviin alueisiin

Mitä muuttuu

  • Mallit, jotka renderöityvät oikein suurimmissa sähköpostiohjelmissa, mukaan lukien Outlook Windowsille
  • Asettelut, jotka pinoutuvat oikein puhelimissa
  • Tumma tila huomioitu, joten logot ja teksti pysyvät luettavina
  • Muokattavat alueet, jotka toimivat alustassasi rikkomatta koodia

Vertaa kokoja

Standardihinta jokaiselle koolle. Lisäosat hinnoitellaan sen vieressä, ei piilotettuna puhelun taakse.

HTML-sähköpostipohjan rakentaminen: what each size includes
SisällytettyYksi mallipohja290 €3–5 työpäivääMallisto500 €1–2 viikkoaModulaarinen järjestelmä1 050 €3 viikkoa
Yksi malli koodattuSisällytettySisällytettySisällytetty
MobiiliresponsiivinenSisällytettySisällytettySisällytetty
RenderöintitestitSisällytettySisällytettySisällytetty
Pelkän tekstin versioSisällytettySisällytettySisällytetty
Kaikki Yhdessä mallissa, enintään neljään malliinEi sisällySisällytettySisällytetty
Tumman tilan optimointiEi sisällySisällytettySisällytetty
Muokattavat alueet alustallesiEi sisällySisällytettySisällytetty
SaavutettavuustarkastuksetEi sisällySisällytettySisällytetty
Kaikki MallistossaEi sisällyEi sisällySisällytetty
Enintään 20 koodatun moduulin kirjastoEi sisällyEi sisällySisällytetty
Transaktiomallit dynaamisilla datakentilläEi sisällyEi sisällySisällytetty
KehittäjädokumentointiEi sisällyEi sisällySisällytetty
Lisää tarjouslistaan

Lisää tarvitsemasi

Choose the size

Lisää tarvitsemasi

Yhteensä€500

Vakiöhinta plus se, mitä lisäät. Vahvistetaan kirjallisesti ennen kuin mitään aloitetaan; mitään ei veloiteta ennen kuin hyväksyt sen.

Kuinka se toimii

  1. Tarkastus

    Suunnitelmat tarkistettu sen suhteen, mitä sähköpostiohjelmat eivät pysty renderöimään.

  2. Koodi

    Taulukkoon perustuva asetelma inline-tyyleillä ja varmenteilla.

  3. Testata

    Renderöity eri ohjelmissa, laitteissa ja tummassa tilassa.

  4. Integroi

    Muokattavat alueet asetettu alustallesi tai sovelluksellesi.

Kysymykset

Miksi sähköpostin HTML eroaa niin paljon webin HTML:stä?

Monet sähköpostiohjelmat, erityisesti Outlook Windowsissa, käyttävät vanhoja renderöintimoottoreita. Modernit asettelutekniikat pettävät, joten sähköposteissa käytetään edelleen taulukoita ja inline-tyylejä.

Voitteko suunnitella sähköpostit myös?

Kyllä. Sähköpostimallien suunnittelu kattaa suunnittelun; tämä tarjous on toteutus.

Käytätteko MJML:tä vai koodaatteko käsin?

Kumpi tahansa. MJML nopeuttaa kehitystä modulaarisissa järjestelmissä; käsin koodaaminen antaa hienojakoisemman hallinnan. Valitsemme projektikohtaisesti.

Aiheeseen liittyvät haut

Eikö kokoa löydy?

Osa työstä on omanlaistaan. Tarkennamme sen ensin ja tarjoamme kirjallisesti, ja tarkennuspuhelu on ilmainen.

Tarjouslistasi

Tarjouslistasi on tyhjä

Lisää kiinnostavat palvelut sopivassa koossa. Lähetämme yhden kirjallisen tarjouksen kaikista.

Selaa palveluluetteloa

Aloita kategoriasta

  • Ei maksuja, ei sitoumuksiaTämä on pyyntö. Päätät kirjallisen tarjouksen jälkeen.
  • Myyjä ja toimittaja: GRADAXYksi sopimus ja yksi tiimi, riippumatta siitä, kuka työn tekee.
  • Datanasi pysyy EU:ssaMitään ei siirretä unionin ulkopuolelle prosessoitavaaksi.

Evästeasetukset

Valitse, mitkä evästeet sallit. Välttämättömiä evästeitä ei voi poistaa käytöstä: sivusto tarvitsee niitä toimiakseen.