Markkinointiviestien sisällön ja ulkoasun muokkaaminen

Voit luoda markkinointisähköposteja vetämällä ja pudottamalla -toiminnolla varustetulla 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ä sisäisiä marginaaleja.

5. Voit muokata moduulin sisältöä napsauttamalla moduulia sähköpostin asettelussa . Joitakin moduuleja, kutenText-moduuleja, voi muokata suoraan asettelussa, kun taas toisia muokataan kokonaan sivupalkin editorissa. 
6. Voit kloonata moduulin viemällä hiiren moduulin päälle ja napsauttamallakloonauskuvaketta .
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 väri 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, kirjoitapikseliarvokuhunkinkenttään.
   • Poista välit kaikilta mobiililaitteilta valitsemalla Poista välit mobiililaitteilla -valintaruutu. 

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 -editorissa 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 kohdassaNäkyvyys 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 pinoamiskäyttäytyminen. Tämä määrittää, miten moduulit näkyvät mobiililaitteissa. 
8. Tausta-osiossavoit asettaa sähköpostille taustan. KytkeKaikki laitteet -kytkinpoispäältä, jos haluat asettaa mobiili- ja työpöytätaustan erikseen. 
9. Välit-osiossavoit lisätä osioon ylä- ja alareunan välilyöntejä. Kytke Kaikki laitteet -kytkinpois päältä, jos haluat 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 saveEditableView-tallennuskuvaketta.

4. Kirjoita valintaikkunaan osionnimi ja napsauta sittenTallenna. 

Käytä tallennettua osiota

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.

1. Oikeanpuoleisessa paneelissa voit suodattaa tallennettuja osioitaNäytä- jaLajittele-pudotusvalikoidenavulla.
2. Napsauta tallennetun osion vieressä olevaaToiminnot-pudotusvalikkoaja valitse jokin seuraavista vaihtoehdoista: 
   • Lisää suosikkeihin: lisää tämä osio suosikkiosiisi.
   • 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 osiota käyttäviin olemassa oleviin sähköposteihin. 

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 mallin suunnittelukuvaketta.
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 suunnittelutyökalussa ja napsauta sitten oikeassayläkulmassa olevaa Julkaise muutokset-painiketta. 

Tyylin muokkaaminen

Voit määrittää 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. NapsautaReunan väriasetukset -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 valintaikkunassaEsikatsele muunnettua sähköpostia, jottavoit esikatsella muunnettavan sähköpostin ulkoasua. 
4. NapsautaMuunna, jotta voit käyttää vedä ja pudota-toimintoa.