How To Export My Emails From Figma to Klaviyo

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

Пікірлер: 36

  • @Marmacxd
    @Marmacxd7 ай бұрын

    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

    @Chris.Retention

    7 ай бұрын

    Hahaha - glad it's helpful, man 🥂

  • @ChrisB-wu7if
    @ChrisB-wu7if5 ай бұрын

    You’re a miracle worker thank you so much bro

  • @Chris.Retention

    @Chris.Retention

    5 ай бұрын

    Haha, of course 🥂

  • @alexanderknakkergaard
    @alexanderknakkergaard24 күн бұрын

    Great video!

  • @Chris.Retention

    @Chris.Retention

    17 күн бұрын

    I appreciate it - thanks 🤝

  • @normanbalian
    @normanbalian4 ай бұрын

    Nice video

  • @Chris.Retention

    @Chris.Retention

    4 ай бұрын

    Thanks 🥂

  • @AnnaParker712
    @AnnaParker71211 ай бұрын

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

  • @Chris.Retention

    @Chris.Retention

    11 ай бұрын

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

  • @abhipatil4844
    @abhipatil4844 Жыл бұрын

    awesome

  • @markinno
    @markinno Жыл бұрын

    IOS 14 automatic open cleaned?

  • @jianne2733
    @jianne27338 ай бұрын

    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

    @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).

  • @christian9553
    @christian95535 ай бұрын

    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

    @Chris.Retention

    5 ай бұрын

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

  • @Hossam-Ayman-7
    @Hossam-Ayman-715 күн бұрын

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

  • @Chris.Retention

    @Chris.Retention

    14 күн бұрын

    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

  • @Tommy-yx9gv
    @Tommy-yx9gv10 ай бұрын

    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

    @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

    @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.

  • @freedomdojo9413
    @freedomdojo94135 ай бұрын

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

  • @Chris.Retention

    @Chris.Retention

    5 ай бұрын

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

  • @freedomdojo9413

    @freedomdojo9413

    5 ай бұрын

    God bless you brother@@Chris.Retention

  • @Chris.Retention

    @Chris.Retention

    5 ай бұрын

    @@freedomdojo9413 God bless you, too 📈

  • @eliavgi7993
    @eliavgi79939 ай бұрын

    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

    @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.

  • @Kwelar
    @Kwelar6 ай бұрын

    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

    @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}}"

  • @chillwavestudios
    @chillwavestudios8 ай бұрын

    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

    @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.

  • @thestranger8528
    @thestranger85285 ай бұрын

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

  • @Chris.Retention

    @Chris.Retention

    5 ай бұрын

    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

    @thestranger8528

    4 ай бұрын

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

  • @ozysleep
    @ozysleep9 ай бұрын

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

  • @Chris.Retention

    @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