Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Where to find the email templates


Hello, I want to use the email templates like https://preview.keenthemes.com/metronic8/demo22/authentication/email/welcome-message.html

Where can I find the full html so it will look nice in the e-mail?

I have searched in the zip file and then demo22 in metronic_html_v8.2.0_demo22, then I search for mail and find the dir demo22\dist\authentication\email

But then the HTML contents are not complete. For example doctype and basic styling are missing.

I can use the lib. CssToInlineStyles to import all styles from a css file.

But I was wondering how are we supposed to use the email templates?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hi,

You can find the email templates with inline styles in authentication/email/ folder of your selected demo.
You can use the code under <!--begin::Email template--> code comment and the rest of the HTML code you can ignore.

Regards,
Sean



You can copy the HTML structure and content from the demo22\dist\authentication\email email folder and adapt it to your specific needs. Add missing elements like slope doctype and basic styling, and can inline CSS using libraries like CssToInlineStyles. However, this approach requires manual work and may not yield a pixel-perfect copy.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(