Follow

Marketing - Email Template Editor - General

Marketing - Email Template Editor - General

In this article:

About Email Template Toolbar

On the Email Template toolbar, you will find basic 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 toolbar are shortcut buttons for those options. Mouse over each button for a description of its function.

tb1.gif

tb.gif

First Row Functions

tb2.gif

1Edit

  • Undo and Redo actions
  • Cut, Copy, and Paste content
  • Paste as text only
  • Select all content

tb3.gif

2Insert

a) Link to website tracking URL, documents, email, phone number, opt-in/subscribe, opt-out/unsubscribe, view mail in browser, and Self Serve Registrant Updates

b) Image which can be uploaded and organized in folders

c) Registrant Tokens including first and last name, contact information, and other details

d) Sales Rep Tokens including first and last name, email, and phone

e) Other Tokens for Specialized Templates, such as subscription pages tb4.gif

a) Insert Link – Add the URL that will link to website tracking, documents, contact email address and/or phone number, opt-in or opt-out options, email in browser view, or Self Serve Registrant Updates.

link.gif

b) Insert Image – Upload images and organize them in folders.

image.gif

c) Insert Registrant and Sales Rep Tokens – Add registrant and sales rep tokens to the template that will automatically populate the information from Lasso, personalizing the email for the recipient.

tokens1.gif

Example:

tokens2.gif

e) Insert Specialized Template Tokens

tokens3.gif

3 – View

  • Visual aids - Select whether you would like to see gridlines when editing your template.
  • Fullscreen – View your template in fullscreen mode.
  • Preview – View your template as it will look in an email to a recipient.

Note: The email will render differently in different browsers.

tb10.gif

4Format the text by highlighting and selecting:

tb.gif

tb11.gif

5Table

Insert and edit tables, including selecting border and background colors.

tb12.gif

6Tools

View/edit/copy HTML source code.

tb13.gif

7Social Media

Insert Social Media icons.

socialmedia.gif

About Edit on Email Template Toolbar

The Edit button on the Email Template toolbar provides you with the following options to edit the content of your email template:

  • Undo
  • Redo
  • Cut
  • Copy
  • Paste
  • Paste as text
  • Toggle Link Underline
  • Select All

edit.gif

There are a few shortcuts available as well.

Undo and Redo buttons are located immediately below the Edit button.

edit2.gifSelect content, such as a word or phrase, and then right-click to Select all, Cut, Copy, or Paste.

edit.gif

 

About View on Email Template Toolbar

The View button on the Email Template toolbar provides you with the following options when viewing your email template:

  • Visual aids - Select whether you would like to see gridlines when editing your template.
  • Fullscreen – View your template in fullscreen mode.
  • Preview – View your template as it will look in an email to a recipient.

visual1.gif

If the Visual aids option is checked, you will see gridlines around the blocks or tables in your template. If it is unchecked, the gridlines will not be displayed.

Visual Aids checked

visual2.gif

Visual Aids unchecked

visual3.gif

The Fullscreen mode will hide the top-of-page menu and tab bars as well as the Name and Subject fields, allowing you to focus on the content of your template. This option is also accessible by clicking Fullscreen Editor (Recommended) in the top right of the template.

Click Exit Fullscreen to return to the previous window.

visual6.gif

The Preview option will show you what your template will look like to the recipient. Note that the email will render differently in different browsers.

visual6.gif

About Format on Email Template Toolbar

The Format button on the Email Template toolbar provides you with the following options to format the content of your email template:

  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Superscript
  • Subscript
  • Headings
  • Inline formatting
  • Blocks
  • Alignment
  • Clear formatting

To format your text, select it, click on Format on the Email Template toolbar, and then select the format you want.

format1.gif

Formatting shortcuts are also available on the toolbar.

format2.gif

To apply a Heading to your selected text, go to Formats and then Headings, and choose from the available options.

format3.gif

For Inline formatting of your selected text, go to Formats and then Inline, and choose from the available options.

format4.gif

To apply Block formatting to your selected text, go to Formats and then Blocks, and choose from the available options.

format5.gif

To align your selected text, go to Formats and then Alignment, and choose from the available options.

format6.gif

To remove formatting from selected text, click Format on the toolbar and select Clear formatting.

clear.gif

Insert Registrant Tokens into Email Template

Add registrant tokens to your email template that will automatically populate the information from Lasso, personalizing the email for the recipient. These tokens are accessed via the Insert button on the Email Template Editor toolbar.

regtoken1.gif

Available Registrant Tokens include:

  • Personal ID
  • Registrant ID
  • Project ID
  • Client ID
  • Name Title
  • First Name
  • Last Name
  • Primary Email
  • Primary Phone
  • Primary Address
  • Company
  • Deposit Amount
  • Project Name

To insert a Registrant Token:

1 – Place your cursor where you want the token to appear in your template.

regtoken2.gif

2 – Click Insert on the Email Template Editor toolbar.

3 – Select Registrant Tokens and then the token you want to add.

regtoken3.gif

The token will be placed in the template.

4 – Add as many tokens as desired and click Save template when you are satisfied.

regtoken4.gif

Example of email containing Registrant Tokens

regtoken5.gif

Insert Sales Rep Tokens into Email Template

Add sales rep tokens to your email template that will automatically populate the information from Lasso, personalizing the email based on the sales rep indicated in the From field of the email. These tokens are accessed via the Insert button on the Email Template Editor toolbar.

Available Sales Rep Tokens include:

  • First Name
  • Last Name
  • Phone
  • Email

srtoken1.gif

The sales rep information that populates the template pulls from Lasso as follows:

  • If the email is sent from the registrant profile, the sales rep tokens populate with the details of the user that is sending the email, regardless of the sales rep(s) that are assigned to the registrant. For example, if Sales Rep Jane Smythe is logged in and sends an email to Registrant Bob Jones whose primary assigned sales rep is Chris Diaz, the email will populate with Jane Smythe's name and contact details. This is also the case if the registrant is unassigned or there is no primary sales rep selected.
  • If the email is sent as a mass mail, and Primary Assigned Sales Rep is selected in the Send From field, the template will populate with the information of the primary assigned sales rep. If the registrant is unassigned or there is no primary assigned sales rep, the email will populate with the details of the sales rep that is logged in and sending the mass mail.

Note: Primary sales rep is indicated by the gold star beside the sales rep's name in the registrant profile.

1 – Place your cursor where you want the token to appear in your template.

srtoken2.gif

2 – Click Insert on the Email Template Editor toolbar.

3 – Select Sales Rep Tokens and then the token you want to add.

srtoken3.gif

The token will be placed in the template.

4 – Add as many tokens as desired and click Save template when you are satisfied.

srtoken4.gif

Example of email containing Sales Rep Tokens

srtoken5.gif

Insert Website Tracking Token into Email Template for Existing Registrants

Lasso’s website tracking functionality allows you to track when prospects visit your site, which pages they visit, and how often they come back. When Lasso’s tracking script is added to the pages of a project website, Lasso will track the visits to each page and will send alerts to assigned sales reps when a registrant is visiting the project website again.

If you have registrants already in the database before you implement website tracking on your project website, you can send these existing registrants an email containing the website tracking link. Once they click on the link, their website activity will be tracked. Notification of a registrant's website activity is sent to the sales rep upon the initial click.

1 – Select the text that you want to link to Website Tracking.

insertwebtoken4.gif

2 – On the toolbar, click Insert and select Link.

insertwebtoken5.gif

3 – Check the box beside Enable website tracking?

wt1.gif

4 – In the Url field, enter the URL for the web page that you want to track.

5 – Click OK.

wt2.gif

6 – This will add a link to the text in your template. Click Save Template.

insertwebtoken7.gif

Insert Self Serve Registrant Update (SSRU) Link into Email Template

Note: The SSRU you want to link must first be created in the Project Admin Center.

1 – Enter the text for your Self Serve Registrant Update (SSRU) link and select it, or place your cursor where you want the link to appear in your template.

ssrulink1.gif

2 – Click Insert on the Email Template Editor toolbar and select Link, or click the Link button on the toolbar.

ssrulink.gif

3 – In the Link list dropdown, select the SSRU.

ssrulink.gif

4 – Note that the SSRU URL appears in the Url field. If you did not enter text for your link, enter it in the Text to display field.

5 – Click Ok.

ssrulink3.gif

The linked text will be in blue font and underlined.

ssrulink4.gif

Insert URL Link into Email Template

1 – Enter the text for your link and select it, or place your cursor where you want the link to appear in your template.

insertlink.gif

2 – Click Insert on the Email Template Editor toolbar and select Link, or click the Link button on the toolbar.

urllink.gif

3 – In the Url field, enter the URL. If you did not enter text for your link, enter it in the Text to display field.

4 – Click Ok.

insertlink3.gif

The linked text will be in blue font and underlined.

insertlink4.gif

To open the link, click on the linked text and select Open link.

insertlink5.gif

Insert Email Link into Email Template

1 – Place your cursor where you want the link to appear in your template.

emaillink1.gif

2 – Click Insert on the Email Template Editor toolbar and select Link, or click the Link button on the toolbar.

emaillink.gif

3 – In the Link list dropdown, select Email Us.

emaillink3.gif

4 – In the Url field, replace the default myemail@example.com with the email address you want to link. Do not remove mailto:. This tells the system that it is an email address.

Example: Replace mailto:myemail@example.com with mailto:info@skyview.com.

5 – In the Text to display field, enter the text for the link.

6 – Click Ok.

emaillink4.gif

The linked text will be in blue font and underlined.

emaillink5.gif

Insert Phone Link into Email Template

1 – Place your cursor where you want the link to appear in your template.

phonelink1.gif2 – Click Insert on the Email Template Editor toolbar and select Link, or click the Link button on the toolbar.

phonelink.gif

3 – In the Link list dropdown, select Phone Us.

phonelink3.gif

4 – In the Url field, replace 555-5555 with the phone number you want to link. Do not remove tel:1-. This tells the system that it is a phone number.

Example: Replace tel:1-555-555 with tel:1-604-555-1234.

5 – In the Text to display field, enter the text for the link.

6 – Click Ok.

phonelink4.gif

The linked text will be in blue font and underlined.

phonelink5.gif

Insert File Link into Email Template

Note: The maximum document size that can be attached to an email sent from Lasso is 25MB.

1 – Place your cursor where you want the file link to appear in your template.

filelink1.gif

2 – Click the Insert File button on the toolbar.

filelink1.gif

3 – If you have already uploaded your file, skip to Step 5. If you haven’t uploaded your file, click Upload.

filelink3.gif

4 – Browse for and select your file.

filelink4.gif

Your file will be uploaded to MoxieManager.

filelink5.gif

5 – Click on the filename.

filelink6.gif

This will place a link to the file in the template.

filelink7.gif

To change the text of the link, click on it and select Insert/edit link.

filelink8.gif

Enter the new text in the Text to display field and click Ok.

filelink9.gif

To open the link, click on it and select Open link.

filelink10.gif

To remove the link, click on it and select Remove link.

removelink.gif

Insert Image into Email Template

1 – Place your cursor where you want the image to appear in your template.

image1.gif

2 – Click the Insert/edit Image button on the toolbar.

image2.gif

3 – Click on the image button in the Source field.

image3.gif

4 – If you have already uploaded your file, skip to Step 6. If you haven’t uploaded your file, click Upload.

image4.gif

5 – Browse for and select your file.

image5.gif

Your image will be uploaded to MoxieManager.

image6.gif

6 – Click on the image in MoxieManager.

image7.gif

You will be redirected to the Insert/edit image box. The image URL will appear in the Source field and the Dimensions of the image will be displayed.

image8.gif

7 – In the Image description field, enter a description for the image so that email recipients will have an idea of what it is if their images are turned off.

8 – Make adjustments to the Dimensions if desired and click Ok.

image9.gif

This will place the image in the template.

image10.gif

Insert Social Media Icon into Email Template

1 – Place your cursor where you want the Social Media icon to appear in your template.

socialmedia1.gif

2 – Click the Social Media button on the Email Template Editor toolbar.

socialmedia2.gif

3 – Select the Social Media icon that you want to add and click Insert.

socialmedia3.gif

The Social Media icon will be placed in the template.

fb1.gif

Next, you will need to link the icon to its URL. Remember, it may be helpful to have the website open in another browser so that you can easily copy and paste it.

4 – Select the Social Media icon in the template and click the Insert/edit link button on the toolbar.

fb2.gif

5 – If you have your Social Media website open on another browser, copy and paste the URL in the URL field, or otherwise enter it, and click Ok.

fb3.gif

6 - Add and link as many Social Media icons as desired and click Save Template when you are satisfied.

If you are adding Email and/or Phone Social Media icons, please note the following when linking:

Phone Social Media icon:

1 – Select the Phone icon and Insert into your template.

phone1.gif

2 – Select the Phone icon in the template and click the Insert/edit link button on the toolbar.

phone2.gif

3 – In the Link list dropdown, select Phone Us.

phone3.gif

4 – Replace the generic number with your own, being sure to leave the tel: 1- text before the number, and click Ok.

phone4.gif

Email Social Media icon:

1 – Select the Email icon and Insert into your template.

email1.gif

2 – Select the Email icon in the template and click the Insert/edit link button on the toolbar.

email2.gif3 – In the Link list dropdown, select Email Us.

email3.gif

4 – Replace the generic email with your own, being sure to leave the mailto: text before the email, and click Ok.

email4.gif

Insert Table into Email Template

1 – Place your cursor where you want the table to appear in your template.

table1.gif

2 – Click the Table button on the toolbar.

table2.gif

3 – Select Table and then move your mouse over the squares in the grid to select the number of columns and rows you want. Once you have made your selection, click on the grid.

Note: The number of columns and rows is displayed at the bottom of the grid.

table3.gif

This will place the table in the template.

table4.gif

4 – While your table is selected, click on the Table button on the toolbar.

table.gif

5 – Format your table using the options provided and then click Ok.

Select Table properties and then the General tab to modify:

  • Width and Height
  • Cell spacing and padding
  • Border
  • Caption
  • Alignment

Select Table properties and then the Advanced tab to modify:

  • Style
  • Border color
  • Background color

table6.gif

Select Cell to:

  • Modify Cell properties
  • Merge cells
  • Split cell

table7.gif

Select Row to:

  • Insert row
  • Delete row
  • Modify Row properties
  • Cut row
  • Copy row
  • Paste row

table8.gif

Select Column to:

  • Insert column
  • Delete column

table9.gif

Select Delete table to remove your template from the template.

table10.gif

Insert Google Calendar Invite into Email Template

If you are sending an email invite to registrants for an event such as a grand opening or realtor luncheon, you can include a Google Calendar Invite that will allow invitees to easily save the event to their Google Calendar directly from the email. You’ll create the URL link directly in your Google Calendar application.

1 – Log into your Google account and open Google Calendar insertcalinvitepre1.gif.

2 – Click the Create button.

insertcalinvite1.gif

This brings you to the event details page.

insertcalinvite1a.gif

 

3 – Enter the details of your event, including:

Event Name – Make sure the name reflects what the event is called on your website and promotional materials. You may also want to include your company name so that invitees know who is hosting the event with just a glance at their calendar.

insertcalinvite2.gif

Time – Enter the start and end dates and times of the event. Adjust the timing of the event to your time zone, as you’re the one creating the .ics file. It will automatically change the time to correspond with each person’s time zone. For example, if you’re creating the event file in Atlanta for a grand opening in Houston that starts at 12 p.m. CST, you should enter the start time as 1 p.m. EST.

insertcalinvite3.gif

Location – Physical address of the event (one line such as ‘13351 Commerce Pkwy Unit 1103, Richmond, BC V6V 2X7’) so that a map link will be included in your invite.

insertcalinvite4.gif

Description – Here, you should include a snippet of the event’s details. This goes in the “description” text box in Google Calendar. It’s also helpful to provide your contact info in this section. That way, people can reach out if they have any questions.

URL of Event Landing Page – If you have a specific landing page for your event, include its URL; it will act as a refresher for those who may not remember the details of the event.

insertcalinvite5.gif

Reminders (optional) – You may set notifications to remind invitees of the event. However, it’s important to not overwhelm people with too many reminders.

insertcalinvite6.gif

4 – Click Save to add the event to your Google Calendar.

insertcalinvite7.gif

5 – Click on the event in your calendar to reopen it.

insertcalinvite8.gif

6 – Click Edit event.

insertcalinvite9.gif

7 – This opens your event to the details page. Click Publish event.

insertcalinvite10.gif

8 – In the Publish event window that pops up, copy the URL link to use in your email template.

insertcalinvite11.gif

9 – Paste the URL link into your email template.

Update/Edit HTML Source Code in Email Template

1 – On the Email Template toolbar, click Tools and select Source code.

sourcecode1.gif

2 – Edit the Source code as desired and click Ok.

sourcecode2.gif

Update/Edit Link in Email Template

1 – Click on the linked text in your template.

2 – Select the Insert/edit link button.

updatelink1.gif

3 – Edit the link and/or text as desired.

4 – Click Ok.

updatelink2.gif

Remove Link from Email Template

1 – Click on the linked text in your template.

2 – Select the Remove link button.

removelink1.gif

The text will no longer contain the link.

removelink2.gif

Embed Videos in Email Template

Lasso recommends that Users do not embed videos in Email Templates because some email applications strip them out and/or won't accept large attachments.

As an alternative, you may upload the video in a video-sharing website (e.g. Vimeo, YouTube, etc.), take a screenshot of the video, and upload the screenshot as an image in Lasso. You may then link the image into the video link. The same would apply to video emails such as BombBomb or Eyejot.

How to Fix Image Rendering Issue in Outlook 2010 and 2013

If you have noticed that your marketing emails look different in Outlook 2010 or 2013 compared to Gmail or other email providers, the cause could be how this version of Outlook renders images. Most email providers recognize images in terms of pixel size, but Outlook 2010/2013 only recognizes point size. So unless an image has been declared in both pixels and points in the HTML, Outlook will automatically shrink the image.

For example, the image below has a width of 700 pixels, and a height of 262pixels.

Outlook 2010/2013 converts the pixel values to points. Because a point is smaller than a pixel, the image shrinks. 1 pixel is equivalent to 0.75 points.

In the Lasso template editor, when you insert this image, the HTML code will automatically look like this:

If the HTML code is left like this, the image will not render correctly. Here are the steps to correct the issue:*

1 – Enter the width and height values within the CSS-style in the image.

2 – Convert the values for the width and height to points.

3 – Using this tool, type 700 in the point text box, and click the Calculate button. Do the same thing for 262.

4 – Copy the value in the pixel text box and, returning to the HTML editor in Lasso, paste that as the new value within the width value. Do the same thing for the height. The final code should look like this:

5 – Save the email template. In the template editor, the image should look exactly the same as before you made the changes to the html code.

6 – Test the email by sending it to an Outlook 2010/2013 account. It’s advisable to test the email with as many email providers as possible to be sure it renders properly.

Give it a try, and if you still have questions, please contact Lasso Support at support@lassocrm.com.

Note: This could be just a temporary fix in Outlook 2010. When this method is employed, sometimes the email template will render differently in Outlook 2013. This method works 90 percent of the time. This Litmus community discussion may provide additional insight.

Examples of Received Email

Here is an example of what an email template might look like to the recipient who has images turned on.

Email Templates

Note: The Opt-out link will only appear if you send a Mass Mail. It will not appear on an email sent from an individual Registrant Profile.

Email Templates

When the recipient mouses over an image, the name you gave it in Image Description field will be displayed.

Email Templates

Here is an example of what the same email will look like to the recipient whose images are turned off:

Email Templates