How to Design An Effective Email Template With Klaviyo and Canva For Your Shopify Store
ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2024
- Join the waitlist for our upcoming course: shaun150.typeform.com/to/P7lm...
Get started with Klaviyo here: www.klaviyo.com/partner/signu...
In this video, I’ll show you a bulletproof email design that the world's biggest brands use, and how in just 8 minutes you can make an amazing email with Klaviyo and Canva.
Subscribe for more content on Email Marketing for eCommerce brands: th-cam.com/users/Emailexpert...
Share this video with a friend: • How to Design An Effec...
Get in touch with Email Experts: emailexperts.com.au/
0:00 Intro
0:19 Underlying Template Design
0:47 Nike, Apple, Disney Examples
01:21 What you need
01:40 Designing the Hero Image in Canva
03:28 Building the email in Klaviyo
03:47 Adding your Logo and navigation menu
04:42 Uploading your Hero Image
05:05 Styling your text block
05:46 Customizing your Button
06:33 Matching the Footer
07:11 Using this template in future campaigns
07:52 Outro - แนวปฏิบัติและการใช้ชีวิต
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
You absolute legend for making this video. Straight to the point🔥🔥🔥
Nice! Comprehensive. I like your straight-shooter approach.
Damn bro... you just simplify all my work. I thought I needed email design software. Thanks for saving my money and time!
Thanks for sharing. 😍 It's really helpful, I'm looking forward to see more of email designing
Extremely helpful video
First time I see this method! Thank you so much
Love it!
OMG THANK YOU!!
awesome video. Great insight. very helpfull
Thank you so much!
Super helpful! Thank you!
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.
Best vid!
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!
Glad it helped!
This was a great tutorial thank you! It makes me feel more confident in creating email designs now.
Thanks for the feedback Bridget, and good luck with your designs!
You are being extremely helpful in the comments, so I thought I would say thank you.
Hi Keith, no problem at all, I’m glad you find it helpful!
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!
That’s so great to hear, thanks for sharing Gary!
Thank you so much
You're most welcome
Hey just recently started learning klavyio and your video es helpful an to the point !
Happy to hear that, so glad they’re helpful!
Found this video very helpful. Thanks
Glad it was helpful!
Quite useful. Thanks so much!
Glad to hear that!
Really useful!
Thanks!
This was an awesome video.
Thank you!
Thanks, A lot Man this video helped a lot
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.
@@emailexperts I'll be waiting for it
th-cam.com/video/uVbIMF-SWGg/w-d-xo.html
@@emailexperts ❤
Great content
Thanks!
good presentation. i was confused what the third tab of google email was doing.
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??
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.
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.
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.
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?
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.
@@emailexperts thank you!
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
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: th-cam.com/video/ww12lImOJ38/w-d-xo.html
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?
Hi T, could also be the padding and margin, with the block selected, check the "Block Styles" tab.
Good email, but did you test your mail in gmail ios dark mode?
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.
Can you please make a video on how to implement product data blocks/feeds when building email from code
Hi Luc, when you say "from code" do you mean raw HTML? Or just ysing the dynamic feed features in Klaviyo?
@@emailexperts Sorry for being vague.
Yes I meant when building the whole email from raw html
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!
@@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?
@@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.
I didn’t know Canva was that good. Is that the free version or paid version?
The demo here is all using the free version
@@emailexperts Nice! Thanks for the reply. It’s frustrating when TH-camrs never respond to anyone
thanks but had to watch it 0.5 speed haha
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.
It was all going so well until someone opened it on an iPhone in dark mode. . .
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.
Can you speak louder next time? I had to crank it up and rewind a few times because you were going way too fast.
Thanks for the feedback