Follow

Marketing - Create Email Templates

Marketing - Create Email Templates

In this article:

About Creating Templates

Lasso’s Email Template Editor gives you the ability to create professional-looking emails without the need for a graphic designer or web developer.

Create templates using the following options:

  • Design Editor – Select design components (content blocks) and build a simple template with images and content. You just need to have your images sized and ready to insert, along with your copy. The formatting is done for you.
  • Basic Editor – Use this editor if you want to create emails that are more text-based (e.g. sales process/followup process emails) or for the design expert who wants to create more advanced emails providing more flexibility with styles, colors, tables, and overall design.
  • Paste HTML –  Create your emails using HTML code. This option is ideal when you have a designer creating the HTML for you and they provide you with the code.
  • Existing Template – Use an existing template, copy it, and update with new content.
  • Library – Use a prebuilt template from the Lasso Library.

To create a new template, click on the Marketing tab and select the Templates option.

emailtemplate.gif

This takes you to the Manage templates page. Click Create templates.

Note: Templates must reside in folders. Be sure to first add a folder for the template if a folder doesn't exist.

create1.gif

This takes you to the Create New Template page where you can select from the available options.

create2.gif

Create Email Template - Design Editor

Note: Templates must reside in folders. Be sure to first add a folder for the template if a folder doesn't already exist.

Use the Design Editor to select from content blocks containing text, images, and buttons that can be modified as needed.

To view the instructional video, click here.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

2 – Click Create templates.

create.gif

3 – Select Design Editor.

design1.gif

4 – Enter a Template Name in the space provided.

5 – Select the folder where the template should reside.

6 – Click Create & Edit Template.

basic2.gif

– Enter a Subject for the email.

design3.gif

The Design Editor provides you with a block to start from, which contains a heading, text, and an area above it to enter a short description of the content. To the right of the block are two buttons to help you create your template. They are the:

  • Blocks Library button from which you can select (click or drag and drop) various items that will add text, columns, buttons, and images
  • Style Settings button that will allow you to change text and background colors

design4.gif8 – Enter a short description of your email’s content in the space provided above the block. This will appear along with the Subject line, hopefully enticing the recipient to open the email.

9 – Edit the heading and text in the starting Block as desired, and use the Blocks Library and Style Settings as outlined in the next steps.

de1.gif

Note: Once you have additional blocks in the template, you can use the buttons above the blocks to move them up or down, duplicate, or delete.

de.gif

10 – Click on the Blocks Library and select (click or drag and drop) items for the template. Selections are:

a) Text

b) 2 Columns Text

c) Button

d) Image

e) 2 Column Images

f) Left & right Image

g) Date

de1.gif

Block selections:

a) Text

  • Add Text
  • Add Text with Background
  • Add Text & Title
  • Add Text & Title with Background

de2.gif

b) 2 Columns Text

  • Add 2 Columns Text
  • Add 2 Columns Text with Background

de2.gif

c) Button

  • Add Button
  • Add Callout with Background

de2.gifd) Image

  • Add Image
  • Add Image with Caption

de.gife) 2 Column Images

  • Add 2 Column Images
  • Add 2 Column Images with Caption
  • Add 2 Column Images with Caption and Background

de.gif

f) Left & Right Images

  • Add Left Image with Caption
  • Add Left Image with Caption and Background
  • Add Right Image with Caption
  • Add Right Image with Caption and Background

de.gif

g) Date

  • Add Date Left with Caption
  • Add Date Right with Caption

de.gif11 – Click Style Settings and select the Style Setting and color. Change color for:

a) Page Background

b) Block Background

c) Text Background

d) Text Heading

e) Text Paragraph

f) Button Text

g) Button Background

h) Calendar Background

i) Link

de.gif

12 – When you select the Style Setting, the Color dialogue box will pop up. Select the color from the main area and note the HTML color code number. Once you select your color, click OK.

design16.gif

Change color of:

a) Page Background

de.gif

b) Block Background

de.gif

c) Text Background

de.gif

d) Text Heading

de.gif

e) Text Paragraph

de.gif

f) Button Text

de.gif

g) Button Background

de.gif

h) Calendar

de.gif

i) Link

de.gif

Note: Use the toolbar functions to format text and background as well as insert links, tables, images, and Lasso tokens. The first row of the toolbar contains menu items with selectable options in dropdowns. On the second row of the toobar are shortcut buttons for those options. Mouse over each button for a description of its function.

design26.gif

13 – Once you are satisfied with your template, click Save Template.

design27.gif

14 – Click the back arrow.

design28.gif

15 – Click the back arrow again.

design29.gif

The new template will be listed in the selected folder.

design30.gif

Create Email Template - Basic Editor

Note: Templates must reside in folders. Be sure to first add a folder for the template if a folder doesn't already exist.

Use the Basic Editor if you are familiar with WYSIWYG and want to create an email template from scratch.

To view the instruction video, click here.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

2 – Click Create templates.

create.gif

3 – Select Basic Editor.

basic1.gif

4 – Enter a Template Name in the space provided.

5 – Select the folder where the template should reside.

6 – Click Create & Edit Template.

basic2.gif

7 – Enter a Subject for the email.

8 – Enter the content as desired.

Note: Use the toolbar functions to format text and background as well as insert links, tables, images, and Lasso tokens. The first row of the toolbar contains menu items with selectable options in dropdowns. On the second row of the toobar are shortcut buttons for those options. Mouse over each button for a description of its function.

basic.gif

9 – Click Save Template.

basic.gif

10 – Click the back arrow.

createexist4.gif

11 – Click the back arrow again.

createexist5.gif

The new template will be listed in the selected folder.

createexist6.gif

Create Email Template - Paste HTML

Note: Templates must reside in folders. Be sure to first add a folder for the template if a folder doesn't already exist.

Use Paste HTML if you already have the HTML code from another source.

To view the instructional video, click here.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

2 – Click Create templates.

create.gif

3 – Select Paste HTML.

html1.gif

4 – Enter a Template Name in the space provided.

5 – Copy the HTML code from the source and paste it into the space under Paste HTML.

6 – Select the folder where the template should reside.

7 – Click Create & Edit Template.

html.gif

8 – Enter a Subject for the email.

9 – Edit the content as desired.

10 – Click Save Template.

createexist3.gif

11 – Click the back arrow.

createexist4.gif

12 – Click the back arrow again.

createexist5.gif

The new template will be listed in the selected folder.

createexist6.gif

Create Email Template - Existing Template

Use an Existing Template if you want to copy and modify a template that has already been created.

To view the instructional video, clear here.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

2 – Click Create templates.

create.gif

3 – Select Existing Template.

createexist1.gif

4 – Enter a Template Name in the space provided.

5 – Check the box beside the template you want to copy.

6 – Select the folder where the template should reside.

7 – Click Create & Edit Template.

createexist2.gif

8 – Enter a Subject for the email.

9 – Edit the content as desired.

10 – Click Save Template.

createexist3.gif

11 – Click the back arrow.

createexist4.gif

12 – Click the back arrow again.

createexist5.gif

The new template will be listed in the selected folder.

existing.gif

Create Email Template - Library

Note: Templates must reside in folders. Be sure to first add a folder for the template if a folder doesn't already exist.

Use the Template Library to select from a variety of sales process and marketing templates that can be copied and modified as needed.

To view the instructional video, click here.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

2 – Click Create templates.

create.gif

3 – Select Library.

createlib2.gif

4 – Enter a Template Name in the space provided.

5 – Select a template from the Library.

6 – Select the folder where the template should reside.

7 – Click Create & Edit Template.

createlib3.gif

8 – Enter a Subject for the email.

9 – Edit the content as desired.

10 – Click Save Template.

createlib4.gif

11 – Click the back arrow.

createlib1.gif

12 – Click the back arrow again.

createlib2.gif

The new template will be listed in the selected folder.

library.gif

Create Email Template from Archived Email Template

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

manage.gif

2 – Select the folder containing the archived template.

3 – Under Settings, check Show archived.

The archived templates will be displayed in italics.

4 – Click on the name of the template you want to copy.

archive.gif

5 – Click Edit to open the template.

access2.gif

6 – Click Tools and select Source Code.

access3.gif

7 – Place your cursor at the beginning of the Source code, select the entire code, copy, and then click Ok.

access4.gif

8 – Click the back arrow.

access5.gif

9 – Click the back arrow again.

access6.gif

10 – Click on Create templates.

createtemplates.gif

11 – Select Paste HTML.

access8.gif

12 – Enter a name for the template in the Template Name field.

13 – Paste the source code into the Paste HTML area.

access9.gif

14 – Scroll down to the Select Save Folder section and select the folder in which you want the template to be placed.

15 – Click Create & Edit Template.

access10.gif

16 – Enter a Subject for the template and edit as desired.

17 – Click Save template.

access11.gif

18 – Click the back arrow.

access12.gif

19 – Click the back arrow again.

access13.gif

The new template will appear in the list.

access14.gif

Copy Email Template HTML Source Code

You may want to copy the HTML source code from an existing template for the following reasons:

  • The template has been archived.
  • You want to use the template in another application.
  • Use the template to add a News item in the Client Admin Center. This is helpful if you want your news item to include images.

1 – In the Sales Center, click Marketing and select Templates.

emailtemplate.gif

This takes you to the Manage templates page.

new.gif

2 – Click on the folder name that contains the template you want to copy or search for it using the Search templates box.

copyet2.gif

3 – Click on the template name to open it.

copyet3.gif

4 – Click Edit.

copyet4.gif

5 – Click Tools and select <> Source code.

6 – Copy the code from the Source code window and paste into another application or News in the Client Admin Center as desired.

copyet5.gif

Examples of HTML Formatting