Create a template

If you want to create a new template, when you click on Create new template a modal will open up with two choice: Drag & Drop Editor or HTML.

Drag & Drop Editor

With this new version of AcyMailing we've decided to work on a new drag & drop editor to make the creation of email the easiest way possible. This brand new editor make responsive template and for the css we use foundation for email.

You'll have several information and parameters to fill:

  • Template Name: the name of your template (required)

  • Email subject: will be the subject of your email

  • Type:

    • Standard: send in a campaign

    • Welcome email: can only be used in welcome email of a list

    • Unsubscribe email: can only be used in unsubscribe email of a list

  • Tags: tags are like categories

You can click on Advanced options and have more parameters:

  • Custom headers: if you want to add custom html tag for outlook for exemple

  • Email preview line: in mail client inbox listing, instead of displaying the beginning of your mail you can write anything

Below those information you'll have a preview of your mail with an Edit template button.

If you click on the edit button the editor will appear:

On the top toolbarn the two middle icons (screen and phone) allows you to preview in the two versions.

The other buttons gives yu access to different functions:

  • Undo /redo modifications in the editor

  • Cancel will erase all your current work since last save so be careful.

  • Send a test will save the current work and let you set an email address to send a test of the template.

  • Apply will save your change and close the editor.

In the center you can see your email template, were you can drop your content.

In the right part of the editor there are three tabs: Design, Current block and Setting

Design
Current block
Settings
Design

The design tabs is were you can find all the blocks to drag.

Blocks

This first part are the container to the contents part

Contents

In this part you can find all of these contents:

  • Title

  • Text

  • Button

  • Space

  • Image

  • Video

  • Pages only for WordPress

  • Article

  • Follow

  • Separator

  • Share (coming soon)

  • Plugins you've installed

Current block

Block settings

By default this tab will be empty. When selecting a row, you can access some specific parameters for the row.

Line selected

If you want more information about the block structure: click here

When you insert a content that can be configured (button, article, WooCommerce product...), you will see the specific parameters for this block. You can access them whenever you want by clicking again on the content in the editor.

Settings

In this tab you can configure several parameters of your email.

Template design

Background color: if you click on the image icon you can select a background image. With the color picker on the right you can set a background color for your email.

Background image don't work on every mail client

Content top margin: this is the margin before your content starts:

Content bottom margin: same as top margin but after the end of the content

Design

In this part you can change the parameters of these different font:

  • p

  • h1

  • h2

  • h3

  • h4

  • h5

  • h6

If you want to add custom stylesheet to your email you can do it via the button Add custom style sheet

A small window will open up and then you can enter some CSS code. The CSS will be directly apply on your template.

Social icon

In this last part, you can change the social icon if you want to.

Buttons type

When you insert a button with the drag and drop editor you have 3 choices for the type of button:

  • Call to action: redirect the user on the link you've entered

  • Unsubscribe: redirect the user on the unsubscribe page or it unsubscribe hm directly, depends on your configuration

  • Confirm: confirm the user and redirect him on your homepage

Insert Dynamic text

Dynamic text are shortcode that allow you to insert content that change according the user your sending the mail to or the date you're sending your email.

If you want to insert one in your email, first of all drag a text block and then click on the text. A little modal of text edition will open, click on this icon :

Now you can see a bigger modal with several tabs:

Website links
Subscribers
Subscription
Time
CMS user
Website links

In this tab you can add a view it online link

Subscribers

In this tab, you can insert data on the receiver of the mail:

  • Any standard receiver data (name, email, ID, creation date...)

  • With the Enterprise version, any custom field data you have created

Subscription

In this tab, you can insert links related to the user subscription management:

  • Unsubscribe: create a link allowing the user to unsubscribe from the mail list.

  • Confirm your subscription: create a link allowing the user to confirms his subscription.

  • Subscribe: create a link allowing the user to subscribe to some specific list you can choose.

Time

In this tab, you can insert some date or time data. Different format are available with an example to see what it looks like. Note that you can modify the format before clicking on the insert button if you want to have a specific format (for example: %m-%Y will be replaced by 11-2019).

CMS user

If the receiver or the sender are linked to a CMS user (Joomla! or WordPress user depending on your site), you can insert information from this user (username, registration date, user group...).

Block structure settings

When you click on a row to edit it you have a Structure area where you can set the size of each column in your template:

It's very simple to use, just grab a vertical bar on one of the areas and start sliding: