Your Email Design System is the foundation of how you create your email campaigns, so when creating it, it’s important to make sure it’s tailored exactly to your team’s needs. To make an effective Design System, you’ll need to take a step back and consider how you go about designing, coding and adding it to Taxi. We’ve put together the most important considerations for all these stages, to help you create the perfect Design System.
Things to consider before making a great Email Design System
Ensuring your Email Design System delivers best practice HTML
Making an Email Design System that helps your team
Keeping Your Email Design System Relevant and Useful
We designed Taxi Syntax to help you build the best experience for editors.
Get started with Taxi Syntax by adding two HTML tags to your code.
Use modulezones to let editors add, remove and re-order modules.
Once you have built your HTML and added Taxi Syntax, it's time to set up your Design System in Taxi.
You can extend <editable> tags to add more granular control for editors and copywriters.
Reference content from other modules or in multiple places in an Email Design System.
Change the HTML structure based on content or on/off controls.
The Taxi Rich Text Editor allows text to be styled as bold, italic, a link or with custom formatting.
Handle email platform code and apply advanced rules to content.
Text formatting isn't editable by default, but sometimes you may wish to add controls on formatting.
Taxi enables you to pull content from a feed into pre defined modules.
Use checkbox fields and rules to create a right to left layout in your emails.
Get more out of the rules in your Email Design System by using if, unless, elsif and else tags.
Automatically create a text version from the HTML email in Taxi.
Add more control to your Email Design System by using the expect attribute.
Reduce the amount of HTML and Syntax you need, to create a more streamlined Email Design System, with the editor-focus attribute.
Have complete control over how your Email Design System looks and is edited for mobile devices.
When you wrap an <editable> tag around text or an an image, Taxi adds some extra fields behind the scenes. You may need to break these out into their component fields if you're doing more complex modules in your Email Design System.
These pieces of Taxi code help add advanced functionality to your Email Design System.