Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Export HTML emails from Figma to Yotpo - This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns.. Machine-readable page: /emailify/tutorials/export-html-emails-from-figma-to-yotpo.md.

Export HTML emails from Figma to Yotpo

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns.

← 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 a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns.

Things you'll need

  • A Figma file with the Emailify plugin available.
  • Access to the Yotpo platform.

Steps

  1. Open a Figma file, find Emailify in the Resources icon, and run or save the plugin from the Plugins tab.
  2. Create a new template, click Add New Emailify Container, and build your email design in the Emailify frame.
  3. In the Footer tab under Platforms, choose the Yotpo footer option so the required unsubscribe link, View in Browser link, and full address are added.
  4. Use the Preview icon to check the rendered HTML on desktop and mobile, then click Export HTML and choose the Yotpo Platform Integration option.
  5. Enter the subject line and preheader text, then click Export for Yotpo and download the ZIP file.
  6. Unzip the file, open index.html, copy the page source, and paste it into Yotpo under Campaigns > Email Templates > My Templates > Start From Scratch > HTML Editor.
  7. Save and close the template in Yotpo, then use it to create a campaign and add the subject line; only enter the preheader in one place to avoid duplication.

Useful links