Quoox immersive emails are built on Zurb’s Foundation for Emails framework. Emails and templates are built through the Quoox immersive email editor, and then Quoox compiles these into a format that provides the greatest consistency over a range of different email clients (programs).
Within the editor, it is only possible to edit the content of the “container”. This is a 580px side block in which the main email content sits. The background and container elements can be edited from elsewhere within Quoox (typically the email setup page).
The container is designed to display centred within the email software used by the recipient. The container is surrounded by a “background” which is used to pad the email to the full width of the window in which it is being viewed.
This is a standard technique for ensuring relative consistency of emails across different software and window sizes. 600px is widely accepted as the optimum width for an email, and the Quoox container is 580px so as to permit a 10px border between the container content and the background.
The structure of an immersive email
A Quoox immersive email is structured as shown below:
Within Quoox you may set the background colour; the container background colour; the default foreground (text) colour; and the default link colour. The text and link colours may be subsequently overridden within the email template design.
The [[CONTENT]] tag
When assembling an immersive email template, it is important to include the [[CONTENT]] tag. This is insertable from the merge field drop-down, or by simply typing it (as written) by hand.
The content tag is an essential element of a message template. It is here that the message body will be inserted by Quoox. For example, this could be a standard system message, or a the content inserted when writing a message in the mail centre.
If the content tag is omitted from a template, a symbol will be displayed alongside the problematic template.
Important: The [[CONTENT]] symbol should not be embedded within a paragraph (<p>) tag, as the content being inserted will already include paragraph tags.