Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Ota yhteyttä
Finnish
FI Finnish
US English (US)
  • Koti
  • AI Commerce Cloud
  • Työkalut

Miten muokkaan sähköpostien ylä- ja alatunnistetta?

Muokkaa AI Commerce ‑sähköpostien Header- ja Footer‑pohjia domain-kohtaisesti Hallintapaneelissa, turvallisesti ilman koodia.

Written by Petro Mäntylä

Updated at August 18th, 2026

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • AI Commerce Cloud
    Hallinnan etusivu Asiakkuudet Tilaukset Tilausten hallinta Kategoriat Tarjoustyökalu Tuotteet Konfiguraatiot Moduulit Paikallisasetukset ja verot Arvostelut Etusivu FAQ -työkalu Kuvagalleria Työkalut Kassa Lisätoiminnot Svelte Raportit
  • Akeneo
  • WordPress
  • Builder.io
  • Algolia
  • Google
  • Meta
  • Tuki
  • Tehden
  • Partnerit
    Miksi valita AI Commerce?
  • Microsoft
  • Integraatiot
  • Enrerprise Solutions
  • Yleiset sopimusehdot
  • Agentic Commerce
+ Lisää

Sisällysluettelo

Mitä ominaisuus tekee? Hyödyt ylläpidolle (admin) Yhtenäinen brändi kaikissa viesteissä Nopeat päivitykset ilman kehitystyötä Maa-/domain‑kohtainen hallinta Turvallinen käyttöönotto Mistä editoidaan: “Email Templates” Miten domain- ja kielivalinta toimii? Käyttöönotto Hallintapaneelissa (admin‑tasolla) Palautus oletukseen Tärkeä huomio: Header ja Footer ovat “kehys” Kumppaneille / tekninen osio: Twig sähköpostipohjissa Miksi Twig? Käytettävissä olevat muuttujat logo store translations Twig‑pikaopas (minimi) Tulostus Ehto Yksinkertainen toisto Esimerkki: yksinkertainen Footer‑lohko (yhteystiedot) Käytännön vinkit (kumppaneille) Rajoitukset (MVP) Sanasto Yhteenveto ja suositeltu seuraava toimenpide Avainsanat

Sähköpostien yhteisen ulkoasun hallinta

Sähköpostimallien Ylätunnisteen HTML lisätään myymälän sähköpostien alkuun ja Alatunnisteen HTML niiden loppuun. Muutos koskee yhtä yhteistä myymäläkohtaista mallia, ei yksittäisen sähköpostin varsinaista viestisisältöä. Sivulla ei valita verkkotunnusta tai viestityyppiä.

Muokkaa sähköpostimallin ylä- ja alatunnistetta

Sähköpostien yhteinen malli avataan näkymästä CMS > Email templates reitillä /cms/email-templates. Muokkaa tarpeen mukaan kenttiä Ylätunnisteen HTML ja Alatunnisteen HTML. Muutokset tallentuvat automaattisesti editorin sisällön vaihtuessa, joten erillistä Tallenna-painiketta ei ole.

Muokkaa vain sitä osaa, jonka haluat korvata. Ylätunniste ympäröi sähköpostin alun ja alatunniste päättää viestin; sähköpostityypin oma sisältö muodostetaan niiden väliin muualla järjestelmässä. Tarkista tallennuksen aikana, ettei sivu näytä virheilmoitusta.

Käytä HTML:ää ja Twig-muuttujia

Sähköpostimallin kentät hyväksyvät HTML-sisältöä ja Twig-ilmauksia. Sivun Esimerkki ja muuttujat -osio on vain luku -muotoinen koodiesimerkki, ei lähetettävän sähköpostin esikatselu. Kopioi siitä vain tarvitsemasi rakenne ja sovita ulkoasu sähköpostiohjelmissa toimivaksi.

Käytettävissä ovat esimerkiksi seuraavat arvot:

  • {{ logo }}: myymälän vaalea logo PNG-muodossa
  • {{ store.storeName }} ja {{ store.ownerName }}
  • {{ store.ownerEmail }} ja {{ store.telephone }}
  • {{ store.streetAddress }}, {{ store.postNumber }} ja {{ store.city }}
  • {{ store.mainColor }} ja {{ store.httpsServer }}
  • {{ store.facebook }}, {{ store.instagram }}, {{ store.tiktok }}, {{ store.youtube }}, {{ store.linkedin }} ja {{ store.pinterest }}
  • {{ translations['KEY'] }}: sähköpostin vastaanottajan kielikontekstin käännösavain

Käytä ehtoa silloin, kun arvo voi olla tyhjä. Esimerkiksi {% if store.instagram %}...{% endif %} estää tyhjän some-linkin näyttämisen. Käytä vain sivun esimerkissä tai tässä luettelossa todistettuja muuttujia; tuntematon arvo voi tehdä mukautetun Twig-mallin renderöinnistä virheellisen.

Tee sähköpostiohjelmissa toimiva rakenne

Sähköpostin ylä- ja alatunniste kannattaa rakentaa yksinkertaisilla taulukoilla ja elementtien omilla tyylimäärityksillä. Käytä kuville täydellistä HTTPS-osoitetta, määritä kuvan leveys ja korkeus ja lisää kuvaava alt-teksti. Pidä tekstin kontrasti riittävänä ja linkit helposti painettavina myös mobiilissa.

Älä käytä JavaScriptiä, lomakkeita, ulkoisiin tyylitiedostoihin nojaavaa rakennetta tai sähköpostiohjelmien heikosti tukemia asetteluja. Vältä myös koko viestin <html>, <body>- tai sulkevia rakennemerkintöjä, sillä AI Commerce lisää yhteisen sähköpostikehyksen mukautetun osan ympärille.

Lisää yhteystiedot ja some-linkit alatunnisteeseen

Sähköpostin alatunnisteessa voi näyttää myymälän nimen, logon, sähköpostiosoitteen, puhelinnumeron, katuosoitteen ja tallennetut some-kanavat. Tee jokaisesta some-linkistä ehdollinen, jotta vain myymälän tiedoissa oleva arvo näkyy. store.httpsServer sisältää myymälän palvelinosoitteen, ja some-arvot voivat olla käyttäjänimiä eivätkä aina valmiita kokonaisia URL-osoitteita; seuraa sivun koodiesimerkin osoiterakennetta.

Järjestelmä lisää peruutuslinkin alatunnisteen jälkeen niihin viesteihin, joille lähettäjä antaa peruutustiedot. Älä poista tai korvaa tätä toimintoa omalla Twig-rakenteella. Mukautettu alatunniste ei muuta yksittäisen viestin vastaanottajaa, otsikkoa tai varsinaista sisältöä.

Palauta oletuspohja tyhjentämällä kenttä

Sähköpostimallin oletusylätunniste tai -alatunniste otetaan käyttöön jättämällä vastaava kenttä sisällöttömäksi. Editorin pelkkä tyhjä kappale normalisoidaan tyhjäksi. Myös palvelin poistaa HTML-merkinnät tarkistusta varten ja tulkitsee ilman näkyvää sisältöä olevan arvon tyhjäksi.

Jos mukautetun Twig-sisällön muodostaminen epäonnistuu, AI Commerce käyttää kyseisen osan oletusmallia. Palautuminen estää rikkinäisen mallin käyttämisen, mutta virhe ei näy vastaanottajalle selityksenä. Korjaa siksi mallin syntaksi heti, jos testiviesti näyttää oletusulkoasun odottamasi mukautuksen sijasta.

Testaa muutos oikealla sähköpostilla

Sähköpostimallit-sivulla ei ole nykyisin renderöityä esikatselua tai testilähetyspainiketta. Käynnistä muutoksen jälkeen turvallinen testi sellaisella toiminnolla, joka lähettää oikean järjestelmäviestin testi- tai sisäiseen osoitteeseen. Tarkista sekä viestin yläosa että alaosa, varsinainen sisältö ja mahdollinen peruutuslinkki.

Tarkista vähintään työpöytä- ja mobiilinäkymä sekä yksi vaalea ja yksi tumma sähköpostiohjelman teema. Varmista logon latautuminen, linkkien kohteet, osoitteet, ääkköset ja responsiivisuus. Jos olet muuttamassa vain toista osaa, tarkista myös että toinen osa käyttää edelleen tarkoitettua mukautusta tai oletuspohjaa.

sähköpostin header sähköpostin footer sähköpostipohja viestipohja sähköpostin ulkoasu sähköpostin muokkaus sähköpostin ylätunniste sähköpostin alatunniste brändätty sähköposti sähköpostin asettelu sähköpostin logo sähköpostin tunnistetiedot sähköpostimalli viestin footer muokkaa sähköpostin headeria ja footeria

Oliko artikkeli hyödyllinen?

Kyllä
Ei
Anna palautetta tästä artikkelista

Yhteenkuuluvat artikkelit

  • Markkinoinnin seuraimet ja tuotesyötteet
  • Kuinka linkittää ulkoinen sivu kauppaan ja lisätä se navigaatioon?
  • Miten lisätä ja hallita kuvia ja tiedostoja AI Commerce -alustalla?
  • Tiedostojen hallinta Tiedostonhallinnassa
  • Verkkokaupan oletusbannerien muokkaaminen Banneripaikoissa
AI Commerce Logo

Future-proof eCommerce, built in the EU

AI Commerce Cloud is developed and hosted within the EU, fully compliant with GDPR and all relevant regulations.

Solutions

Service packages Features Integrations Customers

About us

About us Support Vision Contact us

Development

Changelog Blog Implementation Partners System status
AI Commerce Cloud FI0818073-0
Ranta-Tampellan Katu 17, 33180 Tampere, Finland
info@aicommerce.fi
Privacy Policy Licensing Rights Terms of Use
© 2025 AI Commerce Cloud. All rights reserved.
Expand