Adrien Wargnier | Email Banner Editor

I'M CONNECTED ON THE DATABASE ! Adrien Wargnier | Email Banner Editor

_______________ ↑ _______________ WYSIWYG panel - 600px x 350px With a default zoom set on your browser, you can directly take a screenshot of the area (inside of the red border). The format is a standard and will fit for the top email banner. Before including this image into the email template, better compress it for the upload in the CDN. Find a suggested app - Free Download

Update Pannel • Banner n°2

This custom panel will allow you to modify any important parts of the banner: the copy, various sizes, positions and backgrounds. Set your variables and save your inputs to see the visual result.

Select a specific property to update

Copy editing

TITLE 1

TITLE 2

CALL TO ACTION

Banner

TOTAL HEIGHT (default: 282px)

Background picture

CURRENT BACKGROUND IMAGE PATH (root: img/uploaded/...)

IMPORT BACKGROUND PICTURE
Picture size limited to 1.5mo. A good practice is also to check your image size and the HD quality before the upload. Minimum sizes 600px * 200px. The frontend will automatically define your image to 100% width in the container ; you will see a red background on the panel if the picture doesn't match the global settings.

IMPORT

Font sizes

TITLE 1 (default: 28px)

TITLE 2 (default: 28px)

CALL TO ACTION (default: 16px)

Opacity and color

Black filter opacity(default: 0.65)

Color filter opacity(default: 0)

Define a filter color(no color by default)

Margins

CENTRAL SECTION • Margin top (default: 85px)

TITLE 2 • Margin top (default: -5px)

CALL TO ACTION • Margin top (default: 35px)

Paddings

TITLE 1 • Padding left (default: 0px)

TITLE 1 • Padding right (default: 0px)

TITLE 2 • Padding Left (default: 0px)

TITLE 2 • Padding Right (default: 0px)

DATABASE • ID

New course available

Learn the best of Queen