Email templates video tutorials

New video tutorials cover how to find and download templates, Customize the design files, and edit the source code.

  1. Download design file for the email templates
  2. Design file structure
  3. Design file add your brand logo
  4. Design file add your brand colors
  5. Design file add your brand fonts
  6. Buying and downloading the HTML files
  7. HTML compiled files edit text and images
  8. HTML source files editing what you need to know?
  9. HTML source files install npm packages and run development environment
  10. HTML source files add hosted images path and prepare files for production

Download design file for the email templates

In this video, you will learn how to find and download the design file of our templates. as an example.

Please note some design files were made in Sketch and, the most recent ones are designed in Figma. If you can't open the file in the sketch app, you can import the sketch file to Figma. Opening the sketch file in Figma might not import symbols as components.

Design file structure

In this video, you will get to know the design file structure and how to navigate through it.

Design file add your brand colors

In this video, you will learn how to change email templates' primary colors as an example to match your branding guideline.

Design file add your brand fonts

In this video, you will learn how to quickly replace email templates' fonts to match your branding fonts.

Buying and downloading the HTML files

In this video, you will learn how to buy craftingemails HTML templates on Gumroad.

HTML compiled files edit text and images

In this video, you will learn how to edit text and change images in the production complied HTML files.

HTML source files editing what you need to know?

In this video, we cover the basics you need to know to get started.

HTML source files install npm packages and run development environment

In this video, you will learn how to install NPM packages and start the development server.

HTML source files add hosted images path and prepare files for production

In this video, you will learn how prepare your files for production.