Create A Custom Template

Create a Custom Template
Use your own HTML in MailChimp to create templates you can store and
reuse for futurecampaigns. Custom templates are an advanced feature
and are recommended for users familiar with custom coding, or who
work with or have access to a developer.
There are a few ways to create custom templates in MailChimp. Below,
you'll learn how to import your template via HTML or ZIP file and
customize your template in MailChimp.
Create Your Template

There are two ways to import custom templates. Below, you'll learn how
to paste in your custom HTML and how to upload your HTML or ZIP file
from your computer.
Paste in HTML
Upload HTML or ZIP File
Paste in HTML
To create a template by pasting in your own HTML, follow the steps
below.
1.
Navigate to the Templates page.
2.
Click Create Template.
3.
On the Code Your Own tab, select Paste in code.
4.
On the Edit Code screen, replace or edit the example code, and
click Save at the bottom of the editing pane.
Upload HTML or ZIP File

To create a template by uploading a ZIP or HTML file from your computer,
follow the steps below.
1.
Navigate to the Templates page.
2.
Click Create Template.
3.
On the Code Your Own tab, select Import HTML or Import ZIP to
upload a file from your computer.
4.
Click Browse and choose your HTML or ZIP file.
5.
Name your template, and click Upload.
After the file is uploaded, you'll find it on the Templates page and on
the Templates step of the Campaign Builder. Review our troubleshooting
tips if you run into problems with your ZIP file.
Customize Your Template

After you've created your template, make further changes to your design
on the Edit Codetab.
If you coded your template with MailChimp's Template Language, which

creates editable styles, you can tweak your design on the Edit
Design tab.
Insert Images and Files in Your Template
Include any images and documents that should appear in campaigns you
build with your custom template, such as logos or fact sheets. To add
hosted files to your template, follow the steps below.
1.
Navigate to the Edit Code pane in your Code Your Own template.
2.
Click the File Manager button.
3.
Locate the image or file you want to place in your template
or upload a new file, then clickCopy URL.
The source URL of your image or file is copied to your clipboard,
4.
and the File Managercloses.

Paste the source URL into the link or image tag where you want
5.
the file to use the file, and click Save.

Preview and test your new template to be sure everything appears as it
should before you send to your subscribers.
Technical Support 30 days remaining

If you have questions about your account, contact our support team.
Email Us
Campaigns
Create
Campaign
Folders
Filter
Export as CSV
Untitled
Regular
Edited on Jul 29, 2015 12:08 pm
Edi
t
Curso Siaf
Regular trasmarc sac Test List
Sent on Tue, Jul 28, 2015 12:58 pm
1
Subscribers
100.0%
Opens
0.0%
Clicks
View
Report
Curso Siga
Regular trasmarc sac Test List
Sent on Tue, Jul 28, 2015 12:45 pm
1
Subscribers
100.0%
Opens
0.0%
Clicks
View
Report
Crear una plantilla HTML personalizada
Actualizado: 06/11/2015
Copy article URL
Esta funcin requiere un usario de nivel Manager o ms alto.

Crea, personaliza, reutiliza y comparte plantillas en MailChimp y utiliza
nuestro lenguaje de plantilla en tu HTML personalizado para crear reas
de contenido editables y repetibles. Esta es una buena opcin para que
los diseadores creen diseos personalizados y flexibles sin que sus
clientes tengan que saber mucho sobre HTML y CSS. A continuacin,
aprenders cmo importar y personalizar tu plantilla en MailChimp, as
como la forma de insertar tus imgenes y archivos.
Importa tu plantilla
1.
Ve a la pgina Templates (Plantillas).
2.
Haz clic en el botn Create Template (Crear Plantilla).
3.
Haz clic en la pestaa Code Your Own (Programa tu propia
plantilla).
4.
En la pgina Code Your Own (Programa tu propia
plantilla), elige Paste in Code (Pegar cdigo), Import HTML (Importar

HTML), o Import ZIP (Importar ZIP).
Elige entre las siguientes opciones: Paste in code (Pegar cdigo) para
pegar el HTML de la plantilla en MailChimp desde otra fuente o Importar
HTML o Importar ZIP para elegir un archivo de tu computadora para

subir.
Despus de importar la plantilla, se te dirigir a la pantalla Edit Code

(Editar cdigo).
Personaliza tu plantilla
Una vez que hayas subido tu plantilla, puedes modificar el cdigo en la
pgina Edit Code (Editar Cdigo). Si el cdigo de la plantilla incluye el
lenguaje de plantilla de MailChimp, tambin puedes utilizar herramientas
de diseo familiares de MailChimp para personalizar la apariencia de tu
plantilla en la pantalla Edit Design (Editar diseo).
Insertar archivos en tu plantilla

Si tienes documentos o imgenes que deseas utilizar en varias
campaas, puedes codificarlos rpidamente en tus plantillas utilizando
el File Manager (Administrador de archivos).
1.
Ve al panel Edit Code (Editar cdigo) en la seccin Code Your Own
(Programa tu propia plantilla).

2.
Haz clic en el botn File Manager (Administrador de archivos).
3.
Busca la imagen o archivo que deseas encastrar o vincular en tu
plantilla. Haz clic enCopy URL (Copiar URL).

4.
La URL fuente de tu imagen o archivo se copia en el portapapeles,
y el File Manager (Administrador de archivos) se cierra.

5.
Pega la URL fuente en la etiqueta donde deseas que se use el
archivo.
Tambin puedes hacer un montn de otras cosas interesantes, como
cambiar todas las tipgorafas predeterminadas, los colores de fondo
bsicamente cualquier cosa que desees. Si ests diseando una plantilla
con estilo de comercio electrnico con una cuadrcula o matriz de
productos, puedes configurarla con marcadores de posicin para grficos
y texto, y luego hacer toda la seccin repetible.
Sugerencias
Etiquetado
HTML
Artculos relacionados
Introduccin al Lenguaje de Plantilla de MailChimp
Crear estilos editables con el lenguaje de plantilla de MailChimp
Crear reas de contenido editable con el lenguaje de plantillas de
MailChimp
Repeatable or Variable Content Blocks
Servicio tcnico
Si tienes preguntas acerca de tu cuenta, enva un email a nuestro equipo
de soporte.
Chat With UsEnvenos un email
Principio de pgina
2001-2014 Derechos Reservados. MailChimp es una marca registrada de The
Rocket Science Group.
MailChi
Introduccin al Lenguaje de Plantilla de

MailChimp
Actualizado: 06/05/2015
Copy article URL
Al crear plantillas de correo electrnico personalizadas con el lenguaje de

plantilla de correo electrnico de MailChimp, hay algunas pautas bsicas
que debes seguir. Estas pautas tienen por objeto servir de base para las
mejores prcticas al utilizar el lenguaje de plantilla de MailChimp.
Aplicacin de Estilos CSS

Los diseos de correo electrnico no deben ser ms anchos que 600
pxeles para permitir la visualizacin correcta en diversos clientes de
correo electrnico. La pgina de Soporte CSS en Aplicaciones de Correo
Electrnico (Email Client CSS Support) en nuestra Referencia de Plantilla
(Email Template Reference) proporciona una lista exhaustiva de los
estilos CSS compatibles para diferentes tipos de clientes de correo
electrnico.
Como regla general, evita el uso de la siguiente CSS en tus plantillas:
Flotantes
Posicionamiento
Imgenes de fondo (no funcionan en Microsoft Outlook o en Gmail)
Recuerda configurar la declaracin de @theme en tu CSS para el fondo

de pgina, encabezado, pie de pgina, y espacio de contenido para que
las plantillas se pueden personalizar rpidamente con los temas de color
de MailChimp. Consulta el artculoEstilos de Plantilla para conocer la
sintaxis correcta de los nombres que se pueden utilizar.
Secciones Editables
Limite el nmero de espacios editables en la plantilla para mantener las
cosas simples y nombra a todos los espacios editables de forma
consistente. El nombre que asignas a travs de mc:edit=" nombre" se
utiliza para crear un campo en la base de datos para almacenar
contenido nico. Si cambias las plantillas despus de escribir el
contenido, podras perder la copia si los nombres de espacios editables
no son consistentes. Utiliza las siguientes convenciones para las reas de
contenido comunes. Ver ms ejemplos.
mc:edit="header" se utiliza para denominar el encabezado de tu
correo electrnico.
mc:edit="header_image" se utiliza para denominar una imagen
editable del encabezado.
mc:edit="sidecolumn" se utiliza para denominar una columna
izquierda o derecha editable.
mc:edit="body" se utiliza para denominar el espacio del
contenido principal de tu correo electrnico.
mc:edit="footer" se utiliza para denominar el pie de pgina de
tu correo electrnico.
No debes colocar imgenes editables en un lugar de contenido editable.
Si estas editando secciones ocultables en el Constructor de Campaa
(Campaign Builder) mediante el botn Remove (Eliminar) en tu plantilla,
por favor ten en cuenta que la seccin no desaparecer en la pantalla
del editor, sino que aparecer desvanecida como un marcador de
posicin en caso de que decidas utilizar el espacio. Esa seccin no
aparecer en la campaa que has enviado. Para ver una vista previa de
la campaa, haz clic en Preview and Test (Prever y probar) y luego haz
clic en Preview Mode (Modo de vista preliminar).
Los botones Remove (Eliminar) y Hide this section (Ocultar esta
seccin) no ofrecen la misma funcionalidad en el editor de plantilla
(template editor). De hecho, en realidad no podrs eliminar nada
mientras ests trabajando en el editor de plantilla (template editor). Si
tienes que hacer cambios como ese, te sugerimos que trabajes en el
Constructor de Campaa (Campaign Builder).
Etiquetas Merge (Merge Tags)

Debes ser creativo con el uso de las etiquetas merge.
Usa etiquetas merge para proporcionar a tus suscriptores nuevas
formas de conectarse contigo por Facebook y Twitter y compartir

fcilmente tu contenido.
Utilice la etiqueta merge de la tabla de contenido ( *|MC:TOC|*)
para crear una lista automtica de enlaces para <h1> y </h1><h2>

encabezados en un correo electrnico. </h2>
Puede consultar las Etiquetas merge para tu pie de pgina para
obtener una visin rpida de las etiquetas merge que puedes incluir.
Siempre incluye la informacin CAN-SPAM requerida en el pie de pgina.
De lo contrario, tu campaa podra ser rechazada. Estas etiquetas
requeridas tambin se observan bajoEtiquetas merge para tu pie de
pgina.
*|UNSUB|*
*|LIST:DESCRIPTION|*
*|LIST:ADDRESS|*
Enlaces Externos
Al utilizar enlaces dentro de tu correo electrnico, incluye el
atributo target="_ blank" en tus elementos de anclaje para garantizar
que abran una nueva pestaa o ventana del navegador cuando los
correos electrnicos los ven lo clientes de correo electrnico basados en
un navegador. Haz un esfuerzo por incluir estos enlaces tiles en tu
correo electrnico:
Un enlace para que los usuarios actualicen sus preferencias de
suscripcin:
<a href="*|UPDATE_PROFILE|*" shape="rect" target="_blank">cambiar
las preferencias de suscripcin</a>
Un enlace para permitir a los usuarios que vean el correo
electrnico en un navegador:
<a href="*|ARCHIVE|*" shape="rect" target="_blank">ver este correo
electrnico en un navegador. </a>
Un enlace para tu sitio web:
<a href="*|LIST:URL|*" shape="rect" target="_blank">visita nuestro sitio

web </a>
Un enlace para permitir a los usuarios reenviar el correo
electrnico a un amigo, por lo general algn lugar prominente:
<a href="*|FORWARD|*" shape="rect" target="_blank">Reenviar a un

amigo </a>
(Es una buena idea hacer un tratamiento de botn tranquilo para ello,
cuando sea posible, para fomentar el intercambio!)
Pruebas
Prueba tus plantillas mediante la creacin de una campaa y luego
personalizando la plantilla. Esta prueba de esfuerzo puede ayudarte a
asegurarte de que la plantilla funcionar bien para otras personas que
pudieran estar utilizndola en diferentes situaciones. Tambin puedes
encontrar ejemplos y tutoriales sobre la construccin de plantillas en la
web.
Enlaces Rpidos
Idioma de plantilla: creacin de estilos de plantilla editables
Idioma de plantilla: creacin de reas de contenido editable
Idioma de plantilla: trabajar con selectores de variantes
Codifica tus propias plantillas
Sugerencias
Web typography
From Wikipedia, the free encyclopedia
Web fonts allow Web designers to use fonts that are not installed on the viewer's computer.
Web typography refers to the use of fonts on the World Wide Web. When HTML was first
created, font faces and styles were controlled exclusively by the settings of each Web
browser. There was no mechanism for individual Web pages to control font display
until Netscape introduced the <font> tag in 1995, which was then standardized in the
HTML 2 specification. However, the font specified by the tag had to be installed on the
user's computer or a fallback font, such as a browser's default sansserif or monospacefont, would be used. The first Cascading Style Sheets specification was
published in 1996 and provided the same capabilities.
The CSS2 specification was released in 1998 and attempted to improve the font selection
process by adding font matching, synthesis and download. These techniques did not gain
much use, and were removed in the CSS2.1 specification. However, Internet
Exploreradded support for the font downloading feature in version 4.0, released in 1997.
[1] Font downloading was later included in the CSS3 fonts module, and has since been
implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently
increased interest in Web typography, as well as the usage of font downloading.
Contents
[hide]
1 CSS1
1.1 Web-safe fonts
1.2 Microsoft's Core fonts for the Web
1.3 Fallback fonts
1.4 Generic font families

2 Web fonts
2.1 History
2.2 File formats
2.2.1 TrueDoc
2.2.2 Embedded OpenType
2.2.3 Scalable Vector Graphics
2.2.4 Scalable Vector Graphics Fonts
2.2.5 TrueType/OpenType
2.2.6 Web Open Font Format
3 Unicode fonts
4 Alternatives
5 Practical considerations
6 See also
7 Notes
8 References
9 External links
CSS1[edit]
In the first CSS specification,[2] authors specified font characteristics via a series of
properties:
font-family
font-style
font-variant
font-weight
font-size
All fonts were identified solely by name. Beyond the properties mentioned above, designers
had no way to style fonts, and no mechanism existed to select fonts not present on the
client system.
Web-safe fonts[edit]
Web-safe fonts are fonts likely to be present on a wide range of computer systems, and
used by Web content authors to increase the likelihood that content displays in their chosen
font. If a visitor to a Web site does not have the specified font, their browser tries to select a
similar alternative, based on the author-specified fallback fonts and generic families or it
uses font substitution defined in the visitor's operating system.
Microsoft's Core fonts for the Web[edit]
Since being released under Microsoft'sCore fonts for the Web program, Arial, Georgia, and Verdana
have become three de facto fonts of the Web.
Main article: Core fonts for the Web

To ensure that all Web users had a basic set of fonts, Microsoft started the Core fonts for
the Web initiative in 1996 (terminated in 2002). Released fonts include Arial, Courier
New, Times New Roman, Comic Sans, Impact, Georgia, Trebuchet, Webdings andVerdana
under an EULA that made them freely distributable but also limited some usage rights.
Their high penetration rate has made them a staple for Web designers. However, most
linux distributions don't include these fonts by default.
CSS2 attempted to increase the tools available to Web developers by adding font
synthesis, improved font matching and the ability to download remote fonts. [3]
Some CSS2 font properties were removed from CSS2.1 and later included in CSS3. [4][5]
Fallback fonts[edit]
Main article: Fallback font
The CSS specification allows for multiple fonts to be listed as fallback fonts. [6] In CSS,
the font-family property accepts a list of comma-separated font faces to use, like so:
font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial,
sans-serif;
The first font specified is the preferred font. If this font is not available, the Web browser
attempts to use the next font in the list. If none of the fonts specified are found, the browser
displays its default font. This same process also happens on a per-character basis if the
browser tries to display a character not present in the specified font.
Generic font families[edit]

To give Web designers some control over the appearance of fonts on their Web pages,
even when the specified fonts are not available, the CSS specification allows the use of
several generic font families. These families are designed to split fonts into several
categories based on their general appearance. They are commonly specified as the last in
a series of fallback fonts, as a last resort in the event that none of the fonts specified by the
author are available. There are five generic families:[6]
Sans-serif
Fonts that do not have decorative markings, or serifs, on their letters. These fonts
are often considered easier to read on screens.[7]
Serif
Fonts that have decorative markings, or serifs, present on their characters.
Monospace
Fonts in which all characters are equally wide.
Cursive
Fonts that resemble cursive writing. These fonts may have a decorative
appearance, but they can be difficult to read at small sizes, so they are generally
used sparingly.
Fantasy
Fonts that may contain symbols or other decorative properties, but still represent
the specified character.
Web fonts[edit]
History[edit]
A technique to download remote fonts was first specified in the CSS2
specification, which introduced the @font-face rule.
It was (and remains[8]) controversial because using a remote font as
part of a Web page allows the font to be freely downloaded. This could
result in fonts being used against the terms of their license or illegally
spread through the Web. TrueDoc (PFR), Embedded OpenType (EOT)
and Web Open Font Format (WOFF) are formats designed to address
these issues.
Since the introduction of Internet Explorer 4, font embedding
employing EOT has been used mainly for displaying characters
in writing systems that are not supported by default fonts. Use on
English-language Web sites was virtually non-existent. With the
releases of Firefox 3.5, Opera 10 and Safari 3.1, usage employing
other formats is expected to increase.
File formats[edit]
Main article: Comparison of layout engines (Web Typography)
By using a specific CSS @font-face embedding technique[9] it is
possible to embed fonts such that they work with IE4+, Firefox 3.5+,
Safari 3.1+, Opera 10+ and Chrome 4.0+. This allows the vast majority
of Web users to access this functionality. Some commercial foundries
object to the redistribution of their fonts. For example, Hoefler & Frere-
Jonessays that, while they "...enthusiastically [support] the emergence

of a more expressive Web in which designers can safely and reliably
use high-quality fonts online," the current delivery of fonts
using @font-face is considered "illegal distribution" by the foundry
and is not permitted.[10] Instead, Hoefler & Co. offer a proprietary font
delivery system rooted in the cloud. Many other commercial type
foundries address the redistribution of their fonts by offering a specific
license, known as a web font license, which permits the use of the font
software to display content on the web, a usage normally prohibited by
basic desktop licensed. Naturally this does not interfere with fonts and
foundries under free licences.[m 1]
TrueDoc[edit]
Bitstream developed TrueDoc, the first standard for embedding fonts.
TrueDoc was natively supported in Netscape Navigator 4, but was
discontinued in Netscape Navigator 6 and Mozilla, because Netscape
could not release Bitstream's source code. A WebFont Player plugin
was available for Internet Explorer, but the technology had to compete
against Microsoft's Embedded OpenType fonts, natively supported
since version 4.0.
Embedded OpenType[edit]
Internet Explorer has supported font embedding through the
proprietary Embedded OpenType standard since version 4.0. It
uses digital rights management techniques to help prevent fonts from
being copied and used without a license. A simplified subset of EOT
has been formalized under the name of CWT (Compatibility Web Type,
formerly EOT-Lite)[11]
Scalable Vector Graphics[edit]
Web typography applies to SVG in two ways:
1.
All versions of the SVG 1.1 specification, including
the SVGT subset, define a font module allowing the creation
of fonts within an SVG document. Safari introduced support
for many of these properties in version 3. Opera added
preliminary support in version 8.0, with support for more
properties in 9.0.
2.
The SVG specification lets CSS apply to SVG
documents in a similar manner to HTML documents, and
the @font-face rule can be applied to text in SVG
documents. Opera added support for this in version 10,
[12] and WebKit since version 325 also supports this method
using SVG fonts only.
Scalable Vector Graphics Fonts[edit]
SVG fonts is a W3C standard of fonts using SVG graphic that is now a
subset of OpenType fonts.[13] This allows multicolor[14] or animated
fonts.[15] It was first a subset of SVG 1.1 specifications [16] The SVG fonts
as independent format is supported by most browsers apart from IE
and Firefox, and is deprecated in Chrome (and Chromium). [17] That's
now generally deprecated; the standard that most browser vendor
agreed with is SVG font subset included in OpenType (and then
WOFF superset, see below), calledSVGOpenTypeFonts.[18] Firefox has
supported SVG OpenType since Firefox 26. All major browsers should
comply soon.[19]
TrueType/OpenType[edit]
Main articles: TrueType and OpenType
Linking to industry-standard TrueType (TTF) and OpenType (TTF/OTF)
fonts are supported by Mozilla Firefox 3.5+, Opera 10+, [20] Safari 3.1+,
[21] Google Chrome 4.0+. [22]Internet Explorer 9+ supports only those
fonts with embedding permissions set to installable.[23]
Web Open Font Format[edit]
Main article: Web Open Font Format
WOFF has been supported by Mozilla Firefox 3.6+,[24] Google
Chrome 5+,[25][26] Opera Presto,[27] and is supported by Internet Explorer
9 (since March 14, 2011).[28] Support is available on Mac OS X
Lion's Safari from release 5.1.
Unicode fonts[edit]
Only two fonts available by default on the Windows platform, Microsoft
Sans Serif and Lucida Sans Unicode, provide a
wide Unicode character repertoire. A bug in Verdana (and the different
handling of it by various user agents) hinders its usability
where combining characters are desired.
Alternatives[edit]
A common hurdle in Web design is the design of mockups that include
fonts that are not Web-safe. There are a number of solutions for
situations like this. One common solution is to replace the text with a
similar Web-safe font or use a series of similar-looking fallback fonts.
Another technique is image replacement. This practice involves
overlaying text with an image containing the same text written in the
desired font. This is good for aesthetic purposes, but prevents text
selection, increases bandwidth use, and is bad for search engine
optimization.
Also common is the use of Flash-based solutions such as sIFR. This is
similar to image replacement techniques, though the text is selectable
and rendered as a vector. However, this method requires the presence
of a proprietary plugin on a client's system.
Another solution is using Javascript to replace the text with VML (for
Internet Explorer) or SVG (for all other browsers).[29]
Font hosting services allow users to pay a subscription to host nonWeb-safe fonts online. Most services host the font for the user and
provide the necessary @font-face CSS declaration.
An example of a CSS @font-face setup:
@charset "utf-8";
@font-face {
font-family: 'Journal';
src: url('http://yourown.site/fonts/journal/journal.woff')
format('woff'),
url('http://yourown.site/fonts/journal/journal.svg#Journal')
format('svg'),
url('http://yourown.site/fonts/journal/journal.ttf')
format('truetype'),
url('http://yourown.site/fonts/journal/journal.eot'),
url('http://yourown.site/fonts/journal/journal.eot?#iefix')
format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
Practical considerations[edit]
This section requires expansion.
(August 2014)
In practice, it matters not only what web browser the audience is using
but also how their operating system is configured. In 2010, type
designer and consultant Thomas Phinney (Vice President
of FontLab and formerly with Adobe[30]) wrote a step-by-step process
for finding the best rendering solution, whichmore or less jokingly
uses a large number of goto statements.[31] A more visually
oriented flow chart was posted in the same year on
the Typophile forum by Miha Zajec.[32]
See also[edit]
Scalable Inman Flash Replacement
List of RFC as mentioned in WOFF (draft of 2009-10-23):
RFC 1950 ZLIB Compressed Data Format

Specification
RFC 2119 Key words for use in RFCs to Indicate

Requirement Levels
RFC 4647 Matching of Language Tags
Notes[edit]
1.
Jump up^ See Open-source typefaces and Free software

Unicode typefaces listings for such fonts.
References[edit]
1.
Jump up^ Garaffa, Dave (2 September 1997). "Embedded

Fonts In Microsoft IE4pr2".Internet.com. Archived from the original on
8 July 1998.
2.
Jump up^ Cascading Style Sheets, level 1, W3C, 1996-12-
17
3.
Jump up^ "Fonts", Cascading Style Sheets, level 2:CSS2

Specification (World Wide Web Consortium), 1998-05-12,
retrieved 2009-07-28
4.
Jump up^ CSS2.1 Changes C.2.97 Chapter 15

Fonts, World Wide Web Consortium, retrieved2010-01-30
5.
Jump up^ CSS3 module: Web Fonts, World Wide Web

Consortium, retrieved 2010-01-30
6.
^ Jump up to:a b "CSS2 specification", Fonts (World Wide

Web Consortium)
7.
Jump up^ Poole, Alex (2005-04-07), Which Are More

Legible: Serif or Sans Serif Typefaces?, retrieved 2010-01-30
8.
Jump up^ Hill, Bill (2008-07-21), Font Embedding on the

Web, Microsoft
9.
Jump up^ Kimler, Scott Thomas (2009-07-04), xBrowser

Fonts Expand Your Font Palette Using CSS3, retrieved 2010-0205
10.
Jump up^ Wubben, Mark (February 27, 2009). "Geek Meet:

Web Typography and sIFR 3 - Slide 15 and 16". SlideShare.
Retrieved 17 March 2010.
11.
Jump up^ Daggett, John (2009-07-31), EOT-Lite File

Format v.1.1, World Wide Web Consortium, retrieved 2010-01-30
12.
Jump up^ Mills, Chris (2008-12-04), Opera Presto 2.2 and

Opera 10 a first look, Opera Software, retrieved 2010-01-30
13.
Jump up^ SVG in OpenType, W3C, retrieved 2014-09-20
14.
Jump up^ Colorful typography on the web: get ready for

multicolor fonts, Pixel Ambacht, retrieved 2014-09-20
15.
Jump up^ Anymated Glyph Example, people.Mozilla,

16.
Jump up^ Fonts, W3C, retrieved 2014-09-20
17.
Jump up^ Can I Use SVG fonts, CanIuse, retrieved 2014-
09-20
18.
Jump up^ SVGOpenTypeFonts, Mozilla, retrieved 2014-09-
20
19.
Jump up^ The CSS Corner: Better Web Typography For

Better Design, Microsoft, retrieved2014-09-20
20.
Jump up^ Mills, Chris (2008-12-04), Opera Presto 2.2 and

Opera 10 a first look, Opera Developer Community,
21.
Jump up^ Marsal, Katie (2008-02-07), Apple's Safari 3.1 to

support downloadable web fonts, more, AppleInsider, retrieved 201002-05
22.
Jump up^ Irish, Paul (2010-01-25), Chrome and @fontface: It's here!
23.
Jump up^ Galineau, Sylvain (2010-07-15), The CSS

Corner: Better Web Typography For Better Design, Microsoft
24.
Jump up^ Shapiro, Melissa (2009-10-20), Mozilla Supports

Web Open Font Format, Mozilla, retrieved 2010-02-05
25.
Jump up^ Gilbertson, Scott (2010-04-26), Google Chrome

to Support the Web Open Font Format, webmonkey
26.
Jump up^ Bug 38217 - [chromium] Add WOFF support,
WebKit
27.
Jump up^ Web specifications support in Opera Presto 2.7,
Opera
28.
Jump up^ Galineau, Sylvain (2010-04-23), Meet WOFF,

The Standard Web Font Format, Microsoft
29.
Jump up^ About Cufon
30.
Jump up^ http://www.adobe.com/products/type/fontdesigners/thomas-phinney.html
31.
Jump up^ Thomas Phinney (October 13, 2010) Font

rendering in web browsers: a find-your-font adventure
32.
Jump up^ http://typophile.com/node/70216 as cited by
Phinney
External links[edit]
This article's use of external links may not
follow Wikipedia's policies or
guidelines. Please improve this article by
removing excessive or inappropriate external
links, and converting useful links where
appropriate into footnote references.(February
2013)
Wikiversity has learning

materials about Web
Design
Wikimedia Commons has

media related to Web design.
CSS @ Ten: The Next Big Thing (By Hkon Wium Lie)
(In A List Apart)
W3C Working Draft for CSS Fonts
Alberto Martinez Perez (2008-06-03). "Common fonts to all

versions of Windows & Mac equivalents". Retrieved 2010-06-29.
Font Descriptions and @font-face
Font embedding for the Web
Hkon Wium Lie (2006-06-19). "Microsoft's forgotten

monopoly". CNET News. CNET Networks. Retrieved 2010-06-29.
M+ Web Fonts (How to use M+ Fonts in web) (in English)
Using custom fonts in your web pages
[h
Typography
Page
Canons of page construction
Column
Margin
Page numbering
Pagination
Pull quote
Recto and verso
Alignment
Justification
Leading
River
Sentence spacing
Widows and orphans
Paragraph
Typeface anatomy
Character
Counter
Diacritics
Dingbat
Glyph
Initial
Kerning
Letter-spacing
Ligature
Subscript and superscript
Swash
Text figures
Tittle
All caps
CamelCase
Letter case
Petite caps
Small caps
Ascender
Baseline
Cap height
Descender
Median
Overshoot
x-height
Antiqua (Old Style)
Didone (Modern)
Sans-serif
Script
Serif
Slab serif
Transitional
Fraktur
Rotunda
Schwabacher
Textualis
Capitalization
Vertical aspects
Roman type
Classifications
Blackletter type
Gaelic type
Punctuation
Angular
Uncial
Dashes
Hanging punctuation
Hyphenation
Prime mark
Quotation mark
Calligraphy
etaoin shrdlu
Font
Typesetting
computer
monospaced
Font catalog
Letterpress
Lorem ipsum
Microtypography
Movable type
Pangram
Phototypesetting
Punchcutting
Type color
Type design
Typeface
list
Typographic units
Agate
Cicero
Em
En
Figure space
Measure
Paren space
Pica
Point
traditional point-size names
Thin space
Character encoding
Font formats
Hinting
Rasterization
Typesetting software
Typographic features
Web typography
Style guide
Type foundry
Digital typography
Related
Categories:
Digital typography
Web design
World Wide Web
Template Language
Although you dont have to use it in order to send emails with
MailChimp, our template language is a powerful, easy way to code
your own email templates that are reusable and editable from within
the application.
Creating Editable Areas

mc:edit
mc:edit is used to provide a content-editing action for a
particular element within a template.
Adding mc:edit="$unique_name" to an HTML element allows

you to add content or code from within the MailChimp campaign
editor.
The name used in mc:edit must be unique.
mc:edit="" should be used on a div, table cell, or any other

element that can be considered a container.
mc:edit should be placed on an <img> element. This will allow

the app to call up an image upload and editing dialogue.
The name you assign via mc:edit="$unique_name" is used to

create a field in the database to store the users content. If the user
switches templates after writing content, they could lose their copy if
the editable space names arent consistent. The following naming
conventions are a good rule of thumb for common content areas:
mc:edit="header" Use this to name your email

header.
mc:edit="header_image" Use this to name an editable

header image.
mc:edit="sidebar" Use this to name an editable leftor right-side column.
mc:edit="body" Use this to name the main content

space of your email.
mc:edit="footer" Use this to name your email footer.
A few things to watch out for when using mc:edit to create

editable areas:
You shouldnt nest editable elements within other editable

elements.
You shouldnt place editable images within an editable

content container.
Any content added within an editable window is tied to

the name used in the mc:edit tag. If you change the name after
saving the content to a template, youll lose the content.
mc:hideable
mc:hideable is used to provide a hide/show action for a
Syntax: mc:hideable
Use mc:hideable on any HTML element
Avoid placing the mc:hideable tag on an element that already

has an mc:repeatable tag.
When an element is hidden, it will not be visible when the email

is sent from MailChimp.
There are no restrictions on the use of mc:hideable. Any

element can be hidden.
Theres no need to add a namespace to the mc:hideable tag

(IE: mc:hideable=$name)
If youre editing hideable sections in the campaign builder using

your templates remove button, note that the section wont disappear
in the editor screen. The section you want to remove will fade, but
remainjust in case you change your mind and want to use the
space. However, when you send out your email, the section you have
removed wont appear in your campaign. You can preview this
change by clicking on popup preview.
The remove and hide section buttons dont offer the same
functionality in the template editor. In fact, you cant actually remove
anything while working in the template editor. If you need to make
changes like that, we suggest you work in the campaign builder
instead.
mc:repeatable
mc:repeatable is used to provide a duplication action for a
Syntax: mc:repeatable
Use mc:repeatable on any HTML element
mc:repeatable elements can be nested within each other, but

use care if youre going to do this. We dont encourage this use.
mc:label
mc:label is an optional tag used to name an editable section
within the application.
Syntax: mc:label=header_image
Use mc:label on any mc:edit element
If no mc:label name is specified, the app will use the name

from the mc:edit tag instead.
mc:variant
mc:variant is used to provide a way to switch between discrete
blocks of HTML.
mc:variant must be used in conjunction with mc:repeatable.
Syntax: mc:repeatable=product mc:variant=content with left

image
Use mc:variant on any discrete HTML elements you wish to

switch between
mc:variant blocks should not be nested within each other.
mc:variant blocks must be adjacent to each other in HTML:


<table border="0" cellpadding="0" cellspacing="0"
width="100%" mc:repeatable="image_with_content"
mc:variant="content with left image">
<tr>
<td align="center" valign="top">
<img src="..." mc:edit="left_image" />
</td>
<td valign="top">
<div mc:edit="right_content">
<h4 class="h4">Heading 4</h4>
Lorem ipsum dolor sit amet.
</div>
</td>
</tr>
</table>


mc:variant="content with right image">
<tr>
<td valign="top">
<div mc:edit="left_content">
</div>
</td>
<img src="..." mc:edit="right_image" />
</td>
</tr>
</table>

Defining Editable CSS

Style Declaration Block
Style declaration blocks share a basic structure regardless of the
element style targeted. In this example, H1 tag styling is declared:
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in
your emails.
* @style heading 1
*/
h1{
/*@editable*/ color:#202020 !important;
display:block;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:34px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ text-align:left;
}
Each editable CSS ruleset opens with the declaration block:
/**
* @tab Page
your emails.
* @style heading 1
*/
@tab defines a tab under which you can organize several

editable styles. Its best used for high-level groups like header,
sidebar, or footer. @tab is required.
@section defines a subsection within a tab. Its best used for

narrow-focus groups such as body content, footer links, or
background colors. @section can encompass styles from several
different elements or areas (@section body, for example, can have
styles for the background color of the table, along with text and link
styles.) @section is optional, but highly recommended.
@tip allows for a tooltip to show when the tab for its section
is selected. @tip is optional.
@style allows you to add a rulesets styles to the drop-down

menu in the campaign text editor window. This facilitates the quick
application of specific CSS to any selected text. @style should only be
used on text styles. @style is optional.
Each editable CSS property is preceded by the @editable declaration:
h1{
display:block;
}
@editable is required on each style intended to be edited in
MailChimps campaign builder.
Basic Merge Tags

Merge Tags for Campaigns
Use the merge tags in this section in any type of MailChimp campaign
(Regular Ol', Plain-Text, A/B Split, and RSS-Driven).
*|ARCHIVE|*
Pulls in the link to your campaign archive page.
*|CAMPAIGN_UID|*
Displays the unique id parameter from your campaign archive url.
*|REWARDS|*
Adds the MonkeyRewards badge to your campaign.
*|REWARDS_TEXT|*
Adds a text-only version of the Rewards link.
*|MC:TRANSLATE|*
Inserts links to translate your campaign archive into different
languages.
*|TRANSLATE:XX|*
Adds links for translating your campaign archive from one
language, XX. All other available languages will be listed for your
subscribers to choose from.
*|MC_LANGUAGE|*
Displays the language code for a particular subscriber. For example, if
your subscribers language is set to English, the merge tag output will
display the code en. Use this merge tag to show conditional content
based on subscribers' language settings.
*|MC_LANGUAGE_LABEL|*
Displays the language for a particular subscriber. All language labels
appear in English. For example, if your subscribers language is set to
German it will appear as German instead of Deutsch.
*|COMMENTS_URL|*
Populates the URL for Facebook comments on your campaign archive
page.
*|DATE:|*
Displays the campaign send time or displays the current time if the
campaign is still in Draft status. Date information displays based
based on your settings under Account > My Defaults > Date Format.
Use *|DATE:FORMAT|* to show the current date in a given format. For
example, *|DATE:d/m/y|*where d is replaced by the day, m by the
month, and y by the year. View a full reference of date options on the
PHP website. Not available for Autoresponders.
*|LIST:RECENTX|*
Displays a list of links for your recent campaign archive pages.
Campaigns listed are based on the list youve chosen on the
Recipients step of the Campaign Builder. X is the number of
campaigns to show. If a value for X isnt included, well pull in the 5
most recent campaigns by default.
*|MC:SUBJECT|*
Displays the campaigns subject line as specified on the Setup step of
the Campaign Builder.
*|MC:TOC|*
Creates a linked table of contents in your campaign.
*|MC:TOC_TEXT|*
Creates a table of contents in your campaigns as unlinked text.
*|POLL:|* and *|END:POLL|*

Creates and records subscriber responses to a question using a rating
scale of 1-10.
*|QRCOUPON:XXX:YY:ZZ|*
Generates a unique QR code coupon for each of your subscribers. X is
the description of the coupon, Y is the number of times it can be
used, and Z is the size of the coupon.
*|LOCAL:EVENTS|*
Pulls in local events from Eventful into your content.
*|LOCAL:DEALS|*
Pulls local Groupon deals into your content. Take a look a
Social Merge Tags

Use these merge tags to add links to social networking sites in your
campaigns.
Facebook
If youve integrated MailChimp with a Facebook account, use the
following merge tags to include information from Facebook in your
campaigns.
*|FACEBOOK:LIKE|*
Adds a Facebook Like button that allows subscribers to like your
campaign on Facebook.
*|FACEBOOK:LIKE:URL|*
Allows your subscribers to like a specific link in your campaign.
*|FACEBOOK:FULLPROFILE|*
Places your full Facebook profile (as set under Account > Integrations
> Facebook) into a campaign. Includes any recent posts.
*|FACEBOOK:FULLPROFILE:mailchimp|* or *|
FACEBOOK:FULLPROFILE:IDnumber|*
Allows you to specify which Facebook profile or page to place into a
campaign. Includes any recent posts.
*|FACEBOOK:PROFILE|*
Places your Facebook profile (as set under Account > Integrations >
Facebook) into a campaign. Doesnt include any recent posts.
*|FACEBOOK:PROFILE:mailchimp|* or *|
FACEBOOK:PROFILE:IDnumber|*
Specify which Facebook profile or page information is pulled into a
campaign. Does not include any posts.
*|FACEBOOK:POSTS3:mailchimp|* or *|
FACEBOOK:POSTS3:IDnumber|*
Place just your recent Facebook profile or page posts into a
campaign. Replace 3 with any number to specify the number of posts
that will be shown on your campaign.
*|FACEBOOK:COMMENTSURL|*
Populates with a URL that points to the Facebook comments on your
campaign archive page. This is a great way to create a custom link or
button image for Facebook comments.
*|FACEBOOK:PROFILEURL|*
Displays the URL of the Facebook profile thats connected to your
MailChimp account. For example:
(http://www.facebook.com/mailchimp)
Twitter
If youve integrated with a Twitter account, use the following merge
tags to include information from your Twitter profile.
*|TWITTER:FULLPROFILE|*
Populates your campaign with your Twitter avatar, follower, tweet,
and following counts. Plus, a follow link, and your latest tweets.
*|TWITTER:PROFILE|*
Populates your campaign with your Twitter avatar, follower, tweet,
and following counts, as well as a follow link. Doesnt pull in your
latest tweets.
*|TWITTER:PROFILEURL|*
Displays your direct Twitter profile URL. For example:
(http://www.twitter.com/mailchimpux)
*|TWITTER:TWEETS(NUM)|*
This lets you control the number of tweets to show in your campaign.
Replace (NUM) with the number of tweets youd like to display. Use
this in combination with *|TWITTER:PROFILE|* to customize what youre
sharing with your subscribers.
*|TWITTER:TWEET|*
Adds a Tweet button to your campaign that allows subscribers to
share your campaign archive link. By default, the tweet includes your
campaigns subject line, your Twitter handle, and a shortened link to
your campaign archive page.
*|TWITTER:TWEET [$text=my custom text here]|*

Includes your own custom text, as opposed to the subject line of your
newsletter, in your Tweet. Also includes a shortened link to your
campaign archive page. Its important to be aware of the following
when using this tag:
Plain-text only, please.

No quotation marks.
$text needs to be lowercase.
The space between TWEET and [$text] is intentional and required.
Tumblr
*|TUMBLR:SHARE|*
Adds a button to share your campaign on Tumblr. By default, your
campaign subject line is used as the name of the page being shared.
*|TUMBLR:[$title=Google, $url=http://google.com,
$description=A place where you search for things|*
The optional variable $url specifies the URL shared. If not specified,
links to your campaign archive.
The optional variable $title specifies the title of the page being
shared. If not specified, uses the subject line of your campaign.
The optional variable $description specifies the title of the page

being shared. If not specified the item is shared without a description.
Google+
*|GOOGLE:PLUSONE|*
Adds a button to share your campaign using Google+. Uses your
campaign subject line as the title of the page being shared and a
snippet of campaign text as the description.
*|GOOGLE:[$title=Google, $url=http://google.com,

Instapaper
*|INSTAPAPER:|*
Adds a Read Later button to save your campaign archive to
Instapaper.
*|INSTAPAPER:[$title=Google, $url=http://google.com,

General Sharing
Use these merge tags to allow your subscribers to share your
campaigns on various social networking sites.
*|MC:SHARE|*
Adds a series of icons to your campaign to let your subscribers
quickly share the campaign on various social networking sites.
*|MC:TOPSHARE|*
Adds a series of icons for the most popular social networks.
*|SHARE:SITE_NAME1,SITE_NAME2|*
Allows you to select which social sharing sites your subscribers can
use for sharing.
*|SHARELINK:xxx|*
Inserts a URL to share your campaign archive where xxx is Facebook
or Twitter. This is a great way to create a custom link or button image
to share your campaign.
RSS Merge Tags

Pre-formatted Content
With pre-formatted tags, you can quickly pull RSS content into an
email. Well take care of the formatting for you.
*|RSS:POSTS_HTML|* and *|RSS:POSTS|*

Creates a progressively generated set of summaries for all of your
posts in HTML format. Also displays the Title, Date, Author,
Comments, Facebook, Google+, and Twitter sharing buttons. If you
want to remove any of these options, you can set up RSS items
individually.
*|RSS:POSTS_FULL|* and *|RSS:POSTS_HTML_FULL|*

Creates a progressively generated set of your full posts in HTML
format. Also displays the Title, Date, Author, Comments, Facebook,
Google+, and Twitter sharing buttons. If you want to remove any of
these options, you can set up RSS items individually.
*|RSS:POSTS_TEXT|*
Creates a progressively generated set of summaries for all of your
posts in text format. Also displays the Title, Date, Author, a URL to
your post, and a URL to comments on the post.
*|RSS:POSTS_TEXT_FULL|*
Creates a progressively generated set of your full posts in text
format. Also displays the Title, Date, Author, a URL to your post, and
a URL to comments on the post.
*|RSS:RECENT|*
Generates links for the 5 posts published previous to those included
in your current campaign.
*|RSS:RECENTxxx|*
Generates links for the posts published previous to those included in
your current campaign. Replace xxx with the number of posts youd
like to display.
Merge Tags for Feeds

If you want more control over your campaigns content, use these
tags to specify which RSS elements to include.
*|RSSFEED:TITLE|*
Displays the title of the RSS feed.
*|RSSFEED:DATE|*
Displays the publish date of the feed. You can also include optional
date formatting. For example, *|RSSFEED:DATE:d/m/y|*where d is
replaced by the day, m by the month, and y by the year. View a full
reference of date options on the PHP website.
*|RSSFEED:URL|*
Displays the URL for the feed as a whole, if provided.
*|RSSFEED:DESCRIPTION|*
Displays the feed description, if provided.
Merge Tags for RSS Items

If you want to use individual RSS:ITEM merge tags, bookend the
items youd like to include with*|RSSITEMS:|* and *|END:RSSITEMS|*. The
stuff in between those tags gets replicated for each post from your
feed.
*|RSSITEM:TITLE|*
Displays the title of the RSS item.
*|RSSITEM:URL|*
Displays the URL for the RSS item.
*|RSSITEM:DATE|*
Displays the publish date of the RSS item. You can also include
optional date formatting. For example, *|RSSITEM:DATE:d/m/y|
* where d is replaced by the day, m by the month, and y by the
year. View a full reference of date options on the PHP website.
*|RSSITEM:AUTHOR|*
Displays the name of the author for the RSS item, if provided.
*|RSSITEM:COMMENTS_URL|*
Displays the URL for comments on your post, if provided.
*|RSSITEM:CATEGORIES|*
Displays a comma-separated list of the categories (tags and posted
in) for the RSS item.
*|RSSITEM:CONTENT|*
Displays a short summary of the RSS item content in HTML format.
*|RSSITEM:CONTENT_FULL|*
Displays the full content for the RSS item in HTML format, if provided.
*|RSSITEM:CONTENT_TEXT|*
Displays a short summary of the RSS item content in plain-text
format.
*|RSSITEM:CONTENT_FULL_TEXT|*
Displays the full content for the RSS item in plain-text format, if
provided.
*|RSSITEM:IMAGE|*
Pulls in images from the RSS item. Images are pulled in and
displayed at their original size. They cant be formatted or resized
within the campaign.
*|RSSITEM:ENCLOSURE|*
Displays a link to a file youve attached to your RSS post (like a
podcast) with an icon, file name, and file size.
*|RSSITEM:ENCLOSURE_URL|*
Displays the URL for the attached file.
*|RSSITEM:SOURCE|*
Displays a link to the external source of this item, if one is provided.
*|RSSITEM:SOURCE_TITLE|*
Displays the title of your source URL.
Specialized RSS Merge Tags

If you need more explicit control over which RSS elements appear in
your campaigns, try this:
*|FEEDBLOCK:URL|* and *|END:FEEDBLOCK|*

First, youll need to create the beginning and ending flags for each
RSS feed. The stuff between gets replicated for each post in the feed.
So if you want to use individual |FEED:ITEM| merge tags, use
*|FEEDBLOCK:URL|*
*|FEEDITEMS:|*
$feed_items
*|END:FEEDITEMS|*
*|END:FEEDBLOCK|*
as your open and close tags surrounding the following items you
want to include.
The text in your campaign will look something like this:
*|FEEDBLOCK:http://blog.mailchimp.com/feed|*
<table border="0" cellpadding="0" cellspacing="0">
*|FEEDITEMS:[$count=2]|*
<tr>
<td>
<h2>*|FEEDITEM:TITLE|*</h2>
</td>
<td>
<em>*|FEEDITEM:DATE|*</em>
</td>
</tr>
<tr>
<td colspan="2">
*|FEEDITEM:AUTHOR|*
<br />
<br />
*|FEEDITEM:CONTENT_TEXT|*
</tr>
*|END:FEEDITEMS|*
</table>
*|END:FEEDBLOCK|*
In the tag *|FEEDBLOCK:URL|*, replace URL with your RSS feeds URL.
For the items open tag, use*|FEEDITEMS:[$count=X]|* to limit the
number of posts that show on your campaign. The default is 5.
Social RSS Merge Tags

Depending on which social networks your subscribers use, you may
want to customize their sharing options.
*|RSSITEM:SHARE|*
Adds icons to share the RSS item on popular social networking sites.
*|RSSITEM:SHARE:Facebook,Twitter,Digg|*
Specifies the social networks on which your subscribers can share
your campaign.
*|RSSITEM:LIKE|*
Adds a Facebook Like button that allows a subscriber to like a specific
RSS item.
*|RSSITEM:LIKE_TEXT|*
Adds a text version of the Facebook Like feature for subscribers to
like a specific RSS item from your campaign.
*|RSSITEM:TWITTER|*
Adds a Tweet button that allows a subscriber to share a specific RSS
item on Twitter.
*|RSSITEM:TWITTER_TEXT|*
Adds a text version of the Tweet feature for subscribers to tweet a
specific RSS item from your campaign.
*|RSSITEM:TUMBLR|*
Adds a Tumblr button that allows a subscriber to share a specific RSS
item.
*|RSSITEM:TUMBLR_TEXT|*
Adds a text version of the Tumblr share feature for subscribers to
share a particular RSS item on Tumblr.
*|RSSITEM:PLUSONE|*
Adds a Google+ button for the particular RSS item.
*|RSSITEM:PLUSONE_TEXT|*
Adds a text version of the Google+ button to share a particular RSS
item.
*|RSSITEM:INSTAPAPER|*
Adds Instapapers Read Later button for a given RSS item.
*|RSSITEM:INSTAPAPER_TEXT|*
Adds a text version of Instapapers Read More button.
Resources
Email Client CSS Support

<style> & <link>
BrowserDesktopMobile
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
<style> within <head>
<style> within <body>
<link> within <head>
<link> within <body>
Element Selectors
E[$attribute]
E[$attribute="$value"]
EF
E>F
E+F
E~F
E:link
E:visited
E:active
E:hover
E:focus
E:target
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E:first-child
E:last-child
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
E:first-of-type
E:last-of-type
E::first-line
E::first-letter
E::before
E::after
E.classname
E#id
E:not(s)
Box Model
border
border-radius [CSS3]
box-shadow [CSS3]
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
max-width
Partial IE Support
Partial IE Support
Partial IE Support
Partial IE Suppo
min-width
Partial IE Support
Partial IE Support
Partial IE Support
Partial IE Suppo
height
margin
padding
width
Tables
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Fonts
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Partial Property
Support
Partial Property
Support
Partial Property
Support
Partial Property
Support
direction
font
font-family
font-style
font-variant
font-size
font-weight
letter-spacing
line-height
text-align
text-decoration
text-indent
text-overflow
[CSS3]
text-shadow [CSS3]
text-transform
No IE Support
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
white-space
word-spacing
word-wrap [CSS3]
vertical-align
Color & Background

Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
color
background
No Image Support
background-color
background-image
background-position
background-repeat
HSL Colors [CSS3]
HSLA Colors [CSS3]
No IE Support
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Opacity [CSS3]
No IE Support
RGBA Colors [CSS3]
No IE Support
Positioning & Display

Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Partial Support
Partial Support
Partial Support
Partial Property Support
bottom
clear
clip
cursor
display
float
left
opacity
outline [CSS3]
overflow
Partial Supp
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
position
resize [CSS3]
right
top
visibility
z-index
Lists
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
list-style-image
list-style-position
list-style-type
Read On:
Email Blueprints
Email Marketing Guides
HTML to Text Email Converter
CSS Inliner Tool
Back to top
Resources
Email Client CSS Support

<style> & <link>
Outlook 2007 2013
Outlook 2000 2003
Apple
Mail
Windows Live
Mail
Outlook F
Mac
Outlook 2007 2013
Outlook 2000 2003
Apple
Mail
Windows Live
Mail
Outlook F
Mac
<style> within
<head>
<style> within
<body>
<link> within
<head>
<link> within
<body>
Element Selectors
E[$attribute]
E[$attribute="$value"]
EF
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
E>F
E+F
E~F
E:link
E:visited
E:active
E:hover
E:focus
E:target
E:nth-child(n)
E:nth-last-child(n)
E:nth-of-type(n)
E:nth-last-of-type(n)
E:first-child
E:last-child
E:first-of-type
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
E:last-of-type
E::first-line
E::first-letter
E::before
E::after
E.classname
E#id
E:not(s)
Box Model
border
border-radius [CSS3]
box-shadow [CSS3]
height
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
max-width
Partial IE Support
Partial IE Support
Partial IE Support
Partial IE Suppo
min-width
Partial IE Support
Partial IE Support
Partial IE Support
Partial IE Suppo
margin
padding
width
Tables
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Fonts
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Partial Property
Support
Partial Property
Support
Partial Property
Support
Partial Property
Support
direction
font
font-family
font-style
font-variant
font-size
font-weight
letter-spacing
line-height
text-align
text-decoration
text-indent
text-overflow
[CSS3]
text-shadow [CSS3]
text-transform
No IE Support
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
white-space
word-spacing
word-wrap [CSS3]
vertical-align
Color & Background

Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
color
background
No Image Support
background-color
background-image
background-position
background-repeat
HSL Colors [CSS3]
HSLA Colors [CSS3]
No IE Support
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Opacity [CSS3]
No IE Support
RGBA Colors [CSS3]
No IE Support
Positioning & Display

Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
Partial Support
Partial Support
Partial Support
bottom
clear
clip
cursor
display
float
left
opacity
outline [CSS3]
overflow
Partial Supp
Outlook.com
Yahoo!
Gmail
AOL
Outlook.com
Yahoo!
Gmail
AOL
position
resize [CSS3]
right
top
visibility
z-index
Lists
Outlook.com
Yahoo!
Gmail
AO
Outlook.com
Yahoo!
Gmail
AO
list-style-image
list-style-position
list-style-type
Read On:
Email Blueprints
Email Marketing Guides
HTML to Text Email Converter
CSS Inliner Tool
Getting Started
Template Language
Although you dont have to use it in order to send emails with

MailChimp, our template language is a powerful, easy way to code
your own email templates that are reusable and editable from within
the application.
Creating Editable Areas

mc:edit
is used to provide a content-editing action for a
Adding mc:edit="$unique_name" to an HTML element allows you to

add content or code from within the MailChimp campaign editor.
The name used in mc:edit must be unique.
mc:edit="" should be used on a div, table cell, or any other

element that can be considered a container.
mc:edit should be placed on an <img> element. This will allow the

app to call up an image upload and editing dialogue.
The name you assign via mc:edit="$unique_name" is used to

create a field in the database to store the users content. If the user
switches templates after writing content, they could lose their copy if
the editable space names arent consistent. The following naming
conventions are a good rule of thumb for common content areas:
mc:edit="header" Use this to name your email header.
mc:edit="header_image" Use this to name an editable

header image.
mc:edit="sidebar" Use this to name an editable left- or

right-side column.
mc:edit="body" Use this to name the main content space

of your email.
mc:edit="footer" Use this to name your email footer.
A few things to watch out for when using mc:edit to create

editable areas:
You shouldnt nest editable elements within other editable

elements.
You shouldnt place editable images within an editable

content container.
Any content added within an editable window is tied to

the name used in the mc:edit tag. If you change the name after
saving the content to a template, youll lose the content.
mc:edit
mc:hideable
is used to provide a hide/show action for a
Syntax: mc:hideable
mc:hideable
Use mc:hideable on any HTML element

Avoid placing the mc:hideable tag on an element that already
has an mc:repeatable tag.
When an element is hidden, it will not be visible when the email

is sent from MailChimp.
There are no restrictions on the use of mc:hideable. Any element

can be hidden.
Theres no need to add a namespace to the mc:hideable tag

(IE: mc:hideable=$name)
If youre editing hideable sections in the campaign builder using

your templates remove button, note that the section wont disappear
in the editor screen. The section you want to remove will fade, but
remainjust in case you change your mind and want to use the
space. However, when you send out your email, the section you have
removed wont appear in your campaign. You can preview this
change by clicking on popup preview.
The remove and hide section buttons dont offer the same
functionality in the template editor. In fact, you cant actually remove
anything while working in the template editor. If you need to make
changes like that, we suggest you work in the campaign builder
instead.
mc:repeatable
is used to provide a duplication action for a
Syntax: mc:repeatable
Use mc:repeatable on any HTML element
mc:repeatable elements can be nested within each other, but use

care if youre going to do this. We dont encourage this use.
mc:repeatable
mc:label
mc:label is an optional tag used to name an editable section
within the application.
Syntax: mc:label=header_image
Use mc:label on any mc:edit element
If no mc:label name is specified, the app will use the name from
the mc:edit tag instead.
mc:variant
mc:variant
is used to provide a way to switch between discrete
blocks of HTML.
must be used in conjunction with mc:repeatable.
Syntax: mc:repeatable=product mc:variant=content with left
image
mc:variant
Use mc:variant on any discrete HTML elements you wish to

switch between
mc:variant blocks should not be nested within each other.
mc:variant blocks must be adjacent to each other in HTML:


mc:variant="content with left image">
<tr>
<img src="..." mc:edit="left_image" />
</td>
<td valign="top">
<div mc:edit="right_content">
</div>
</td>
</tr>
</table>



mc:variant="content with right image">
<tr>
<td valign="top">
<div mc:edit="left_content">
</div>
</td>
<img src="..." mc:edit="right_image" />
</td>
</tr>
</table>

Defining Editable CSS

Style Declaration Block
Style declaration blocks share a basic structure regardless of the

element style targeted. In this example, H1 tag styling is declared:
/**
* @tab Page
your emails.
* @style heading 1
*/
h1{
display:block;
}
Each editable CSS ruleset opens with the declaration block:
/**
* @tab Page
your emails.
* @style heading 1
*/
@tab defines a tab under which you can organize several

editable styles. Its best used for high-level groups like header,
sidebar, or footer. @tab is required.
@section defines a subsection within a tab. Its best used for

narrow-focus groups such as body content, footer links, or
background colors. @section can encompass styles from several
different elements or areas (@section body, for example, can have
styles for the background color of the table, along with text and link
styles.) @section is optional, but highly recommended.
@tip allows for a tooltip to show when the tab for its section
is selected. @tip is optional.
@style allows you to add a rulesets styles to the drop-down

menu in the campaign text editor window. This facilitates the quick
application of specific CSS to any selected text. @style should only be
used on text styles. @style is optional.
Each editable CSS property is preceded by the @editable declaration:
h1{
display:block;
}
@editable is required on each style intended to be edited in
MailChimps campaign builder.
MailChimp Glossary
A
A/B Split
Campaign type that allows 2 different versions of the
same campaign to be tested and determine the better option.
Subject lines, from names, or send times can be tested along with
content.
Abuse complaint
An abuse complaint occurs when your recipient clicks to "report
spam" in their email program. The abuse complaint causes the
recipient to be automatically unsubscribed and they will no longer
receive your email campaigns.
Account notifications
General email updates about the account that are sent to
the account owner. Account notifications only include those that
are managed in the Edit Contact Info section in the Account
Settings.
Admin
User type with full access to all editable parts of the account and
who can create new account users, edit billing information,
and close the account. Owners are admins by default but they
can add additional users as admins too.
Advanced forms
A version of a list's signup form where HTML code is editable.
Affiliate Marketing
A type of performance-based marketing in which a business
rewards individuals for each visitor or customer brought in through
the by individual's marketing efforts.
Learn how MailChimp handles affiliate marketing.
API
Application programming interface. An API is a way for web
programs to connect with one another using code instead of an
interface in a browser. You can use MailChimp APIs to perform the
same tasks that you can perform inside the app.
View MailChimp's API documentation.
Archive bar
Toolbar that displays across the top of a campaign's archive page.
Can be turned off.
Archive page
Online version of a campaign that displays in a browser when
someone clicks theView in browser link in a campaign's header.
Can be customized using conditional merge tags to display
information different from the campaign subscribers received in
their inbox.
Authentication
A license plate for your email that provides a trackable identifier to
indicate you're a legit emailer.
Author
User type that can create, edit, and delete campaigns, templates,
and Automation workflows. This user type also has access to view
report overviews.
Auto-convert video
An option within the Campaign Builder which looks for videos
embedded within RSS content and converts the videos to a linked
screenshot.
Auto-post
MailChimp's ability to post information to other apps or sites on
your behalf.
Auto-translate
Feature that automatically translates signup forms and response
emails for a listbased on the language settings in the subscriber's
web browser.
Auto-update
A method of updating subscriber information in
your list when importing a file.
Automation
A paid feature that allows you to build a series of emails that are
triggered by a sending event and then sent to subscribers over a
set period of time.
Aviary
A photo editor that can crop, rotate, and enhance images in your
campaign. Aviary also supplies fun accessories like stickers,
frames, and meme additions for images.
B
Badge
The MailChimp logo associated with the MonkeyRewards program.
Badges are required for Forever Free plans and are optional
for paid plans.
Banded template
An Email Designer template that has a band of color that stretches
across the page and contains the footer information. Regular non-
banded templates are generally a single, solid color and have a

defined border.
Batch delivery
A method of sending that allows for a campaign to be sent in
chunks, at least a few minutes apart, to help alleviate website
traffic floods to the sender's website. Batch sending is especially
useful to help prevent crashing the sender's website from an
overflow of expected traffic.
Black list
A list of specific email or IP addresses blocked from by an email
provider or spam filter.
Bounce
Bounces are undeliverable addresses to an inbox. When an e-mail
bounces, it is classified as either a soft or a hard bounce.
C
Campaign
An email you send to your list. Each bulk email that is sent to the
list is considered a separate campaign. Unlike an advertising
campaign that can include dozens of ads and take place over the
course of months, MailChimp's campaigns are a single instance.
Campaign Builder
A wizard used to create, design, and send an email
campaign through MailChimp. The wizard walks you through the
different steps to select a list, set up campaign information,
choose a template, add content, and send or schedule delivery.
CAN-SPAM Act
Created in 2003, this act sets forth the basic legal principles that
differentiate legal and illegal commercial email.
Chimp Chatter
Activity displayed on the account dashboard that provides a quick,

at-a-glance overview of recent campaigns, lists, and subscriber
activity all in one convenient location.
Chimpadeedoo
MailChimp app that lets you use a list's signup form on
an iPad or Android tablet.
Cleaned
An address that has hard or soft bounced and been removed from
your list of active subscribers.
Clear styles
A button option within the text editor on the Design step of
the Campaign Builderwhich allows all of the formatting for the
selected text to be removed, thus leaving text ready to be
reformatted or left as is.
Click
When click tracking is enabled for a campaign, MailChimp tracking
information is added to each url. When a tracked link is clicked in
the campaign, this tracking info redirects the subscriber through
MailChimp servers before sending them to the intended web
address. That redirect through our server will be logged as a click
on your campaign report.
Click Performance
The click performance report lists each URL from a
sent campaign and displays the total clicks versus unique clicks for
each link. Links generated by merge tags, such as"View in
Browser", "Update Profile", or "Unsubscribe" are not tracked and
do not count towards your campaign's click report.
Click Rate
The number of clicks that occur in a sent campaign divided by the
number of people sent to on that list.
Conditional Merge Tags
A special set of text and characters used to create logic

statements to display dynamic content to subscribers based on
their association to the condition. Learnhow smart (or conditional)
merge tags work.
Conversations
Feature that allows account users to comment on campaigns and
correspond from outside of MailChimp.
Credits
Units of payment that are used for the pay as you go plan. They
work like postage stamps for email. One credit is equal to one
email sent to one subscriber.
CSV
File type for storing tabular data and a preferred file type
when importing subscribers into MailChimp.
D
Delivery Doctor
Feature that tests your campaign using many common spam
filters and consumer ISPs, giving you insight into any potential
delivery issues.
DKIM
DomainKeys Identified Mail associates a specific domain name with
an email message which allows a person or organization to claim
responsibility for the message.
DMARC
Domain-based Message Authentication, Reporting and
Conformance that standardizes how email receivers perform email
authentication using the SPF andDKIM.
DNS Record
Domain Name System is a naming system that designates domain
names and maps those names to IP addresses.
Domain Keys
An email authentication system that is designed to verify the DNS

domain of the sender to prove message integrity.
Double opt-in
Opt-in requirement where a subscriber must click a confirmation
link in a follow-up email after they submit their information
through a signup form.
Downgrade
Changing from a paid plan back to the Forever
Free plan. Downgrading is only allowed once during the life of your
account.
E
eCommerce360
Feature that imports subscriber purchase activity into MailChimp.
Only available with certain ecommerce integrations.
Editor
Tablet version of the Email Designer where you can create, edit,
send, and collaborate on campaigns. Editor is available
for iPad and Android tablets.
Eepurl
EepURL is MailChimp's in-house URL converter. EepURL generates
shortened links to replace longer, more complex URLs. MailChimp
uses EepURL for various different links provided to your throughout
the application and website. The EepUrl Activitysection of your
Social Stats lets you see where in the world people are reading
your campaigns.
Email Beamer
A method of campaign creation which allows you to use a unique
address to import an email from a regular email client.
Email Client
A desktop program or web application that displays and manages
your email. Apple Mail, Gmail, Outlook, Yahoo Mail, and Hotmail are a
few examples of popular email clients. Email clients often have a
strict daily sending limit, of about 500 emails per day. If you need to
send more emails, an Email Service Provider (ESP) like MailChimp can
help.
Email Designer
A tool within the Campaign Builder that allows campaigns to have
a very flexible and customizable layout through the use of drag
and drop modules.
Email Genome Project

An application that scans MailChimp's users, the subscribers they
manage, and the messages they send every day for nuggets of
information that we can use to improve our deliverability and train
our Omnivore abuse-prevention algorithms.
Embed Form
Version of a signup form designed to be placed on a website.
ESP
An email service provider (ESP), like MailChimp, is a company that
provides bulk email services and email marketing tools.
Event Trigger
List information such as subscriber sign up date, a product
purchase date, or even the subscriber's birthday that is used to
send an automated email to a subscriber.
F
Filter
A tool on the Campaigns, Reports, and Automation workflow pages
used to display campaigns based on Status, Type, or List.
Final Welcome Email

Automatic email sent from MailChimp after someone confirms their
subscription to a list. Off by default but can be turned on.
Forever Free
MailChimp's basic free plan that allows you to send 12,000 total
emails per month and have up to 2,000 total subscribers across
all lists in the account. All new customers start out on the Forever
Free plan.
G
Geolocation
The location and time zone determined for your subscribers by
data that's collected when they sign up for your list or from
campaign activity. This information is used for our Timewarp
feature, Top Locations, and in your subscriber profiles.
Goal
Feature that allows you to track subscriber activity from
campaigns to a website that has the Goal tracking code
installed. Segments can be created using subscriber Goal activity.
Google Analytics
A Google service that generates statistics about a website's traffic
and traffic sources to measure conversions and sales.
Group
Feature that gives you the ability to categorize subscribers based
on their interests or preferences. A group consists of a group title
and group names (subgroups).
Group Name
The name of a subgroup under a group title.
Group Title
Designation given to a set of group names.
H
Hard Bounce
A hard bounce indicates an email that cannot be delivered. When a
hard bounce happens, MailChimp will remove the address
permanently from your list into the cleaned section.
High-Volume
Customized payment plan for customers who send millions of

emails each month. Our billing team works with you to set up this
type of plan.
I
Inbox Inspection
A feature that allows you to quickly and easily see how different
email clients will render your campaign's HTML content.
Industry
The type of business industry associated with your account (e.g.,
retail, education).
Industry Average
The Industry average displays the average reported percentages
for campaigns sent in the industry set for your account.
ISP
An Internet Service Provider is a telephone or telecommunications
company that provides Internet access to its customers.
L
List
A collection of subscribers who have opted-in to receive
correspondence from you or your organization.
List Average
Provides real-time data showing subscriber engagement with a
campaign compared to other campaigns sent to the same list.
List Growth
Graph showing your list's subscriber growth trends over time.
List ID
A unique identifier for a list that's used by some integrations,
plugins, and widgets.
MailChimp Coupon Scanner

Mobile app built by MailChimp that lets you insert coupon codes
into your email and scan them when people make a purchase.
Send a campaign using a merge tag and use the MailChimp
Coupon Scanner to scan the coupon from your mobile phone.
Manager
User type with permission to create and send campaigns, import
lists, and viewsubscriber level reports. This user type
cannot export lists, access billing information, or close the
account.
Mandrill
Our powerful delivery API that can be used for personalized, oneto-one e-commerce emails, or automated transactional emails.
Merge Tags
A set of system- and list-specific tags that allow for dynamic and
personalized campaign content, like permission reminder, virtual
business card data, external web content, or subscriber
information.
Mobile Styles
An option within the Design tab of the Design step of
the Campaign Builder which allows for the existing fluid layout to
be further adjusted for a custom look when the campaign is
viewed on mobile devices. Predesigned campaign templates have
mobile styling applied, but you can add more customization if
desired.
MonkeyRewards
A MailChimp program where you earn points toward purchases by
displaying a badge at the bottom of your email campaigns.
MonkeyRewards badges display on all campaigns sent
from Forever Free plans but are optional for paid plans.
Monthly Plan
A payment plan that charges once per month based on the highest
number of total subscribers in an account during a 30-day billing
period. Monthly plans offer more features than in Forever
Free accounts.
O
OAuth2
An authorization method used when you log in to MailChimp from
other accounts like Google Apps. It enhances security and usability
by allowing two services to connect without having to provide your
credentials again.
Omnivore
MailChimp's abuse-prevention initiative that keeps our system
clean by gathering information from billions of emails and
predicting bad behavior in campaigns before they are distributed.
Open
A statistic that indicates the campaign has been opened and
viewed by your subscribers. When an email is opened with images
turned on, an invisible open-tracker graphic that we embed into
your email is downloaded from our server. Each time that graphic
is downloaded, we count that as an open on your campaign report.
Open Rate
A rate of opens calculated for each sent campaign. It's determined
by the number of times the campaign was opened, divided by the
number of people who received the campaign.
Opt-in
The act of someone granting permission to be added to a list.
Owner
The primary contact and administrator of an account who can
invite and setpermission levels for other users. Learn how
to transfer ownership of an account.
P
Pay As You Go
A payment plan designed for sending campaigns less than once

per month. Instead of recurring charges, you buy credits for the
number of emails you need to send. Pay As You Go offers more
features than the Forever Free plan.
Permission
Agreement from a subscriber that indicates they've consented to
receive email communications from you. MailChimp documents
proof of this agreement when they join your list through a double
opt-in signup form.
Permission Reminder
A line of text in the footer of each campaign that explains why
subscribers are receiving the email campaign, and sometimes,
how they were added to the list. The permission reminder is
created when the list is initially set up.
Personalize
Content tailored to individual subscribers. When used in the "To:"
field of the Setup step of the Campaign Builder, the subscriber's
name can display next to their email address in the sent
campaign.
Plain Text
A campaign type that does not contain any images, rich text
formatting, or links. This is the most basic type of campaign, so
that your content will appear the same in any email client. Learn
how to build a plain-text campaign.
Popup Preview
Another term for the preview mode available from the Preview &
Test menu on the Confirm step of the Campaign Builder.
Postini
An email, web security, and archiving service that's owned by
Google. Provides spam filtering in addition to protecting client
networks from web-borne malware.
Pre-header
This content block appears at the top of predesigned campaign

templates, and is often a call to action or teaser of the email
content. Its content appears as the text that follows the subject
line when an email is previewed in a subscriber's inbox.
Preview Mode
An option in the Preview & Test menu in the Campaign Builder that
displays how your campaign should appear on a desktop or mobile
device. You can also choose to view live merge tag information, to
see how that content will appear for specific subscribers.
Publicity Settings
A list-specific setting that determines whether your campaign
archives are tracked by Wavelength and othe parts of the Email
Genome Project.
Q
QR Code
Dynamically-created image you can put in a campaign that
subscribers can use to access a coupon, signup page or other web
URL.
R
Regular
An HTML email campaign type that contains images, rich text
formatting, and links. A plain-text version is packaged with the
Regular Campaign, so that subscribers who don't view email in
HTML can still see your content.
Replicate
To make a copy of something. In MailChimp, you can replicate
campaigns and liststo reuse their content or settings.
Review
The process of checking each list that comes into our system to
make sure it meets our Terms of Use. This review process of each
new list helps us ensure MailChimp only sends permission-based
emails.
ROI
Return on Investment is calculated by comparing the estimated
cost of a campaign in MailChimp to the goals set up in Google
Analytics or the ecommerce salesgenerated on your website.
RSS-Driven
A campaign type where content is automatically populated by blog
content and triggered to send periodically (once a day, week, or
month).
S
Saved Segment
A reusable, user-created, editable segment of a list. Learn how
to create a segment.
Segment
A section of your list that includes only those subscribers who
share specific common field information.
Send Time Optimization

Feature that looks at your subscribers' click activity history to
calculate the best time of day to send your campaign.
SenderID
An email validation system that builds on the SPF premise to verify
sender IP addresses in order to prevent email spoofing.
Signup Source
Subscriber information that indicates how the subscriber joined
your list.
Social Profiles
Optional paid add-on that gathers publicly available social data
about your subscribers that can be used to send targeted emails to
them based on their age, gender, or their presence on social
networks.
Social Share
A feature available for sent campaigns which displays the

campaign's short URL, a suggested tweet including the short URL,
buttons to share the campaign on Facebook or Delicious, as well as
a QR code.
Social Stats
When a campaign is shared by auto-posting it on Facebook,
including the social share merge tags, or by including the archive
bar, the campaign report tracks each like and archive click.
Soft Bounce
A soft bounce indicates a temporary delivery issue, such as the
recipient's inbox is full, their server is down, they're on vacation
and have set up their email set to away. MailChimp will try sending
to that address again, but will clean a soft bounce after five failed
sends.
Spamassassin
A computer program used for email spam filtering and scoring that
is based on content-matching rules.
Spamcop
A spam reporting service that allows recipients of unsolicited bulk
or commercial email to report IP addresses found to be sending
spam to the abuse reporting addresses of those IP addresses.
Spamhaus
An international nonprofit organization that tracks spam operations
and sources in order to provide dependable anti-spam protection.
SPF
Sender Policy Framework is an email validation system that
verifies sender IP addresses to prevent email spoofing.
Static Segment
A reusable, user-created, non-editable segment of a list. Learn how
to create a segment.
Subscriber
Someone who has opted in to your list in order to receive emails

from you.
Suspension
A temporary hold on sending placed on a MailChimp account due
to compliance-related issues.
T
Tab Delimited
Simple text format for storing tabular data and a preferred file type
when importing subscribers into MailChimp. Learn tips for using
tab-delimited files.
Template
An HTML file that serves as a starting point for a new campaign.
This is the container for the campaign's content where the design
layout and all content reside.
Timewarp
A campaign delivery method based on your subscriber's time
zones. You canschedule your campaigns to go out at the same
time in different time zones.
Tiny Letter
A simpler email service provider suitable for sending personal
letters to friends, fans, and followers.
Transactional Email
A one-to-one email prompted by a specific trigger event on the
part of the email recipient or activity in an account they own.
Tweet Trends
A feature that allows you to see subscriber activities on Twitter.
Requires setup of the Twitter integration.
Twitter Lead Generation Card

An integration that allows advertisers to create an easy way to
sign up for MailChimp lists using Twitter. This service allows Twitter
to pass back three pieces of information regarding new
subscribers: Name, username or @twitterhandle, and the email

address associated with the Twitter account.
Twitter Tailored Audience

A Twitter integration to match your MailChimp subscribers' email
addresses to Twitter users for sending relevant, targeted tweets.
Learn more about using Twitter Tailored Audiences with MailChimp.
U
Unique Clicks
A campaign report stat counted only once for each subscriber that
clicks a link in a campaign.
Unique Opens
A campaign report stat counted only once for each subscriber that
opens a campaign.
User Agent
Information that indicates which browser, OS, or email client is
used by the subscriber.
User Type
Permission level assigned to different account users. There are four
user types in MailChimp: Admin, Manager, Author, and Viewer.
V
Vcard/VCF
A virtual business card linked within each campaign's footer using
the default *|HTML:LIST_ADDRESS_HTML|* merge tag. The
information displayed in the vcard will change depending on the
list the campaign will send to. The vcard provides subscribers a
quick way to add your sender information to their email address
book.
Verified Domain
An email domain which has been authenticated, or confirmed, as
being accessible by the sender. Verified domains confirm
ownership of and access to an email domain.
Learn how to verify a domain.
Viewer
User type that can view reports in the account but cannot access
subscriber level reports.
W
Wavelength
A feature powered by the Email Genome Project that analyzes your
list and compares your subscribers to other publicly available lists
to find subscriber overlap. Once analysis is
complete, Wavelength displays screenshots of publicly available
email campaigns with similar subscriber profiles. The goal of the
app is to help you contact those other MailChimp users and maybe
form a relationship with each other.
Webhooks
A convenient method for triggering specific behavior on a web
page or web application with custom callbacks. Callbacks allow a
client register an API endpoint and receive data in a predefined
format, as it's pushed by the server.
Learn how to set up MailChimp Webhooks.
Whitelist
A list of email or IP addresses that have proven to be valid
senders. Whitelists are used frequently with email applications to
allow users to compile lists of senders they wish to receive email
from.
Learn about whitelisting MailChimp emails.
Workflow
The primary tool for MailChimps
powerful automation feature. Workflows allow you to package an
email or series of emails triggered by a particular sending event.
WYSIWYG
An acronym for "what you see is what you get" that refers to text
and image editors, that allow you to see what your final product
will look like as you are creating it. MailChimp's drag and
drop Campaign Builder is a WYSIWIG editor.

Create A Custom Template - Odt

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Create A Custom Template - Odt

Cargado por

Copyright:

Formatos disponibles

Create Your Template

Upload HTML or ZIP File

Navigate to the Templates page.

Click Create Template.

On the Code Your Own tab, select Paste in code.

click Save at the bottom of the editing pane.

Upload HTML or ZIP File

Navigate to the Templates page.

Click Create Template.

upload a file from your computer.

Click Browse and choose your HTML or ZIP file.

Name your template, and click Upload.

Customize Your Template

If you coded your template with MailChimp's Template Language, which

Insert Images and Files in Your Template

Click the File Manager button.

Locate the image or file you want to place in your template

or upload a new file, then clickCopy URL.

The source URL of your image or file is copied to your clipboard,

and the File Managercloses.

the file to use the file, and click Save.

Technical Support 30 days remaining

Crear una plantilla HTML personalizada

Copy article URL

Esta funcin requiere un usario de nivel Manager o ms alto.

Ve a la pgina Templates (Plantillas).

Haz clic en el botn Create Template (Crear Plantilla).

Haz clic en la pestaa Code Your Own (Programa tu propia

En la pgina Code Your Own (Programa tu propia

plantilla), elige Paste in Code (Pegar cdigo), Import HTML (Importar

HTML o Importar ZIP para elegir un archivo de tu computadora para

Despus de importar la plantilla, se te dirigir a la pantalla Edit Code

Insertar archivos en tu plantilla

Ve al panel Edit Code (Editar cdigo) en la seccin Code Your Own

(Programa tu propia plantilla).

Haz clic en el botn File Manager (Administrador de archivos).

Busca la imagen o archivo que deseas encastrar o vincular en tu

plantilla. Haz clic enCopy URL (Copiar URL).

La URL fuente de tu imagen o archivo se copia en el portapapeles,

y el File Manager (Administrador de archivos) se cierra.

Pega la URL fuente en la etiqueta donde deseas que se use el

Introduccin al Lenguaje de Plantilla de MailChimp

Crear estilos editables con el lenguaje de plantilla de MailChimp

Crear reas de contenido editable con el lenguaje de plantillas de

Repeatable or Variable Content Blocks

Introduccin al Lenguaje de Plantilla de

Copy article URL

Al crear plantillas de correo electrnico personalizadas con el lenguaje de

Aplicacin de Estilos CSS

Imgenes de fondo (no funcionan en Microsoft Outlook o en Gmail)

Recuerda configurar la declaracin de @theme en tu CSS para el fondo

mc:edit="header" se utiliza para denominar el encabezado de tu

mc:edit="header_image" se utiliza para denominar una imagen

editable del encabezado.

mc:edit="sidecolumn" se utiliza para denominar una columna

izquierda o derecha editable.

mc:edit="body" se utiliza para denominar el espacio del

contenido principal de tu correo electrnico.

mc:edit="footer" se utiliza para denominar el pie de pgina de

Etiquetas Merge (Merge Tags)

Usa etiquetas merge para proporcionar a tus suscriptores nuevas

Utilice la etiqueta merge de la tabla de contenido ( |MC:TOC|)

<a href="|LIST:URL|" shape="rect" target="_blank">visita nuestro sitio

<a href="|FORWARD|" shape="rect" target="_blank">Reenviar a un