← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as production-ready code for Ongage, and paste the generated HTML into a new Ongage campaign. It also covers adding the Ongage footer, previewing the email, and using the WYSIWYG editor only for small text changes.

Things you'll need

• A Figma file with the Emailify plugin available
• An Ongage account
• A finished or mostly finished email design to export

Steps

1. Open the Emailify Figma plugin from Resources or saved Figma plugins, then create a new Emailify container for your email design.
2. Add your email content, then insert the Ongage footer component so the unsubscribe link and address tag are populated automatically.
3. Use the Preview button to check the responsive HTML preview on mobile and desktop, and adjust mobile overrides if needed.
4. Click Export HTML, choose the Ongage platform integration, enter the subject line and preheader, then export and download the zip file.
5. Unzip the download and open the index.html file from the email template folder to copy the full HTML source.
6. In Ongage, create a new email campaign, paste the same subject line, switch to the HTML tab, replace the existing HTML with the copied index.html code, and keep Auto beautify HTML unchecked.
7. Save or continue the campaign, add your lists and other campaign fields, optionally send a test, and schedule the campaign when ready.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Uploading your emails to Ongage
• Next: Export HTML emails from Figma to Mailercloud
• Open Emailify in the Figma Community