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! 👩🎤
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:
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.
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, YouTube videos 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) Embed a YouTube video: this one is a special hidden feature. To embed a YouTube video onto the email, just follow these three steps:
1️⃣ Add a new Text section
2️⃣ Open the YouTube video you wish to embed, click SHARE and then COPY to obtain the URL
3️⃣ Back in FULL FABRIC, tap the Edit button inside the new section you created, paste the URL and the video will automatically be embedded; afterward, hit Save to confirm the change and exit the window
d) 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. 🎨
e) Choose a BACKGROUND COLOUR: Can be white, light grey or dark grey.
f) 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: May 12, 2020 at 5:36 p.m.