Base
Alpaco is much more than a email builder, HTML or CSS, it's a way to systemize and manage your brand, design rules, data-integrations, languages, all those small details needed for an email template.
Last updated
Alpaco is much more than a email builder, HTML or CSS, it's a way to systemize and manage your brand, design rules, data-integrations, languages, all those small details needed for an email template.
Last updated
A template consist of the following elements:
A Template
A series of
A series of
When , the user first selects the name and which Template to use for that particular email. All the options, settings, design and are all contained and confined within that template. The design rules are based on the universal language and opens up for immense possibilities.
It's within and between the and these , design-rules, data-rules and others are defined.
The Template Editor is divided into 3 panels:
Center panel - this is where HTML, CSS and Liquid rules are inserted and highlighted.
The Base will always be found in the Left panel at the top.
Click the Base in the Left panel.
Insert your entire template code into the Center panel.
In the Right panel, Give the Base a compelling name, and a key, like "template", "foundation" or simply "base".
Referencing your variables any places is done by the following prefix:
The Global tab is excellent at managing any sort of brand defining settings like fonts, font-size, colors, margins, paddings and others that are repeated throughout your template.
Left panel - is a menu where you can navigate between the and . By Clicking the + button here you create a new .
Right panel - this is where all are chosen, named, grouped and configured. From here you can insert different inputs like images, text, links and similar values.
The Base is the foundation of the Template. Think of it as the foundation or the wrapper, from which users can insert into. The Base consist of HTML/CSS and usually contains tags like <html> and <head> but also usually things shared across emails (such as a header with logo or a footer with social links).
Scroll down into the template code in the Center panel and locate where, you in a moment, want to insert . There you must insert the following Liquid tag {{ blocks }}.
The global tab, found under the Base, is a tab created solely for global rules and styles to be used across Base and governed from a centralized place.
The tab allows for formatted objects and does not come with any options for inputs. It's a developer-only list of objects to quickly control multiple values across the template.
