How are these Newsletters Created ?

Forums › IT Pro and developers › How are these Newsletters Created ?

KillerHulk

348 posts

Ultimate Geek

#207919 19-Jan-2017 14:41

HI,

I wanted to know how are the clickable newsletters created.

i received newsletters from Pbtech, and each item is clickable.

What software they use ?

Even i would like to create something like that instead of creating simple ones.

Any idea ?/

I Eat Dumbbells for Breakfast

1 | 2

Networkn
32349 posts

Uber Geek

ID Verified

Trusted

Lifetime subscriber

#1705813 19-Jan-2017 14:47

I am not sure what they use but customers of mine use Mailchimp. Nice thing about that is it will report on every click so you can see what people are most interested in.

Hammerer

2476 posts

Uber Geek

Lifetime subscriber

#1705815 19-Jan-2017 14:48

You can create hyperlinks in many types of documents, e.g. PDF, Microsoft Office, email, etc

kingdragonfly

11190 posts

Uber Geek

Subscriber

#1705816 19-Jan-2017 14:49

Try googling these

HTML onclick

JavaScript onclick

JavaScript addEventListener click

"onclick" is one word

KillerHulk

348 posts

Ultimate Geek

#1705827 19-Jan-2017 15:07

Even i use mailchimp, but that does not have any option to create such type like pbtech's newsletter.

Confused....

I Eat Dumbbells for Breakfast

mattwnz

20141 posts

Uber Geek

#1705866 19-Jan-2017 15:23

Sulco:

Even i use mailchimp, but that does not have any option to create such type like pbtech's newsletter.

Confused....

You should be able to, you just need to know how to use it, as there is a lot you can do with it. You can also import your own HTML into it. I do professional campaigns for companies using mailchimp.

ANglEAUT

2320 posts

Uber Geek

Trusted

Lifetime subscriber

#1705871 19-Jan-2017 15:34

Sulco:

I wanted to know how are the clickable newsletters created.

i received newsletters from Pbtech, and each item is clickable.

You have to remember that these companies are in the business of selling stuff. It is to their advantage that every click, intentional or accidental, leads back to a view of their site.

The email from these companies are all HTML based. Most modern email clients support HTML content. That means you can create your own. One way to do this in Outlook or a web based client is to select the text or image and click the little chain icon to create a hyperlink. You can generally also press Ctrl+K. Do that for every item until you are satisfied. If you right click these emails and select to view the source, you will notice that every link <href="http://..."> tag around it.

Ask for more if you want any additional info.

Please keep this GZ community vibrant by contributing in a constructive & respectful manner.

yitz

2074 posts

Uber Geek

#1705877 19-Jan-2017 15:48

I once did that kind of stuff using Photoshop/Imageready it would generate the clickable web optimised slices + HTML.

Apparently that is done all within Photoshop these days.

In general you will need a graphics editor which supports an "image map" feature that slices images and generates the HTML for web.

Equinox IT

Cloud spending continues to surge globally, but most organisations haven’t made the changes necessary to maximise the value and cost-efficiency benefits of their cloud investments. Download the whitepaper From Overspend to Advantage now.

mattwnz

20141 posts

Uber Geek

#1705938 19-Jan-2017 17:49

yitz: I once did that kind of stuff using Photoshop/Imageready it would generate the clickable web optimised slices + HTML. Apparently that is done all within Photoshop these days. In general you will need a graphics editor which supports an "image map" feature that slices images and generates the HTML for web.

Or you can cut up images paste them into a grid within a MC template. Also many of those types of emails aren't that mobile friendly.

kobiak

1615 posts

Uber Geek

Trusted

#1705950 19-Jan-2017 18:18

it's and HTML document which is specifically coded for emails (using good old tables). Within that HTML there're images and anchor tags.

HTML for web and emails 2 different things as email clients are limited to support blocks, js, css, etc. There're ways around, but can be very complicated (I worked 4 years at digital agency as developer).

There're great SaaS available to make life easier, but still requires lot's of coding, testings to get 100% responsive emails across multiple platforms including outlook 2003/7/10 :)

And yup, I'm pleased I don't have to worry about emails for the past 2 years :D

helping others at evgenyk.nz

kickintheeye

112 posts

Master Geek

#1705951 19-Jan-2017 18:18

I don't receive Pbtech's newsletter, but you should be able to create something similar using MailChimp.

mattwnz

20141 posts

Uber Geek

#1705953 19-Jan-2017 18:29

kobiak:

There're great SaaS available to make life easier, but still requires lot's of coding, testings to get 100% responsive emails across multiple platforms including outlook

Mailchimps templates pretty much does all that stuff for you, and has ways of testing them on different devices.

KillerHulk

348 posts

Ultimate Geek

#1707788 23-Jan-2017 08:29

Well thank you guys for that.

I will try using Photoshop slice and mailchimp both and see which gives me better results.

Thanks Again

I Eat Dumbbells for Breakfast

KillerHulk

348 posts

Ultimate Geek

#1707926 23-Jan-2017 11:16

Also,

i use free version of mailchimp as my company does not have subs more than 2000.

are there any extra features in paid version ?? (in terms of above related topic)

I Eat Dumbbells for Breakfast

networkn

Networkn
32349 posts

Uber Geek

ID Verified

Trusted

Lifetime subscriber

#1707929 23-Jan-2017 11:19

Sulco:

Also,

i use free version of mailchimp as my company does not have subs more than 2000.

are there any extra features in paid version ?? (in terms of above related topic)

All the information about the paid options are clearly explained on their website.

raytaylor

4014 posts

Uber Geek

Trusted

#1708289 23-Jan-2017 20:26

1) Make a big brochure or catalog as one image.

2) Cut it up into smaller images or Tiles

3) Make a table in an email

4) Insert the images into each table cell in the correct order
Set table border and margins to 0px thickness

5) Click on each image and add a hyperlink to wherever you want to send it.

Ray Taylor

There is no place like localhost

Spreadsheet for Comparing Electricity Plans Here

1 | 2