How to Design An Effective Email Template With Klaviyo and Canva For Your Shopify Store

[@emailexperts]

Hey there! We're currently putting the finishing touches on our "Klaviyo Email Marketing Mastery" course and want to make sure you're the first to know when it's ready. Click the link below to express your interest and be the first to receive updates on the course. Thanks for your support! shaun150.typeform.com/to/P7lm26Fk

[@Zuringa]

I have been putting off doing my first newsletter because it all looked so complicated. You just simplified it to my level of intelligence. :) Thank you!

[@emailexperts]

That’s so great to hear, thanks for sharing Gary!

[@koek3518]

Damn bro... you just simplify all my work. I thought I needed email design software. Thanks for saving my money and time!

[@mohammedmehdi6193]

You absolute legend for making this video. Straight to the point🔥🔥🔥

[@shafianisa5764]

Thank you so much for this! I worked through it directly on Klaviyo while watching and it has helped me overcome my fear of having an ineffective format for an email newsletter. Thank you!

[@emailexperts]

Glad it helped!

[@slickfish]

Nice! Comprehensive. I like your straight-shooter approach.

[@thesaamorsalazar]

Thanks for sharing. 😍 It's really helpful, I'm looking forward to see more of email designing

[@bridgetposton7889]

Super helpful! Thank you!

[@emailexperts]

Glad it was helpful! We'll be updating this one soon too Bridget since the new editor has changed quite a lot since we posted this.

[@keithgrout5906]

You are being extremely helpful in the comments, so I thought I would say thank you.

[@emailexperts]

Hi Keith, no problem at all, I’m glad you find it helpful!

[@waveboi93]

Extremely helpful video

[@bridgetposton7889]

This was a great tutorial thank you! It makes me feel more confident in creating email designs now.

[@emailexperts]

Thanks for the feedback Bridget, and good luck with your designs!

[@2000gillco]

good presentation. i was confused what the third tab of google email was doing.

[@henrymarroquin5294]

First time I see this method! Thank you so much

[@havalmarshal9221]

Thank you so much

[@emailexperts]

You're most welcome

[@bhp9415]

Hey just recently started learning klavyio and your video es helpful an to the point !

[@emailexperts]

Happy to hear that, so glad they’re helpful!

[@kobebrown4139]

awesome video. Great insight. very helpfull

[@lsheikh7473]

Thanks, A lot Man this video helped a lot

[@emailexperts]

I’m so glad it helped! Keep an eye out we’re bringing a new massive video that will also cover the new template editor.

[@lsheikh7473]

@@emailexperts I'll be waiting for it

[@emailexperts]

kzbin.info/www/bejne/q4fFeoB8YriKfck

[@lsheikh7473]

@@emailexperts ❤

[@rafahkabir]

Quite useful. Thanks so much!

[@emailexperts]

Glad to hear that!

[@valeriedevito3229]

Thank you so much!

[@user-dm1ru3dv2o]

OMG THANK YOU!!

[@muhammadhamza2225]

Found this video very helpful. Thanks

[@emailexperts]

Glad it was helpful!

[@Balanced--]

This was an awesome video.

[@emailexperts]

Thank you!

[@CrossFit-Carnivore]

Love it!

[@Jct27122]

Best vid!

[@raccimolante91]

Hi, thanks for the video. He has greatly simplified the creation of campaigns. Unfortunately, however, we have noticed that if the email is read by Gmail, it is not shown immediately, but "show images" appears, instead of having the email immediately readable. Is there any way to fix it?

[@emailexperts]

Hi Matteo, whether images show or not is completely up to the recipient, they can decide whether images show when I open email or whether the “show images” link appears. Since a percentage of customers will have no images showing by default, it’s especially important to use actual text blocks rather than including the text in the images, and using button blocks for the same. This way people still get a lot of the context of the email, even if they choose not to show images.

[@raccimolante91]

@@emailexperts thank you!

[@siddhant2002]

Good email, but did you test your mail in gmail ios dark mode?

[@emailexperts]

Hey @siddhant2002, ironically yes the email would have worked on iOS Gmail dark mode when this video was recorded, but not anymore. Unfortunately, you can't make a lasting video regarding dark mode, because dark mode is changing regularly for email. Case in point, iOS Gmail 3 years ago when this video was recorded did no treatment for Dark mode, but since then now it inverts the colours - dark becomes light, light becomes dark. To make things more difficult, Outlook only inverts light colours - light becomes dark, and dark stays dark. These are the rules in February 2024, but they're not going to be the same forever. To make sure your email is dark mode compliant on each marketer to test, test & test. It's the only way to prepare for how your customers experience your emails.

[@arlentan]

Really useful!

[@emailexperts]

Thanks!

[@william1000]

Great content

[@emailexperts]

Thanks!

[@vardaanshrivastava9018]

Hi! I created a very nice email but when I send the mail to someone, the blocks below the shop now button are not the same colour as the blocks above. This problem is happening on mobiles as I opened the same mail on my laptop and it was perfect, What could the issue be, can you help me? Thank you.

[@emailexperts]

Hi Vardaan, I can't say for sure, since every device and app shows emails slightly differently. It also sounds like the issue might be related to dark mode. Dark mode is especially annoying on iPhone Gmail, and Mobile (iOS and Android) Outlook, so test for those. Fortunately most customers don't use dark mode very much, so it should be an issue for only a minority of customers.

[@diondennis3202]

Hi i noticed you uploaded an image with a white background but when you uploaded it to canvas template the image blended in background color. How do you do this? Whenever i upload an image with a white background it doesn't blend in with the template background-colour

[@emailexperts]

Hi Dion, that's a PNG image, so the background is actually transparent, not white. Here's a great video from LTT about image file formats: kzbin.info/www/bejne/raiUY59_orR9aZo

[@user-dm1ru3dv2o]

Hi. The image i'm uploading (900x 900) isn't fitting to the edge correctly - i centred it and also clicked 'fit to width' like you did. Any ideas?

[@emailexperts]

Hi T, could also be the padding and margin, with the block selected, check the "Block Styles" tab.

[@emyhR]

I didn’t know Canva was that good. Is that the free version or paid version?

[@emailexperts]

The demo here is all using the free version

[@emyhR]

@@emailexperts Nice! Thanks for the reply. It’s frustrating when KZbinrs never respond to anyone

[@lumik6120]

Hey, this email design was amazing! I just got into email marketing and I was wondering if you ever had free time to help me go over a few things and possibly give me tips and tricks? If you’re willing to hop on a call tomorrow??

[@emailexperts]

Hi Lumik, kudos for asking. We run an agency working with fast growing brands. Feel free to check out our work on our website, and let us know if there are particular topics you want to see us make videos on.

[@luccheung]

Can you please make a video on how to implement product data blocks/feeds when building email from code

[@emailexperts]

Hi Luc, when you say "from code" do you mean raw HTML? Or just ysing the dynamic feed features in Klaviyo?

[@luccheung]

@@emailexperts Sorry for being vague. Yes I meant when building the whole email from raw html

[@emailexperts]

Hi Luc, no problem at all! We're not against building with raw HTML, but we just haven't found cases where it was necessary, so we stick with the drag and drop builder. There are a couple of things that are clunky with it, but Klaviyo is constantly updating it. A little birdy told us that there are even bigger updates coming soon too!

[@luccheung]

@@emailexperts Thanks for your help! Do you think there are any processing differences at the consumer side when going for code instead of the prebuilt blocks?

[@emailexperts]

@@luccheung Email code is loaded in before the customer opens the email, so load speed isn't affected either way. However, once an email code extends beyond 102kb, then the email itself will clip for Gmail users - Google "gmail clipping"" to see what I mean. Coding it yourself will minimise this, but it's rare for the drag and drop to reach 102kb anyway, and if you are, the email is probably too long and ineffective anyway. The only reason I can think of custom coding your email is for designs that you can't do with drag and drop, like Google AMP.

[@ivelinatodeva11]

Can you speak louder next time? I had to crank it up and rewind a few times because you were going way too fast.

[@emailexperts]

Thanks for the feedback

[@emjay4792]

thanks but had to watch it 0.5 speed haha

[@emailexperts]

Haha, thanks for the feedback Emjay! We’re really conscious that other tutorials waste your time with unnecessary backstory, but we will try to balance it out a bit and maybe slow it down a bit.

[@mistermister8]

It was all going so well until someone opened it on an iPhone in dark mode. . .

[@emailexperts]

Oh dear! Well the good news is that the default Mail App doesn't change the email on Dark Mode, and it's the most popular app, however, you're right, on Outlook and Gmail mobile apps it goes out the window.