How to add image slider in email newsletter?

15.9k views Asked by At

I have been created email newsletter using mailchimp

Now i want to add image slider with responsive design,

But i have been searched lot online..

Some online docs says can't able to add image slider in email newsletter.

For example this link told., its impossible.

So, may i know, what is the exact link, to achieve this one?

Any help would be highly appreciated,

Thanks in advance.

3

There are 3 answers

7
Roko C. Buljan On BEST ANSWER

unfortunately you cannot do it. Neither CSS3 sliders nor JS sliders will work in HTML email.

NO-JS in Email newsletter. Proof?

Inside the <head> of your email newsletter simply insert:

<script>alert("JS WORKS! ...not");</script>

Sent that email - and that's your proof that Email Clients do not support JS


GIF animated image

You could eventually go wit ha .gif animation. Will not work in Outlook 2007 - but at least it'll show the first frame.
Don't exagerate with the .gif animations, since the more frames you use that bigger your file size.
Also don't forget that you're limited with the color palette (256) so think twice:

You don't want the user to wait for 900KB .gif image.


JPG Static image

enter image description here My suggestion is to create a calling and beautiful Slider-alike .jpg image.
Link it to your site where you present your products.

<a href="http://example.com/products"><img src="http://example.com/nl/img/img.jpg"></a>

This appealing image has just 45KB. Every Email Client will be happy to serve such image without blacklisting you.
Also, see your MailChimp Click-trough rate. Should lead to surprising results!

4
Naguib Ihab On

Imageslider would need a JS running, having inline js in the email is not possible because the email will be blocked by most email providers.

However you can use a GIF image: https://litmus.com/blog/a-guide-to-animated-gifs-in-email

0
HansDev On

So javascript is not possible in emails like others have stated above. There are so many security reason for this...

That being said you definitely CAN implement as image slider or more accurately an image carousel with pure html and css using checkbox/radio hacks. The support however isn't just limited to email clients but more significantly is limited by email services like mailchimp which do support sending emails because mailchimp Form elements including checkbox, radio and labels are stripped from emails...

That being said here is an example:

http://freshinbox.com/resources/tools/carousel/