Creare newsletter in Photoshop

[GabriELoS]

Salut.

Exista un program pe care sa il recomandati in acest scop?
De ce intreb... Se poate utiliza mailchimp insa template-urile de acolo nu imi plac, mi se par incomplete, asa ca am creat unul pe placul meu in Photoshop.
Ulterior am folosit "slice tool" dupa care am salvat continutul in format html si am intrat in Dreamweaver pentru a face ultimele modificari (de exemplu link pe o anumita imagine)

Acum: am un folder "newsletter" in interiorul caruia se afla un alt folder "images" si un fisier "index.html".
Cum pot folosi acest continut?

Multumesc, sper ca am fost destul de clar in explicatii

[Tom]

Titlul postului este eronat.

Photoshop este un program pentru editare imagini.

Tu trebuie sa inveti sa creezi html dintr-o imagine. Trebuie sa creezi o pagina cu design similar cu ce ai in photoshop. Iar asta inseamna implicit ca ai cod html+imagini. Link-urile le adaugi pur si simplu din editor.

Nu stiu sincer cum sa-ti explic sa intelegi.

[GabriELoS]

Titlul postului este eronat.

Photoshop este un program pentru editare imagini.

De acord, cu el am facut template-ul asa cum probabil fac multi care timit newsletter-e

Tu trebuie sa inveti sa creezi html dintr-o imagine. Trebuie sa creezi o pagina cu design similar cu ce ai in photoshop. Iar asta inseamna implicit ca ai cod html+imagini. Link-urile le adaugi pur si simplu din editor.

Functia "save for web" din photoshop face ce spui tu, cu alte cuvinte creaza o pagina index in care se gaseste codul html care alcatuieste newsletter-ul (cu imaginile aferente).

Pe mine ma intereseaza un soft care sa incarce acest continut dupa care sa fie trimis pe o adresa de mail

Am gasit acum in mailchimp o chestie interesanta. Observ ca se poate importa cod html numai ca e o mica problema cu afisarea si nu inteleg ce este de facut avand in vedere ca border este pe 0

slice.jpg

[GabriELoS]

Ok, am gasit intre timp o solutie si in continuare voi explica pe scurt intregul proces.

1. Se creaza template-ul in Photoshop (sau se cumpara de pe site-urile de profil).
2. Dupa ce ati terminat de adaugat poze, text, etc., se foloseste "slice tool" (n-am sa dezvolt, se poate cauta pe youtube).
3. Imediat cum ati terminat cu unealta "slice tool" dati "file" si apoi "save for web" si aveti grija sa selectati optiunea "html and images" cand vreti sa salvati continutul. O sa aveti asadar un folder (sa ii zicem newsletter) in interiorul caruia o sa gasiti newsletter.html (sau index, depinde ce nume ii dati) + un folder "images" in care se afla toate pozele create cu "slice tool".
4. Deschideti fisierul .html in dreamweaver, notepad++ sau orice alt editor si puneti link-urile pe sectiunile care va intereseaza. (sa zicem link de pe logo pe home page-ul domeniului vostru - ati prins ideea)
5. Va faceti un cont de mailchimp si cautati ramura templates. Aici o sa gasiti si o optiune de a insera cod html (daca nu vreti sa foloti template-urile lor).
Observatie la acest pas. Aveti grija ca acel continut exportat din photoshop sa fie urcat pe server (site-ul vostru) si mai ales url-ul imaginilor sa fie de genul http://www.numedomeniu.ro/nume_folder_creat_din photoshop/images/numele_imagine.png.

Initial in editorul vostru o sa gasiti ceva de genul "http://forum.seopedia.ro/images/nume_imagine.png" (nu uitati ca trebuie sa fie linkul complet de forma "http://www.numedomeniu.ro/nume_folder_creat_din photoshop/images/nume_imagine.png") Daca nu veti face asta nu vor fi afisate imaginile in momentul in care veti trimite newsletter si aveti o problema pentru ca nu se vede continutul.

6. O sa aveti aceasi problema ca si mine in mailchimp (vezi atasament) insa exsita o rezolvare: peste tot unde gasiti <img src="cod" "cod" "cod" style="display:block" /> puneti codul boldat. In acest mod newsletter-ul va fi afisat in mod corect.
slice.jpg

Daca am omis ceva sau nu va descurcati PM si va ajut

[bogdancercel]

Titlul postarii poate fi schimbat? Rad copiii de noi

Primele 4 puncte sunt ok, la punctul 5 ai inceput sa te complici aiurea. De exemplu, pentru mailchimp, ai optiunea sa "urci" propiul template. Nu trebuie decat sa faci o arhiva .zip care sa contina fisier html + folder poze, iar apoi cand creezi o noua campanie in mailchimp, la pasul template, undeva prin josul paginii o sa gasesti "Import options / import zip file". Si cam gata...

[GabriELoS]

la punctul 5 ai inceput sa te complici aiurea.

Prin faptul ca am sugerat ca acel continut sa fie urcat pe server? Arata-mi tu ca iti afiseaza imagini daca nu pui url complet la poze (ma indoiesc).

De exemplu, pentru mailchimp, ai optiunea sa "urci" propiul template. Nu trebuie decat sa faci o arhiva .zip care sa contina fisier html + folder poze, iar apoi cand creezi o noua campanie in mailchimp, la pasul template, undeva prin josul paginii o sa gasesti "Import options / import zip file". Si cam gata...

Sa repetam: fara linkul complet la poze (urcate initial pe server) o sa ai doar poze albe (goale) create de slice tool.

Eu am spus cum a mers la mine. Asadar, am link pe pozele produselor, pe logo, etc. Mai mult newsletter-ul esti afisat corect, fara spatiile din imaginea de mai sus. Ce spui tu e prea simplu si stii si tu ca nu merge.

Acum: sa inceapa copiii sa rada de noi

[GabriELoS]

Revin cu o observatie: pe outlook se vede groaznic, la fel ca in poza atasata mai sus. Solutia despre care am vorbit face ca newsletter-ul sa fie afisat corect pe gmail, yahoo dar nu si outlook 2013

Aveti idee de ce? Sau ce mai trebie facut pentru a scoate din schema spatiile albe?

[GabriELoS]

nu stie nimeni?

[GabriELoS]

Bun, pentru cei care se afla in situatia mea aici gasiti un raspuns care pe mine m-a ajutat, in sensul ca acum newsletter-ul din photoshop este afisat corect in outlook, chiar daca este trimis prin mailchimp. Gmail si Yahoo la fel, afiseaza corect continutul (nu uitati totusi de style="display:block" / si de full URL la img src="" )

Tutorial: create fabulous HTML emails using Photoshop & Outlook