With FULL FABRIC you don't need to know <code> to easily build and edit beautiful emails on the fly, because we offer a versatile builder with a variety of templates and custom elements to choose from and blend however you want. But rest assured, if you do know HTML, that's great too, because you can add your own code to get the most out of your emails! 👩‍🎤

This article explains how to use the email builder in Campaigns, Shared email templates, Events and one-to-one emails.

❗️ NOTE: Our email editor is gradually being redesigned, so you might spot a few differences from what's described here; however, you can keep up with all of the updates in the article Updates to the email editor. Once the new version of the builder is fully ready and out, you can likewise expect a new version of this article! 💫

Now, without further ado…

How do I design a unique email message from scratch?

The principle behind our builder is very simple: firstly, you must pick a layout. After that, it's just a matter of manipulating the tools available in no particular order, for which reason you must become familiar with the technical capabilities of the content editor. 😃

So, at the very top of the editor you're given several layout options, which can be roughly divided into four categories:

Regular e-mail

The 1st option from the left is common fare as far as email editors go, not unlike Hotmail, Gmail and the likes: write and format text and add file attachments. That's it.

Pre-made layouts

The 2nd to 7th options from the left offer a simplified way to construct elaborate emails by choosing from a set of pre-made templates that you can easily spice up by just adding images, text and formatting. Some of these come with sidebars and headers.

Sidebars are for text, and headers are for images. 😊 So generally, a layout will feature a main frame – where the bulk or entirety of the message will go –, then possibly a sidebar for additional info, and maybe also a header with a decorative banner. However, you can further customise these layouts in several ways:

     a) Incorporate images into the main frame: click the arrows on the sides to move through layout variations that mix image with text.

Hover the mouse over an image to Edit and insert a click-through URL, Remove, or Upload file and thereby replace the former picture.

By the way, these are the recommended dimensions for images, banners, headers and footers:

     b) Add new areas and buttons: hover the mouse pointer over any frame (excluding headers) to trigger a plus button, and then press it to add a new section beneath, which could be a text box, an image, a button or a piece of HTML code.

For reference, this is the composition of the campaign message used in this article:

     c) Choose a THEME COLOUR: this will be the colour of your links and buttons, and for consistency you'll have your school's colour palette as defined in the implementation phase. 🎨

     d) Choose a BACKGROUND COLOUR: Can be white, light grey or dark grey.

     e) Choose a BORDER COLOUR: Can be white or light grey.

External HTML layout

To kick customisation up a notch, the 8th layout is actually no layout at all: it's a HTML container where you can paste the HTML of email templates built elsewhere, like Mailchimp, to render them in your FULL FABRIC campaigns. However, please be aware that you need to account for height and weight differences or your template will look incorrect.

Text only layout

Some of your readers may use email clients with no HTML support, so your HTML emails should include a plain text version with the exact same text. This is the last option on the array of layouts at the top, but can also be found underneath all of the pre-made layouts if you scroll down.

What about text formatting?

Both the regular email editor and the pre-made layouts provide ample resources to format text, namely:

Most noteworthy of mention are substitution tags. If you don't know already, a substitution tag is essentially a code that stands for a specific piece of information, like a surname, a programme name or a phone number, amongst others – so when you need to send a personalised mass e-mail, just add the right substitution tags where in the text the data should go and the tags will be automatically replaced upon dispatch with the personal details of each individual recipient within the audience segment. Thus, your campaign will appear like a one-to-one email to every addressee. 😮 For instance:

As such, just click the button Insert substitution tag to the right of the toolbox to access your school's substitution tags and select one or more to apply. 😄

Why do images look bad?

Images are typically degraded when they are uploaded. To easily offset quality loss, we strongly recommend the usage of high-quality images on your email templates. This should result in minimal or even imperceptible changes in image quality when the originals are uploaded onto FULL FABRIC. 🎀


PUBLISHED: March 28, 2019
LAST UPDATED: January 15, 2021 at 9:39 a.m.

Did this answer your question?