A

Anonymous

Answered

Using Dreamweaver to create email marketing piece (Newsletter)

Forum|Forum|16 years ago
September 2, 2009
4 replies
176381 views

Is there a way to produce an email marketing piece using Dreamweaver? I created a design in Photoshop and placed it in my email temporarly, but I am not able to put the links, etc. in the graphic.

I would like to design a page in Dreamweaver and be able to put it into an email page so that people can see it as such and be able to click on the links within the email.

We would also like to do a newsletter in the same fashion so that we can email it directly in the email.

Thanks!

Heather

This topic has been closed for replies.

Correct answer Nadia-P

Lots of tutorials on how to do this :-) You create a simple html page, but use inline styling instead of using a stylesheet:

Start here:

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/designers-guide-html-email/

http://www.sitepoint.com/article/principles-beautiful-html-email/

Mail Chimp and iContact have some excellent templates and tutorials to help you get started with HTML email campaigns.

http://www.mailchimp.com/resources/

http://www.icontact.com/home/index2

CampaignMonitor does not recommend the use of image maps because of poor support by Gmail:

http://www.campaignmonitor.com/blog/post/2432/do-image-maps-work-in-html-ema/

MailChip recommends being careful with image placement as many email clients will automatically block images when the mail is first loaded:

http://www.mailchimp.com/articles/stupid-html-email-design-mistakes/

Hope this helps :-)

--

Nadia

Adobe® Community Expert : Dreamweaver

---------------------------------------------------------------

Unique CSS Templates | Tutorials | SEO Articles

http://www.DreamweaverResources.com

--------------------------------------------------------------------------

Web Design & Development

http://www.perrelink.com.au

http://twitter.com/nadiap

S

Striker Sumesh

Participant

Hi All,

I have a perfect tutorial on "How to create HTML Email Newsletter in Dreamweaver" posted on PepFry.com. It explains the traditional or the actual way of creating a HTML email newsletter.

You can also find the responsive versions of the Email Newsletters as well:

Hope that helps all newbies!

Thanks!

Sumesh M.S

ibit

Participant

This is the best...I just had a call from a recruiter.

I am new with Dreamweaver....but only because I need to get the experience practically, to use it, and I told her so in so many words.

I have not had good luck with saying I am proficient when I am not, just to get the job, especially when the company expects perfection from the get-go.

That aside, I told her I DO know Dreamweaver is not the only option for email marketing.

I have access to all I need for a Mail Chimp crash course, and told her so, letting her eknow I am willing to stay up several nights to learn with some skill...in an attempt to convince someone I am a good designer who works hard.

I mean, take your pick. What do they NOT want you to know out there!

This forum is awesomely helpful and very insitefull.

I will continue to follow.

J Cellini

Inspiring

Yes, you can use Dreamweaver to create an email marketing piece. The problem with Dreamweaver, though, is that it produces good clean html code. When you produce an email marketing piece, you are not creating it for web browsers but for email applications that are way behind in html and css technology and you have to write html code from the stone age with a lot of deprecated tags and inline css. Images need absolute paths.

MailChimp can provide you with some very good advice on creating an email marketing piece. Check out its Email Marketing Articles and Guides page.

Nadia-PCorrect answer

Inspiring

Lots of tutorials on how to do this :-) You create a simple html page, but use inline styling instead of using a stylesheet:

Start here:

http://www.sitepoint.com/article/code-html-email-newsletters/

http://www.sitepoint.com/article/designers-guide-html-email/

http://www.sitepoint.com/article/principles-beautiful-html-email/

Mail Chimp and iContact have some excellent templates and tutorials to help you get started with HTML email campaigns.

http://www.mailchimp.com/resources/

http://www.icontact.com/home/index2

CampaignMonitor does not recommend the use of image maps because of poor support by Gmail:

http://www.campaignmonitor.com/blog/post/2432/do-image-maps-work-in-html-ema/

MailChip recommends being careful with image placement as many email clients will automatically block images when the mail is first loaded:

http://www.mailchimp.com/articles/stupid-html-email-design-mistakes/

Hope this helps :-)

--

Nadia

Adobe® Community Expert : Dreamweaver

---------------------------------------------------------------

Unique CSS Templates | Tutorials | SEO Articles

http://www.DreamweaverResources.com

--------------------------------------------------------------------------

Web Design & Development

http://www.perrelink.com.au

http://twitter.com/nadiap

J Cellini

Inspiring

Nadia,

I think this is the second time this happened--I stepped on your response. It was not intentional; you are just quicker than I am. As I was working on a response, you finished yours and posted it. Coincidentally, it was on the same topic.

John

A

Anonymous

a-walton wrote:
You need to create the web page in Dreamweaver. Be sure all image paths and links are absolute. Save the page. Open your e-mail client (Outlook or whatever you use). Start a new e-mail. In the body of the e-mail, insert the file you just created and saved as text in the body. You should now see the page you created in the body of the e-mail. It is always a good idea to send a test e-mail to yourself before sending it out to your intended target.

Hi a-walton,

When you say insert the file, do you mean the .html file? As in attaching the file to the email? I only work with Lotus Notes at work, but I will try something else at home. When I attach an .html it doesn't display anything in Lotus.
I tried saving as a text file too and I get the same result. I also tried copying the text from the code and pasting into the body of the email, but I just see the code.

I will try at home or try again here at work. Maybe I missed a step. I appreciate your response & patience. I will definitely test this email. I have never done it before & just wanted to learn how to do it

Thank you!!

Yes, I am talking about the .html file. Each e-mail client is different. I can only instruct you in Outlook on a PC because that is what I use. I don't use Lotus notes. You cannot paste the code into the e-mail because as you discovered you will see the code and not the formatted newsletter. For Outlook place your cursor in the body of the e-mail you are creating. Click Attach File. An Insert File pop-up box appears. Go to the location where you saved the .html file and hightlight the file but do not double click it. At the bottom of the pop-up box is an insert button with a dropdown arrow. Click on the dropdown arrow and select Insert as Text. This will then place the formatted newsletter in the body of your e-mail. Again, this is for Outlook on a PC. You may have to experiment with your e-mail client to see if you have any similar options. Hope this helps.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded