How To Export My Emails From Figma to Klaviyo

Подписаться 987

Просмотров 4,8 тыс.

50% 1

How To Export My Emails From Figma to Klaviyo
I'll show you how to make your branded emails go from Figma to Klaviyo.
We're going to take a design, export it, include the links and do as if we were to send it to our newsletter.
We guarantee you $30k-$100k in new revenue with email marketing: retainwithemails.com
Topics discussed:
christophe diouf,christophe diouf email,email marketing,flow,email campaign,klaviyo,ecommerce,email marketing for beginners,start email marketing,how to do email marketing,best email marketing strategy,shopify,conversion rate optimization,ecommerce marketing compliance,Flowium,email design,figma,branding,klaviyo design,open rate,newsletter,email benchmarks,boyuan zhao,How To Export My Emails From Figma to Klaviyo,how to figma

Опубликовано:

15 июн 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@Marmacxd 7 месяцев назад

5 five questions and every time I looked it up in YT this guy had a video explaining exactly what I was looking for. Earned a sub right away

@Chris.Retention 7 месяцев назад

Hahaha - glad it's helpful, man 🥂

@ChrisB-wu7if 5 месяцев назад

You’re a miracle worker thank you so much bro

@Chris.Retention 5 месяцев назад

Haha, of course 🥂

@alexanderknakkergaard 11 дней назад

Great video!

@Chris.Retention 5 дней назад

I appreciate it - thanks 🤝

@normanbalian 4 месяца назад

Nice video

@Chris.Retention 4 месяца назад

Thanks 🥂

@AnnaParker712 10 месяцев назад

Thank you! Very useful! We need to resize an email cause the lower the weight of the email the better deliverability?

@Chris.Retention 10 месяцев назад

You're welcome! Yes: better deliverability, faster load times, etc. Many benefits.

@jianne2733 8 месяцев назад

Hi. I am a newbie in email designing. Was just wondering since some of the tutorial I have seen mostly online suggest to embed the texts in klaviyo, instead of creating it within the image. I am quite not sure which one to consider when designing emails- like, what happens if we incorporate the text in the image, or if we don't. I would love to delve in email design so I can samples up in my portfolio and, hopefully, get to offer email design services in the future. Love your videos btw! Big help to us beginners.

@Chris.Retention 8 месяцев назад

People like to embed klaviyo text for their deliverability. In theory, with live text: inbox providers can read the content of the emails, so it's less likely to end up in spam. (your email is also objectively lighter, so faster load time) In practice: if you have healthy open rates, you don't need to make the tradeoff (in my experience).

@abhipatil4844 Год назад

awesome

@freedomdojo9413 5 месяцев назад

Bro your videos are legendary. One question, how do you create a button in Figma that works in Klayvio? Is that possible?

@Chris.Retention 5 месяцев назад

Thanks, man - just download a picture of the button, import it in klaviyo, and add your link to the image.

@freedomdojo9413 5 месяцев назад

God bless you brother@@Chris.Retention

@Chris.Retention 5 месяцев назад

@@freedomdojo9413 God bless you, too 📈

@Hossam-Ayman-7 3 дня назад

What if I have a section that contains more than one link, how can I do that?

@Chris.Retention День назад

I'm assuming you have one button on the left of your email and another one on the right. In that case, you can: 1. create 2 columns in Klaviyo 2. slice your left button and right button separately in Figma 3. download both slices 4. drop each image slice in the relevant column in Klaviyo 5. add your links

@markinno Год назад

IOS 14 automatic open cleaned?

@chillwavestudios 8 месяцев назад

Other people do not advise an all image email as it can impact deliverability. They suggest still adding at least 20% native text to balance the images. What do you think about this?

@Chris.Retention 8 месяцев назад

All image emails don't negatively impact my deliverability. Make sure you segment, use plain-text emails, and set up your DNS records - you'll be fine.

@Tommy-yx9gv 10 месяцев назад

Hello, is there anyway to add padding to background image? i'm wanting to align the section im adding text to with the image above and below. Because I have padding on the images so that they don't take up the full width of the template and there is a white background down either side. Hope this makes sense. In reference to the part of the video around 4:00. Thank you.

@Tommy-yx9gv 10 месяцев назад

Actually, my apologies please ignore the above. I tried putting in a background colour as you did, but what has happened on mobile in dark mode is that the image i put in is obstructing the text, seems to be on top of the text and you can barely see the text beneath the image? Is the text supposed to just show up on top of your background image normally? thank you

@Chris.Retention 10 месяцев назад

Yes, the text shows up on top of the background image. Try sending yourself the email to see if it's just a preview bug in Klaviyo. If it's not, you might want to import this text as an image slice from Figma.

@christian9553 5 месяцев назад

Hi there! Thanks in advance for your tuts! I have a question. We can use Klaviyo for free or is there any subscription plan that we have to pay first?

@Chris.Retention 5 месяцев назад

Hey - they have a free plan, you have access to 99% of the features with it 📈

@Kwelar 6 месяцев назад

I've seen some of your reply's to comments about all images affecting deliverability, and you say it'll be fine as long as you use plain-text emails. What do you mean by using plain-text emails? Do you mean alt text?

@Chris.Retention 6 месяцев назад

By "plain-text emails", I mean emails that look like they come from a person (not a brand). No design required. The email would look like this: "Hey Mr. subscriber, {{insert your pitch here}} Thanks, The team at {{Your brand}}"

@eliavgi7993 9 месяцев назад

wouldnt it be way more optimal to export the email as HTML instead of images? What if someones email doesn't load images from unknown senders or the person is on slow wifi? Then the images won't load. How do you solve these issues with your method?

@Chris.Retention 9 месяцев назад

If you're not sure, split test it. I did, and emails don't perform better when they're coded. The HTML versions are just harder to edit and split test. Full HTML has the same upside, just more downside.

@thestranger8528 4 месяца назад

Hello can i use this method for Hubspot as well? Like can i integrate figma to hubspot

@Chris.Retention 4 месяца назад

For Hubspot, I generally use Zapier to get the contacts in Active Campaign and then I use Figma to build the emails. I don't know about building everything directly in Hubspot. Email me (christophe@retainwithemails.com) if you need more help

@thestranger8528 4 месяца назад

@@Chris.Retention Help I keep on seeing people commenting about deliverability, how is that gonna affect this?

@ozysleep 9 месяцев назад

Hi! Great video. We are looking to hire someone for our email campagnes, are you interested?

@Chris.Retention 9 месяцев назад

Hi, I'm glad you found the video valuable! I can run your campaigns, yes. (We don't start any new project in November, though - make sure you get in touch earlier, and you'll be fine 👍) You can email me here: Christophe@retainwithemails.com