How To Import Figma Email Designs Into Klaviyo

[@JacksonTate-q4e]

Love it this video was waaaay more helpful than most others trying to say the same thing.

[@peytonfox]

Glad you liked it!!

[@michaeljones2507]

Awesome video! Would love to hear more on your thoughts about fully image-based emails vs using live text and other Klaviyo blocks. Specifically around deliverability/accessibility.

[@unkuOlaa]

Awesome insights, great video as usual Peyton!

[@mbj98]

Hey! So, when people click on the picture itself that you attach a link to, for example the button, then they will actually end up thinking that it is a button they click on, but in reality, that entire block/section is what takes them to the website? New to email designs, so I am just trying to understand. :)

[@bridgetposton7889]

So helpful, thank you!

[@MaryCao-yy8is]

Thank you for the very helpful video. I am facing an issue: I created a GIF on Figma, but when I use a slide to transfer it to Klaviyo, it becomes a single image and loses its GIF effect.

[@jenefermamhot9483]

Wonderful!

[@DennisPuzon-z3k]

Hey I really love how you explain things...but can you do tutorial about uploading design with gradient background (2-3 colors) and then there's a Button between those colors? Thanks

[@unkuOlaa]

I have done this before and what I think you can do is create a different design in Figma for the entire length, same width of your email, add in your gradients as you'd like em, then go into Klaviyo and upload it as a "content background" through the styles tab. Idk if i did a good job of explaining but I hope you get it and this helps

[@SabrinaSaves]

Do you ever run into any issues with the image to text ratio causing issues with deliverability?

[@louistromans3959]

Hey Peyton, you replied to my last comment and I can't appreciate that enough!! Love your content! One more question. How do you incorporate dynamic content into klaviyo from the figma designs? My users fill out a form and I want to use that to make it feel really unique and special when they open an email from me Thank you so much again!!

[@peytonfox]

I typically try to marry together the design I make in Figma with the planned spots where dynamic content goes. So let's say you have a great feature section at the top of the email than then fades into a solid color background - that is where you can start your text block with dynamic data on the same color background. It'll blend in well with your other designed elements. But the dreaded dark mode will bite you in the butt for this with it trying to change up that background color on you. It's tricky but do-able!

[@louistromans3959]

@@peytonfox You are an actual genius! Thank you so much Peyton.

[@saiyan-shorts6126]

Hi Peyton, Can you help me with this simple issue? Is there a way in Klaviyo that I can determine whether a visitor who signs up via a form is a B2B or B2C customer? Do I need to add some custom property in Klaviyo because I want to send two different emails for each B2B and B2C? Please help me with this. Thanks

[@ASHATechnologySolutions]

thank you

[@mrKnapsack]

what of zoho?

[@King_Crimson00]

thank you

[@workingsubliminal]

Thank you❤

[@georgibogoev]

Doesn't images impact deliver-ability to the emails?

[@peytonfox]

It depends on the brand and its sending history. If you have a great clean list, good engagement, minimal hard bounces and no spam complaints - then doing image-based emails are completely fine. Not a detriment to your deliverability at all. BUT if you are struggling it doesn't guarantee you'll be in spam or anything but it helps to have more actual HTML text in the message.

[@aquamagie]

How do you organize the emails by month?

[@peytonfox]

I put them into Monthly 'Sections' in Figma to keep it organized.