Chapters

Contents

the email tool that makes email marketing simple

Sign Up FreeNo credit card required.
maildroppa-promo-notebookmaildroppa-promo-spaceship

Stripo-vedä ja pudota -sähköpostieditorin asetukset

Published: · Last updated: · By

In brief

Opi käyttämään Stripo-sähköpostieditorin rakenteita ja sisältölohkoja sekä muokkaamaan kuvia, tekstiä, painikkeita, videoita, HTML:ää ja asetuksia.

Maildroppan sähköpostieditorin oikealla puolella on sähköpostiasetusten sarake, joka sisältää työkaluja sähköpostin sisällön rakenteen ja ulkoasun määrittämiseen ja mukauttamiseen. Sarake on jaettu kahteen välilehteen: Sisältö ja Ulkoasu.

Stripo-sähköpostieditorin sähköpostiasetusten sarake

Sisältö-välilehti

Sisältö-välilehdellä suunnittelet ja järjestät sähköpostisi sisältöä. Se sisältää kaksi pääosiota: Rakenteet ja Lohkot.

Pääosiot – Rakenteet ja lohkot

1. Rakenteet

Sähköpostieditorin rakenteet

Rakenteet määrittävät sähköpostisi asettelun järjestämällä sisällön riveihin ja sarakkeisiin. Voit valita useista valmiiksi suunnitelluista asetteluista, kuten:

  • Yksi sarake
  • Kaksi saraketta
  • Useita sarakkeita

Et ole rajoittunut näihin vaihtoehtoihin – voit yhdistää useita lohkoja luodaksesi minkä tahansa haluamasi mukautetun asettelun. Näin saat täydellisen joustavuuden suunnittelutarpeisiisi.

  • Vedä ja pudota: Vedä rakenne tästä osiosta ja pudota se sähköpostisi suunnittelualueelle aloittaaksesi sisällön lisäämisen.
  • Mukauttaminen: Kun rakenne on lisätty, voit täyttää sen erilaisilla sisältölohkoilla, kuten kuvilla, tekstillä tai painikkeilla.

2. Lohkot

Lohkot ovat sisältöelementtejä, jotka sijoitat rakenteiden sisään sähköpostisi rakentamiseksi.

Sähköpostieditorin lohkot

Käytettävissä olevat lohkotyypit ovat:

  • Kuva: Lataa kuvia (PNG, JPG, GIF) ja mukauta niiden ulkoasua.
  • Teksti: Lisää ja muotoile tekstiä viestisi välittämiseksi.
  • Painike: Lisää napsautettavia painikkeita, joiden tekstiä, linkkejä ja tyylejä voi mukauttaa.
  • Välike: Lisää tyhjä tila muiden lohkojen välisen asettelun säätämiseksi.
  • Video: Upota videosisältöä esimerkiksi YouTubesta ja Vimeosta.
  • HTML: Lisää mukautettua HTML- ja CSS-koodia sähköpostisisällön edistyneeseen mukauttamiseen.

Jokainen lohko on suunniteltu joustavaksi ja mukautettavaksi, joten voit luoda sähköpostin, joka vastaa brändisi ulkoasua ja tunnelmaa.

Sisältölohkojen yksityiskohtainen selitys

Kuvalohko

Kuvalohko

Stripon vedä ja pudota -sähköpostieditorin kuvalohkolla voit lisätä ja mukauttaa kuvia sähköpostikampanjaasi.

Kuvalohkon lisääminen

Voit lisätä kuvalohkon sähköpostiisi kahdella tavalla:

Vaihtoehto 1

Vie osoitin rakenteen "Pudota sisältö tähän" -alueen päälle ja napsauta sitten kuvakuvaketta. Tämä muuttaa valitun rakenteen välittömästi kuvalohkoksi.

Pudota sisältö tähän

Vaihtoehto 2

Siirry Sisältö-välilehden Lohkot-osioon. Vedä kuvalohko sähköpostiasettelusi haluttuun rakenteeseen. Tällä menetelmällä voit hallita tarkemmin sitä, mihin kuva sijoitetaan.

Vedä ja pudota -kuvalohko

Kuvan lataaminen

Kun olet lisännyt kuvalohkon, voit ladata kuvan kahdella tavalla:

Vedä ja pudota

Voit vetää ja pudottaa kuvatiedoston (PNG, JPG, GIF) suoraan tietokoneeltasi kuvalohkon sisällä näkyvään latausruutuun.

Pudota kuva latausruutuun

Lataa tietokoneelta

Voit myös avata tiedostoselaimen napsauttamalla kuvalohkon pilvikuvaketta ja valita kuvan tietokoneeltasi (enintään 2 Mt). Kun kuva on valittu, se näkyy sekä lohkossa että oikealla olevalla sisältövälilehdellä.

Lataa kuva tietokoneelta

Kuvan vaihtaminen

Korvaa kuva käyttämällä sisältövälilehden Vaihda kuva -vaihtoehtoa. Napsauta pyöreää Vaihda kuva -kuvaketta, jolloin voit ladata uuden kuvan tai linkittää kuvan ulkoisesta URL-osoitteesta.

Vaihda kuva -vaihtoehto

Kuvan muokkaaminen

Kun olet ladannut kuvan, voit haluta tehdä siihen lisämuokkauksia suoraan alustalla. Stripon sisäänrakennetulla kuvaeditorilla voit parantaa ja säätää kuvia poistumatta sähköpostieditorista.

Muokkaa kuvaa -vaihtoehto

Kuvaeditorin käyttäminen

  1. Kun kuva on ladattu, napsauta Muokkaa kuvaa -painiketta. Tämä avaa kuvaeditorin käyttöliittymän.
  2. Editorissa on laaja valikoima työkaluja, jotka näkyvät ylävalikkorivillä.

Käytettävissä olevat kuvanmuokkaustyökalut

Stripon kuvaeditori

  • Suodattimet Käytä erilaisia suodattimia yhdellä napsautuksella, kuten:

    • Harmaasävy
    • Mustavalkoinen
    • Terävöitys
    • Käänteinen
    • Seepia
    • Kirkkaus
    • Väri
  • Muuta kokoa Säädä kuvan mittoja. Voit:

    • Määrittää tietyn leveyden ja korkeuden.
    • Säilyttää kuvasuhteen.
  • Rajaa Valitse säilytettävä osa kuvasta ja poista tarpeettomat osat.

  • Muuta Kierrä tai peilaa kuvaa:

    • Vaakasuuntaan
    • Pystysuuntaan
  • Piirrä Lisää piirrostyökalulla vapaalla kädellä tehtyjä elementtejä, kuten viivoja tai mukautettuja muotoja, kuvan päälle.

  • Teksti Lisää tekstiä suoraan kuvaan. Mukauta:

    • Fontti
    • Koko
    • Väri
    • Kohdistus
  • Muodot ja tarrat Paranna kuvaasi lisäämällä sen päälle:

    • Valmiita muotoja
    • Hauskoja tarroja
  • Kehykset Valitse kehyksistä kuvallesi tyylikäs reunus.

  • Kulmat Säädä kulmien tyyliä viimeistellyn ilmeen saavuttamiseksi.

  • Tausta Poista tai korvaa kuvan tausta siistimmän ulkoasun saamiseksi.

Muokkausten tallentaminen

Kun olet tehnyt haluamasi muutokset, napsauta editorin vasemmassa yläkulmassa olevaa Tallenna-painiketta. Muokattu kuva korvaa automaattisesti alkuperäisen sähköpostiasettelussasi.

Kuva-asetukset

Kun kuva on ladattu, voit mukauttaa sitä oikealla olevalla sisältövälilehdellä käytettävissä olevilla kuva-asetuksilla.

Linkki

Lisää kuvaan linkki. Voit valita useista linkkityypeistä, kuten:

  • Verkkosivusto (HTTP, HTTPS)
  • Sähköposti (mailto:)
  • Tiedosto (ftp)
  • Sosiaalinen jakaminen (Facebook, X (entinen Twitter), LinkedIn, Pinterest)

Löydät nämä vaihtoehdot linkkiasetusten avattavasta valikosta. Erilaiset kuvalinkkityypit

Vaihtoehtoinen teksti

Lisää vaihtoehtoinen teksti, joka näytetään, jos kuva ei lataudu. Teksti on hyödyllinen myös saavutettavuuden kannalta, sillä ruudunlukijat voivat kuvata kuvan näkövammaisille vastaanottajille. Lisää vaihtoehtoinen kuvateksti

Kohdistus

Valitse, miten kuva kohdistetaan säiliössään. Voit kohdistaa sen vasemmalle, keskelle tai oikealle. Kuvan kohdistus

Koko

Säädä kuvan leveyttä ja korkeutta manuaalisesti plus-/miinuspainikkeilla tai kirjoittamalla halutut mitat. Säädä kuvan kokoa

Voit myös ottaa käyttöön "Säädä leveyteen" -vaihtoehdon, jotta kuva sopii automaattisesti säiliön koko leveydelle.

Responsiivinen kuva

Ota "Responsiivinen kuva" -vaihtoehto käyttöön, jotta kuva mukautuu eri näyttökokoihin erityisesti mobiililaitteilla. Responsiivinen kuva

Sisämarginaali

Mukauta kuvan ympärillä olevaa sisämarginaalia hallitaksesi kuvan ja sitä ympäröivän sisällön väliin jäävää tilaa. Voit käyttää yhtenäistä sisämarginaalia tai mukauttaa sen jokaiselle sivulle (ylä, ala, vasen, oikea). Sisämarginaalivaihtoehto

Ankkurilinkit

Voit määrittää kuvaan ankkurilinkin, jonka avulla vastaanottajat voivat siirtyä kuvan napsauttamalla saman sähköpostin tiettyyn osioon. Huomaa kuitenkin, että ankkurilinkit eivät välttämättä toimi tietyissä sähköpostiohjelmissa, kuten Gmailissa ja Apple Mailissa. Ankkurilinkki

Tekstilohko

Tekstityökalurivi

Kappalemuoto

Valitse fontti

Valitse fonttikoko

Valitse tyyli

Valitse edistyneistä tyyleistä

Valitse väri

Valitse tekstin kohdistus

Lisää luettelo

Ota rivinvaihto käyttöön tai poista se käytöstä

Tekstin sisennys

Korosta teksti, jonka haluat muuttaa linkiksi

Linkkikuvake

Lisää linkki ja tunniste

Napsauta Näytä kampanja

Päivitä kampanjalinkki

Linkkiväriasetukset

Linkkien alleviivausasetukset

Lisää personointitunniste

Valitse emoji

Lisävaihtoehdot – lisää taulukko tai erikoismerkkejä

Lisää taulukko ja määritä sen ominaisuudet

Lisää erikoismerkkejä

Valitse tekstin väri

Valitse taustaväri

Valitse linkin väri

Alleviivaa linkit

Muokkaa linkkiä ja lisää tunniste

Määritä kohdistus

Aseta kiinteä korkeus

Valitse riviväli

Säädä sisämarginaalia

Lisää ankkurilinkki

Painikelohko

Painikelinkki

Painikkeen teksti

Painikkeen tekstityyli

Painikkeen väri

Painikkeen tekstin väri

Painikkeen taustaväri

Painikkeen reunuksen pyöristys

Painikkeen kohdistus

Painikkeen kiinteä korkeus

Painike kuvakkeella

Säädä painikkeen reunusta

Painikkeen sisäinen sisämarginaali

Painikkeen ulkoinen sisämarginaali

Painikkeen ankkurilinkki

Välikelohko

Välikevaihtoehdot

Oletusvälike-elementti

Välikeviivan tyyli

Välikkeen sisämarginaali

Dynaaminen välike

Dynaamisen välikkeen vaihtoehdot

Lohkovalitsin, jossa Videolohko on korostettu Välike- ja HTML-lohkojen välissä

Videolohkon asetukset, joissa ovat videolinkin, vaihtoehtoisen tekstin, mukautetun pikkukuvan ja toistopainikkeen tyylin kentät sähköpostin esikatselun vieressä

Videolinkki

Lisää vaihtoehtoinen videoteksi

Lisää mukautettu videon pikkukuva

Valitse mukautettu videon toistopainike

Säädä videon kokoa

Säädä video leveyteen

Responsiivinen videokuva

Säädä videon kohdistusta

Piilota video mobiililaitteilla

Piilota video AMPHTML- tai HTML-versiossa

Lohkovalitsin, jossa Videolohko on korostettu Välike- ja HTML-lohkojen välissä

Sähköpostin HTML-editori

Editorin fonttikoon säätö

Säädä HTML-editori-ikkunan kokoa

CSS-editorin esimerkki

HTML-sisämarginaalin esimerkki

HTML-ankkurin esimerkki

Ready to Send Better Emails?

Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.

Sign Up For Free

No credit card required. No time limit.