Markkinointisähköpostien sisällön ja ulkoasun muokkaaminen

Voit luoda markkinointiviestejä vetämällä ja pudottamalla toimivalla sähköpostieditorilla lisäämällä valmiita moduuleja. Jos haluat käyttää koodattuja malleja, suosittelemme klassisen editorin käyttöä.

Tässä artikkelissa käsitellään markkinointisähköpostin sisällön ja ulkoasun muokkaamista. Lue lisää markkinointisähköpostien luomisesta ja lähettämisestä. 

Sähköpostien muokkaaminen vedä ja pudota -tyyppisessä sähköpostieditorissa

Vedä ja pudota -editorissa voit luoda markkinointisähköpostin lisäämällä ja järjestelemällä valmiita moduuleja. 

Hallitse moduuleja

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Voit lisätä uuden moduulin sähköpostiin napsauttamalla ja vetämällä moduulin sivupalkin editorista haluttuun kohtaan sähköpostissasi. 
4. Voit järjestellä moduuleja uudelleen sähköpostiviestissä seuraavasti:
   • Vie hiiri moduulin päälle ja napsauta ja vedä moduulitoiseen kohtaan.
   • Voit vetää moduuleja olemassa olevien moduulien oikealle tai vasemmalle puolelle luodaksesi uuden sarakkeen kyseiseen sähköpostin osioon. 
5. Voit lisätä tilaa moduulien väliin seuraavasti:
   • Napsauta sivupalkin editorissa Spacer-moduuliaja vedä se haluttuun kohtaan sähköpostiviestissä.
   • Määritä sivupalkin editorissa välimoduulin korkeus, väri ja sisäiset marginaalit. Oletusarvoisesti välimoduulin korkeus on 30 pikseliä, se on läpinäkyvä eikä siinä ole ylimääräisiä marginaaleja.

5. Voit muokata moduulin sisältöä napsauttamalla moduulia sähköpostin asettelussa . Joitakin moduuleja, kutentekstimoduuleja, voi muokata suoraan asettelussa, kun taas toisia muokataan kokonaan sivupalkin editorissa. 
6. Voit kloonata moduulin viemällä hiiren moduulin päälle ja napsauttamalla sittenkloonauskuvaketta .
7. Voit poistaa moduulin viemällä hiiren moduulin päälle ja napsauttamallapoista- kuvaketta.
8. Voit piilottaa moduulin tietyillä laitteilla katsottaessa seuraavasti:
   • Valitse yläreunastalaitteen tyyppi, jolla haluat piilottaa moduulin.
   • Vie hiiri elementin päälle sähköpostin esikatselussa ja napsauta piilota-kuvaketta. Lue lisää moduulien piilottamisesta. 

Sähköpostin ulkoasun muokkaaminen

Voit muokata sähköpostiviestin yleistä ulkoasua sekä yksittäisten moduulien tyylivaihtoehtoja. 

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta sähköpostieditorissa vasemmassa sivupalkissa olevaa -mallisuunnittelukuvaketta.
4. Valitsesähköpostillesi muoto: 
   • Oletus: muokattavin muoto. Oletusmuodossa voit määrittää mukautettuja sarakkeita ja välilyöntejä. 
   • Laatikkomuoto: virtaviivainen muoto, jossa kaikki sisältö mahtuu yhteen reunustettuun alueeseen.
   • Yksinkertainen: yksinkertaistettu asettelu ilman sarakkeita tai välilyöntejä. Pelkkää tekstiä sisältäviä sähköposteja suositellaan pääasiassa henkilökohtaiseen viestintään. 

5. Määritä Mallit-osiossa sähköpostin yleiset tyyliohjeet:
   • Tekstin väri: määritä sähköpostin tekstin taustaväri. Syötäheksakoodi tai napsauta värivalitsinta ja valitse väri. 
   • Reunan leveys: jos käytät Boxed -muotoa, määritä reunan leveys pikseleinä.
   • Väri: jos käytät Boxed-muotoa, määritä reunuksen väri. Syötä heksakoodi tai napsauta värivalitsinta ja valitse väri.
   • Taustatyyppi: määritä taustaksi yksivärinen tausta tai kuvio.
   • Taustaväri/kuvio: valitse taustaväri tai -kuvio. Kun määrität taustakuvion, voit myös määrittää taustavärin, joka näkyy, jos sähköpostiohjelma ei näytä taustakuvia. 
6. MääritäTekstityylit-osiossasähköpostitekstin muotoilun ohjeet. Voit määrittää tiettyjä fontteja sekä fonttikokoja ja -värejä kappale-, h1- ja h2-tekstille. Voit myös määrittää värin ja tyylin kaikille linkeille. 
7. MääritäPainikkeet-osiossasähköpostin painikkeiden tyyliohjeet. Voit määrittää painikkeen säteen ja värin. Painikkeen tekstille voit määrittää fontin sekä fontin värin, koon ja tyylin. 
8. Asetaosiossa ”Erotusviivat”tyyliohjeet sähköpostin erottimille. Voit määrittää erottimen korkeuden ja värin sekä sen tyylin (yhtenäinen, katkoviiva tai pisteviiva). 
9. Aseta Välit-osiossatyyliohjeet sähköpostin välilyönneille.
   • Jos haluat käyttää samaa välistystä kaikilla sivuilla, valitse Käytä kaikilla sivuilla -valintaruutu.
   • Jos haluat käyttää erillistä välilyöntiä sähköpostin ylä- ja alaosassa, syötäpikseliarvokuhunkinkenttään.
   • Poista välit kaikilta mobiililaitteilta valitsemalla Poista välit mobiililaitteilla -valintaruutu. 

Osioiden ulkoasun muokkaaminen

Voit mukauttaa sähköpostin ulkoasua entisestään muotoilemalla osioita erikseen. 

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta olemassa olevansähköpostin nimeätai napsauta oikeassayläkulmassa olevaa Luo sähköposti-painiketta.
3. Napsauta sähköpostieditorissa jotakinosiota.
4. Pyöristettyjen kulmien lisääminen: 
   • Kirjoita sivupalkin editorinPyöristetyt kulmat -osiossahaluamasi kulman sädeYlävasen-kenttään. 
   • Jos haluat käyttää tätä kulmasädettä kaikkiin kulmiin, valitseKäytä kaikkiinsivuille -valintaruutu. Muussa tapauksessa syötäkulmasädeYläoikea-, Alavasen- jaAlaoikea-kenttiin. 

Huomaa: pyöristetyt kulmat näkyvät neliönmuotoisina kulmina Windowsin Classic Outlookissa.

5. Reunan lisääminen: 
   • Napsauta sivupalkin editorinReunat-osiossaReunatyyli-pudotusvalikkoaja valitsetyyli.
   • Syötä reunuksenleveys pikseleinä.
   • Voit määrittää reunuksen värin syöttämälläheksadesimaaliarvon tai napsauttamallavärivalitsinta javalitsemallavärin.
   • Voit valita, mihin osion reunoihin reunus lisätään, napsauttamallaYlä-,Oikea-,Ala- taiVasen-painiketta. Voit valita minkä tahansa reunojen yhdistelmän.

6. Jos haluat lisätä marginaaleja tai sisäisiä reunoja, syötäpikseliarvoMarginaalit- taiSisäiset reunat -osionYlä- jaAla-kenttiin. 

Käytä tallennettuja osioita vedä ja pudota -sähköpostieditorissa

Tallennettujen osioiden avulla voit tallentaa markkinointisähköpostin osion ja käyttää sitä uudelleen muissa markkinointisähköposteissa. Tallennetut osiot ovat käytettävissä vain vedä ja pudota -muokkausohjelmassa luoduissa sähköposteissa. 

Osion muokkaaminen

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta sähköpostin esikatselussa osiota.
4. Määritä sivupalkin editorissa Näkyvyys-kohdassa osion näkyvyys eri laitteilla: 
   • Määritä osion näkyvyys napsauttamalla Näytä tai Piilota. 

• • Jos haluat määrittää mobiili- ja työpöytäversioiden näkyvyyden erikseen, kytkeKaikki laitteet -kytkinpoispäältä. Napsauta sittenNäytä taiPiilotakohdissaTyöpöytä jaMobiili. 

5. NapsautaSarakkeet-osiossa sarakkeiden järjestystä. Tämä määrittää osion sarakkeiden lukumäärän ja koon. 
6. ValitseSarakkeiden kohdistus -osiostaYläreuna,Keskellä taiAlareuna. Tämä määrittää osion moduulien pystysuuntaisen kohdistuksen. 
7. ValitsePinoaminen-osiostasarakkeiden pinoamistapa. Tämä määrittää, miten moduulit näkyvät mobiililaitteissa. 
8. ”Tausta”-osiossavoit määrittää sähköpostiviestille taustakuvan. Kytke”Kaikki laitteet”-kytkinpois päältä, jotta voit määrittää mobiili- ja työpöytäversioiden taustakuvat erikseen. 
9. Välit-osiossavoit lisätä osioon ylä- ja alareunan välilyöntejä. Kytke Kaikki laitteet -kytkinpois päältä, jotta voit määrittää mobiili- ja työpöytäversioiden välilyönnit erikseen. 

Tallenna osio

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Vie hiiri osion päälle sähköpostin esikatselussa ja napsauta -tallennuskuvaketta.

4. Kirjoita valintaikkunaan osionnimi ja napsauta sittenTallenna. 

Tallennetun osion käyttäminen

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta sähköpostieditorissa sivupalkin editorissa Osat-välilehteä. 
4. Napsauta tallennettua osiota ja vedä se haluttuun kohtaan sähköpostiviestissä. 

Hallitse tallennettuja osioita

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta sähköpostieditorissa sivupalkin editorissa Osat-välilehteä. 
4. NapsautaTallennetut osiot-kohdassaHallitse.

5. Oikeanpuoleisessa paneelissa voit suodattaa tallennettuja osioitaNäytä- jaLajittele-pudotusvalikoidenavulla.
6. Napsauta tallennetun osion vieressä olevaaToiminnot-pudotusvalikkoaja valitse jokin seuraavista vaihtoehdoista: 
   • Lisää suosikkeihin: lisää tämä osio suosikkiosioihisi.
   • Piilota: poistatämä osio sivupalkin editorista. Voit edelleen käyttää sitä osioita hallitessasi, jos suodatat piilotetut osiot näkyviin. 
   • Näytä: jos olet piilottanut tämän osion, palauta se sivupalkin muokkaajaan. 
   • Poista: poista tämä osio pysyvästi. Vahvista valinta napsauttamalla valintaikkunassa Poista osio. Tätä toimintoa ei voi peruuttaa. Toimenpide ei vaikuta olemassa oleviin sähköposteihin, joissa osiota on käytetty. 

Muokkaa sähköposteja perinteisessä editorissa

Perinteisessä editorissa voit luoda sähköposteja käyttämällä Design Managerissa luotuja malleja. 

Muokkaa sähköpostin ulkoasua

Jos haluat muuttaa sähköpostin ulkoasua Design Managerissa luodun mallin avulla, voit muokata mallia Design Managerissa

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta sähköpostieditorissa vasemmassa sivupalkissa olevaa -mallisuunnittelukuvaketta.
4. Voit muokata sähköpostimallia suunnittelutyökalussa seuraavasti:
   • Napsauta sivupalkin editorissa Toiminnot-pudotusvalikkoaja valitse Muokkaa tätä mallia. 
   • Valitse valintaikkunassaMuokkaa tätä mallia, jos haluatmuokata luettelossa oleville resursseille käytettävää mallia, taiKopioi ja muokkaa uutta mallia, jos haluatmuokata nykyisen mallin kopiota, jota käytetään vain tässä sähköpostiviestissä. 
5. Muokkaa mallia suunnitteluhallinnassa ja napsauta sitten oikeassayläkulmassa olevaa Julkaise muutokset-painiketta. 

Tyylin muokkaaminen

Voit asettaa klassisessa editorissa luotujen sähköpostien oletustyylit markkinointisähköpostiasetuksista. 

1. Napsauta HubSpot-tilisi ylänavigointipalkin asetuskuvaketta.
2. Siirry vasemman sivupalkin valikosta kohtaanMarkkinointi > Sähköposti. 
3. NapsautaBrändäys (klassinen editori) -välilehteä. 
4. SyötäKoko-osiossamarkkinointisähköpostien oletusleveys jatekstin sisäisen reunuksen leveys pikseleinä . 
5. MääritäFontti-osiossasähköpostiviestien ensisijainen ja toissijainen fontti: 
   • NapsautaEnsisijainen fontti -pudotusvalikkoaja valitsefontti. 
   • NapsautaEnsisijaisen fontin koko -pudotusvalikkoaja valitsekoko pikseleinä.
   • Määritä fontin väriEnsisijaisen fontin väri -kentässä: 
     • Jos haluat käyttää heksadesimaalikoodia, kirjoita koodi kenttään.
     • Jos haluat valita värin manuaalisesti, napsauta värivalitsinta. Napsauta ponnahdusikkunassa liukusäädintä ja vedä sitä valitaksesi perusvärin, ja napsauta sitten lopullista väriä liukusäätimen yläpuolella.
     • Jos haluat käyttää RGB-arvoja, napsauta värivalitsinta ja syötä arvot R-, G- jaB-kenttiin. 

5. • Toista sama toissijaisen fontin kohdalla. 
6. MääritäVäri-osiossavärit ensisijaisille ja toissijaisille korostusväreille, tekstille ja taustalle.
7. NapsautaReunusvärivaihtoehdot-pudotusvalikkoa ja valitsevaihtoehto: 
   • Aseta reunusväri automaattisesti: sähköpostin reunusväri määritetään mallin perusteella. 
   • Aseta sähköpostin reunusväri manuaalisesti: aseta reunusväri, jota sovelletaan kaikkiin klassista editoria käyttäviin sähköposteihin. KirjoitaReunusväri-kenttään heksadesimaalikoodi tainapsautavärivalitsinta javalitseväri taikirjoitaRGB-arvo. 
   • Älä lisää reunaa sähköpostin tekstiosan ympärille: klassista editoria käyttävissä sähköposteissa ei ole reunaa. 

Muunna sähköpostit käyttämään vedä ja pudota -malleja

Jos sähköpostissasi käytetään asettelueditorissa luotua mallia tai oletusarvoista koodattua mallia mukautetun koodatun mallin sijaan, voit muuntaa sähköpostin käyttämään sen sijaan vedä ja pudota -editoria. 

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Markkinointi > Sähköposti. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Markkinointi > Sähköposti.
2. Napsauta luonnosvaiheessa olevan sähköpostin nimeä. 
3. Napsauta vasemmassa sivupalkissa -mallisuunnittelukuvaketta .
4. Napsauta Toiminnot -pudotusvalikkoa ja valitse Muunna vedä ja pudota -muotoon.
5. Napsauta valintaikkunassa Muunna vedä ja pudota -muotoon.