Introduction to Theming Course

Rod Martin

Mautic comes with some great email and landing page templates right out of the box. Of course, they are fairly generic and if you want your content to really stand out, you may want to create your own templates.

In this short (30 minute) course, we’ll show you how to build your own templates from any html layout. We’ll start with a simple overview and move through to a complex, fully responsive layout that works on every platform and device (including Outlook 2003, 2007 and 2013). You can download the templates used in this course below the video. To get the most out of this course, you should download the templates and follow along in an html editor (notepad++ for Windows and Text Wrangler for the Mac are two free options).

Outline:

  1. Introduction to the Course
  2. Downloading Templates from Mautic
  3. Building a Landing Page Template Part 1
  4. Building a Landing Page Template Part 2
  5. Introduction to Email Templates
  6. A Simple Responsive Email Template
  7. A Complex Responsive Email Template

I strongly recommend you read and bookmark the developer documentation for theming as you take this course.

Video

Tips:

  • Hover of the bar on the right side to see the playlist
  • Click onĀ full-screento enter full screen

Downloads

Really Simple Template

Complex Email Template v1.1
(A previous version of this template was missing the message.twig.html file. This file is necessary for displaying the unsubscribe page and is required for every template.)

Please note: this series was recorded using Mautic 2.5. Layout and functionality may change in future versions.

Big thanks to community member @chriscalabro for the tip on litmus.com templates.