# Better Email HTML Designer

**URL:** <https://forum.mautic.org/t/better-email-html-designer/6986>\
**Category:** General Discussion\
**Created:** [December 29, 2016, 3:30am UTC](https://forum.mautic.org/t/better-email-html-designer/6986 "2016-12-29T03:30:48Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![igormedeiros](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/igormedeiros/32/109_2.png) [@igormedeiros](https://forum.mautic.org/u/igormedeiros)\
**Post date:** [December 29, 2016, 3:30am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/1 "2016-12-29T03:30:48Z")

</div>

Hi!  
  
Anyone knows a tool better that [beefree.io](http://beefree.io) for create HTML emails?  
  
  
  
Thanks

- Igor

---

<div class="post-metadata">

**Author:** ![igormedeiros](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/igormedeiros/32/109_2.png) [@igormedeiros](https://forum.mautic.org/u/igormedeiros)\
**Post date:** [December 29, 2016, 3:30am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/2 "2016-12-29T03:30:48Z")

</div>

Hi!  
Anyone knows a tool better that [beefree.io](http://beefree.io) for create HTML emails?

Thanks

- Igor

---

<div class="post-metadata">

**Author:** ![imautic](https://avatars.discourse-cdn.com/v4/letter/i/74df32/32.png) [@imautic](https://forum.mautic.org/u/imautic)\
**Post date:** [December 29, 2016, 5:53am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/3 "2016-12-29T05:53:46Z")

</div>

What is wrong with [beefree.io](http://beefree.io)?

---

<div class="post-metadata">

**Author:** ![MP2205](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@MP2205](https://forum.mautic.org/u/MP2205)\
**Post date:** [December 29, 2016, 8:56am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/4 "2016-12-29T08:56:12Z")

</div>

Please see this topic with more information:  
[https://www.mautic.org/community/index.php/6182-better-ways-to-build-emails-landing-pages/p1#p17779](https://www.mautic.org/community/index.php/6182-better-ways-to-build-emails-landing-pages/p1#p17779)

---

<div class="post-metadata">

**Author:** ![igormedeiros](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/igormedeiros/32/109_2.png) [@igormedeiros](https://forum.mautic.org/u/igormedeiros)\
**Post date:** [December 29, 2016, 3:09pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/5 "2016-12-29T15:09:42Z")

</div>

nothing wrong @imautic just researching if there other better solution. Thanks @MP2205 I found a nice solution from @chris0928 at [https://www.mautic.org/community/index.php/6182-better-ways-to-build-emails-landing-pages/p1#p17779](https://www.mautic.org/community/index.php/6182-better-ways-to-build-emails-landing-pages/p1#p17779)

Thank you all

---

<div class="post-metadata">

**Author:** ![Carlos\_BR](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/carlos_br/32/1228_2.png) [@Carlos\_BR](https://forum.mautic.org/u/Carlos_BR)\
**Post date:** [December 29, 2016, 7:28pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/6 "2016-12-29T19:28:44Z")

</div>

@igormedeiros  
Is this solution @chris0928 paid for ???

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [December 29, 2016, 7:43pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/7 "2016-12-29T19:43:27Z")

</div>

Hey @Carlos BR - I haven’t paid for anything, but have done some custom templates for a few folks, and also made some free email templates available for those who don’t want to code their own. Free templates released by the broader email community that I’ve made editable in Mautic.

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 12, 2017, 9:14am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/8 "2017-09-12T09:14:38Z")

</div>

@chris0928 good to know, I’m interested in testing your templates in mautic 2.10, where can I find your templates, any place where you are sharing? thanks 😉

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [September 12, 2017, 2:11pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/9 "2017-09-12T14:11:23Z")

</div>

Hi @abdel75 - you’ll find all my templates (free and paid) at [innotiom.com](https://innotiom.com/)

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 12, 2017, 2:18pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/10 "2017-09-12T14:18:02Z")

</div>

Hi @chris0928 -thanks I’ll have a look, any procedure how to add your template in a mautic selfhosted client? so that they appear with the native templates as possible choices

---

<div class="post-metadata">

**Author:** ![ninjoan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ninjoan/32/1005_2.png) [@ninjoan](https://forum.mautic.org/u/ninjoan)\
**Post date:** [September 12, 2017, 2:59pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/11 "2017-09-12T14:59:45Z")

</div>

Gear icon \> Themes \> Import Theme @abdel75

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 12, 2017, 4:44pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/12 "2017-09-12T16:44:14Z")

</div>

@ninjoan thanks, will try with the free templates first, and see how it looks like when building and sending in campaign, thanks for the heads up!

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [September 12, 2017, 7:59pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/13 "2017-09-12T19:59:13Z")

</div>

Thanks for adding that @ninjoan 🙂

@abdel75 let me know how it goes for you!

---

<div class="post-metadata">

**Author:** ![sergio-bolinches](https://avatars.discourse-cdn.com/v4/letter/s/958977/32.png) [@sergio-bolinches](https://forum.mautic.org/u/sergio-bolinches)\
**Post date:** [September 12, 2017, 8:55pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/14 "2017-09-12T20:55:55Z")

</div>

You can use Dreamweaver to edit or create new .twig templates for Mautic. You have to make some small changes that … they are mid / low level. To modify a template exists, it’s like doing it for any html email template with some special things from [Symfony’s twig templates.](https://symfony.com/doc/2.3/book/templating.html)

1. This is the [modification for use .twig in Dreamweaver](https://forums.adobe.com/thread/1836769) \*
2. This is info to understand [how you could modify a theme, email or page template](https://developer.mautic.org/#theme)

\* If you modify Dreamweaver and you try to open a form.html.twig pr page.html.twig with it (per example) you won´t see the design view (just the code). You´ll need to change the prefix. .twit and put .html (when you finish your design, change again with .twig prefix)  
   
Good Luck. Fun¡ 🙂

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 13, 2017, 6:20am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/15 "2017-09-13T06:20:02Z")

</div>

thanks @sergio.bolinches , will investigate this alternative as well and see how it goes, thanks for the tips!

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 13, 2017, 6:21am UTC](https://forum.mautic.org/t/better-email-html-designer/6986/16 "2017-09-13T06:21:16Z")

</div>

hi @chris0928 , for sure I will share how it goes for me, no problem

---

<div class="post-metadata">

**Author:** ![abdel75](https://avatars.discourse-cdn.com/v4/letter/a/74df32/32.png) [@abdel75](https://forum.mautic.org/u/abdel75)\
**Post date:** [September 13, 2017, 12:31pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/17 "2017-09-13T12:31:45Z")

</div>

hi @chris0928 thanks for the free templates, they seem nice if make just small stuff on it, but if we want to adjust, social buttons config is getting out of screen sometimes, and inserting logo or pictures is a long work to get right when we receive the mail in a web based mail or outlook or else, still need a lot of compatibility work

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [September 13, 2017, 2:00pm UTC](https://forum.mautic.org/t/better-email-html-designer/6986/18 "2017-09-13T14:00:35Z")

</div>

Yes - if you are adding components to the free templates, I’m not sure what the compatibility would be. Even something as simple as swapping out an image can be tricky if you need to resize (as some clients require width and height to be manually set in the html, not just css).

Trying to convert a free template to meet your exact needs certainly has its challenges 🙂 The more you changes you make, the more opportunities for compatibility issues.
