Share on LinkedIn0Tweet about this on TwitterShare on Facebook0Google+0

Email WYSIWYG Icon Glossary

Concept

The Email WYSIWYG editor is found on Step 2: Content of the New Email or Email Template wizard.

To access this wizard:

  • Navigate to Marketing > Emails.
  • Select the email you wish to edit under under the Email Template section.
  • Click “Edit email template.”
  • Navigate to Step 2: Content.
  • You are now in the email WYSIWYG editor.

This wizard contains many design options for creating and editing emails. Below is more information about each.

Main Email Editor Menu
Email Template Wizard

Here is a list of what these buttons can do for you:

Icon Function
Undo Last action Undo last action
Redo last action Redo last action
Edit Section Edit–Edit the selected content section
Style Style–Edit the style of selected content section: its background color, text color, link color, link decoration, font type, font size and line height
Copy Copy–Copy the selected content section
Delete Delete–Delete the selected content section
Move Up Move up–Move up the selected content section
Move Down Move down–Move down selected content section
VIew Source View Source–View Email’s HTML source code

Section Email Editor Menu

Email editor

Here is a list of what these buttons can do for you:

Icon Function
Save Button Save progress
Cancel Button Cancel
Bold Bold
Italic Italic
Underline Underline
Strikethrough Strikethrough
Subscript Subscript
Superscript Superscript
Superscript Insert horizontal line
Align Align–Align left, center, right or full
Unordered List Create an unordered list
Ordered List Create an ordered list
Paste from Word Paste content from Microsoft Word–Removes styling from Word that conflicts with WYSIWYG editor
Insert/Edit Image Insert/Edit Image–Insert an image hosted externally, hosted by Pardot, or upload an image into Pardot and insert into your email (upload tab). Also adjust the size and alignment of your image (under the appearance tab)
Undo last action Undo last action
Redo last action Redo last action
Font Family Font family
Font Size Font size
Font Color Select font color
Background Color Select background color
Layout Template Edit CSS style–Edit the CSS of a selected element in the email. Where links can be underlined (Decoration:none).
AddThis AddThis–Social Media sharing platform: Prospects that click on these links can share the content of your email through their own social media accounts.
Insert/Edit Hyperlink Insert/Edit Hyperlink–Inserts a link into your content, or inserts a link hidden behind text or inserts a link with your variable tags (%%view_online%% and %%unsubscribe%%)
Unlink Unlink–Remove a link from your email
Anchor Anchor–Create a link in the email that will jump the reader to where the anchor is located. Insert the anchor at the beginning of an article or section and name it. At the top of the email or in the email’s menu section, create a new link with the Insert/Edit link icon. For link type select “Anchor” and for URL, select the name of the anchor.
Variable Field Variable field–Select a tag representing a Pardot field. When the email is sent, the tag will be replaced with the prospect’s information. Here is a list of our variable field options and a list of variable user tags and usage.
HTML Icon Edit HTML–Edit the source of this content section
HTML Icon Dynamic Content–Add dynamic content to an email