Classic Editor

Here's a detailed guide, explaining each element in the classic email template editor and steps to add an unsubscribe link.

Create Email Template Page Overview

This page is designed for creating a new email template, which can be saved and reused for future campaigns or customer communications.

Fields and Options Explained

• Name Field

  • Purpose: This is where you name your email template. It's useful for organizing templates and making them easily identifiable later.

  • Usage: Enter a clear, descriptive name for your template. For example, "Monthly Newsletter – January" or "Welcome Email for New Subscribers."

• Category Field

  • Purpose: This allows you to categorize your email templates, which helps in organizing and filtering templates when you have multiple ones saved.

  • Usage: Click on "Add Category" to assign a category or create a new one. For instance, you might have categories like "Newsletters," "Promotions," or "Follow-ups."

The category name can be used for the content rotation feature. You can create multiple variations of your email template, add them to the same category, and use that category for the email template rotation feature as follows:

• Content Editor Section

  • This is the main area where you compose your email content. It offers a rich text editor with a variety of formatting tools. Let’s go over each option available in this editor.

Content Editor Toolbar Explained

Here’s an explanation of each toolbar option shown in the image, in order from left to right:

1. Source:

   • Allows you to switch to HTML source code view. This is useful if you need to edit or add HTML code directly.

2. Bold (B):

   • Makes the selected text bold, helping to emphasize important information.

3. Italic (I):

   • Italicizes the selected text, often used for emphasis or styling.

4. Underline (U):

   • Underlines the selected text, which can be used for emphasis or to highlight specific terms.

5. Strikethrough (S):

   • Adds a line through the selected text, often used to indicate something that has been removed or changed.

6. Subscript (x₂):

   • Converts selected text to subscript, making it appear slightly below the line. Useful for formulas or footnotes.

7. Superscript (x²):

   • Converts selected text to superscript, making it appear slightly above the line, often used for exponents or mathematical notations.

8. Ordered List (Numbered):

   • Creates a numbered list. Useful for presenting steps or items in a specific sequence.

9. Unordered List (Bullets):

   • Creates a bullet-point list, ideal for listing items without a specific order.

10. Decrease Indent:

    • Decreases the indentation of the selected text or list, moving it closer to the left margin.

11. Increase Indent:

    • Increases the indentation of the selected text or list, moving it further to the right.

12. Special Character (Ω):

    • Opens a menu to insert special characters, such as symbols or accented letters, that aren’t available on a standard keyboard.

13. Page Break:

    • Insert Page break for printing.

14. Align Left:

    • Aligns the selected text to the left margin, the default alignment in most content editors.

15. Center Align:

    • Centers the selected text horizontally, useful for titles or centered content.

16. Align Right:

    • Aligns the selected text to the right margin, useful for aligning specific sections or elements.

17. Justify:

    • Aligns text to both the left and right margins, creating a clean, aligned look for paragraphs.

18. Link:

    • Allows you to insert a hyperlink. Highlight the text, click this icon, and enter the URL to link the selected text.

19. Remove Link:

    • Removes an existing hyperlink from the selected text, converting it back to plain text.

20. Anchor (Flag Icon):

    • Allows you to create an anchor point in the text, which can be linked to other parts of the document for easy navigation.

21. Insert/Edit Image:

    • Opens options to insert an image into the content. You can upload an image or link to an external image URL.

22. Flash:

    • Allows for the insertion of Flash content, though Flash is generally deprecated and not widely supported.

23. Table:

    • Inserts a table into the content. You can specify rows, columns, and configure the table’s appearance and structure.

24. Horizontal Line:

    • Inserts a horizontal line (divider) across the content. It’s useful for visually separating sections.

25. Styles

    • Purpose: This dropdown allows you to apply predefined styles to the text, such as headings, block quotes, or custom styles that may be configured in the editor.

    • Usage: Select a style to quickly format text according to the template’s design standards, maintaining consistency across your email content.

26. Format

    • Purpose: Provides formatting options for the text, such as paragraph styles, heading levels (H1, H2, H3, etc.), and other specialized formats.

    • Usage: Choose a format to structure your content, such as using headings for section titles or setting text as a paragraph for regular body text.

27. Font

    • Purpose: Allows you to select a specific font for the highlighted text.

    • Usage: Choose a font that matches your brand’s style or the email’s design. Common fonts like Arial, Times New Roman, and Helvetica may be available depending on the editor’s configuration.

28. Size

    • Purpose: Enables you to adjust the font size of the selected text.

    • Usage: Select a size to make the text larger or smaller. This is particularly useful for headings, subheadings, or emphasizing specific parts of the text.

29. Text Color (A with a color bar)

    • Purpose: Allows you to change the color of the selected text.

    • Usage: Choose a color to highlight important text, match branding colors, or make sections stand out in the email.

30. Background Color (A with a background color)

    • Purpose: Changes the background color behind the selected text.

    • Usage: Select a color to make certain text pop against the background. This is often used for warnings, highlights, or emphasis within paragraphs.

31. Help (Question Mark)

    • Purpose: Provides assistance or additional information about the editor.

    • Usage: Click on this icon if you need help using the toolbar options or understanding specific features in the editor. This may open a guide, documentation, or FAQ.

Adding an Unsubscribe Link in Classic Editor

To comply with email marketing regulations and give recipients the option to opt out, it's essential to include an unsubscribe link. Here's how to add one in the editor:

• Step 1: Click on [Available tags] located near the "Content" section title. This typically opens a list of merge tags that can be dynamically replaced with user-specific data during the email sending process.

• Step 2: Look for an "Unsubscribe" tag on the top, which may appear as something like [UNSUBSCRIBE_URL].

• Step 3: Copy the [UNSUBSCRIBE_URL] tag and paste it at the bottom of your email template with a clear call-to-action, such as:

  If you would like to stop receiving these emails, please click here to Unsubscribe.

  To hyperlink the word "unsubscribe" with the [UNSUBSCRIBE_URL] tag, follow these steps:

  1. Select the text you want to use as the hyperlink, such as “click here to unsubscribe” or similar.

  2. Click on the link icon at the top of the editor toolbar.

  3. Add the [UNSUBSCRIBE_URL] tag as the hyperlink URL.

---

This should give you a comprehensive understanding of each tool in the classic editor and how to create a well-structured, compliant email template. Let me know if you need further assistance with any specific feature.