Skip to content

Commit 0a63000

Browse files
committed
More PM feedback and misc. edits
1 parent 3f069b3 commit 0a63000

File tree

4 files changed

+23
-17
lines changed

4 files changed

+23
-17
lines changed

src/_data/sidenav/main.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -406,8 +406,8 @@ sections:
406406
title: Email Template
407407
- path: '/engage/content/email/editor'
408408
title: Drag and Drop Editor
409-
- path: '/engage/content/email/visual-html-editor'
410-
title: Visual HTML Editor
409+
- path: '/engage/content/email/advanced-html-editor'
410+
title: Advanced HTML Editor
411411
- path: '/engage/content/sms/template'
412412
title: SMS Template
413413
- path: '/engage/content/whatsapp'

src/engage/content/email/visual-html-editor.md renamed to src/engage/content/email/advanced-html-editor.md

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
---
2-
title: Visual HTML Editor
2+
title: Advanced HTML Editor
33
beta: true
44
---
55

6-
Use the Visual HTML Editor to design your email template with both code and visual editing capabilities. Build your email template with code, copy and paste existing code, or use the visual editor for a code free design experience.
6+
Use the Advanced HTML Editor to design your email template with both code and visual editing capabilities. Build your email template with code, copy and paste existing code, or use the visual editor for a code free design experience.
77

8-
On this page, you'll learn how to use the Visual HTML Editor to build personalized email templates for your Engage campaigns.
8+
On this page, you'll learn how to use the Advanced HTML Editor to build personalized email templates for your Engage campaigns.
99

1010
## Getting started
1111

12-
You can navigate to the Visual HTML Editor in two ways:
12+
You can navigate to the Advanced HTML Editor in two ways:
1313
- When you build a new email template or edit an existing one.
1414
- From a Send Email step in a Journey.
1515

16-
From the **Select Editor** screen, select **Visual HTML Editor** and click **Build Email**.
16+
From the **Select Editor** screen, select **Advanced HTML Editor** and click **Build Email**.
1717

1818
From the editor screen, click **Use HTML Editor** or **Use Visual Editor** to toggle between the two editors.
1919

@@ -24,7 +24,6 @@ Use the visual editor for a no-code option to design your email. With the visual
2424
- Modify text color, size, and style
2525
- [Insert an image](#insert-an-image)
2626
- Add [merge tags](#personalize-with-merge-tags) and links
27-
- Use [liquid templating](#liquid-templating)
2827
- Add emojis
2928

3029
Engage updates any changes you make in the visual editor to the [HTML editor](#html-editor) in real-time.
@@ -51,8 +50,10 @@ Use the HTML editor to maintain your email template with code. Copy and paste ex
5150

5251
Engage displays any changes you make in a preview screen to the right of your code. You can preview your email in both desktop and mobile display.
5352

53+
Click **Format** at any time to properly indent and format your code in the HTML editor.
54+
5455
> info ""
55-
> When you toggle from the HTML Editor to the Visual Editor, Engage may make minor changes to your code formatting. If Engage re-formats your code, it will not affect the email layout.
56+
> When you toggle from the HTML editor to the visual editor, Engage may make minor changes to your code formatting. If Engage re-formats your code, it will not affect the email layout.
5657
5758
### Error flagging
5859

@@ -70,7 +71,7 @@ Add merge tags to personalize your message with user profile traits.
7071
7172
### Liquid templating
7273

73-
Engage supports liquid templating to create dynamic content in the Visual HTML Editor.
74+
Engage supports liquid templating to create dynamic content in the Advanced HTML Editor.
7475

7576
{% raw %}
7677

@@ -87,8 +88,13 @@ For example, use `{% if %}`, `{% elseif %}`, and `{% else %}` tags to call a pr
8788
```
8889
{% endraw %}
8990

91+
If you use liquid templating, be sure to [test your email](/docs/engage/content/email/template/#test-the-email-template/) to make sure that everything renders properly.
92+
9093
> success ""
91-
> If you use liquid templating, be sure to [test your email](/docs/engage/content/email/template/#test-the-email-template/) to make sure that everything renders properly.
94+
> While both the HTML and visual editor support liquid templating, Engage recommends using the HTML editor to write liquid templating.
95+
96+
> warning ""
97+
> Engage doesn't support liquid template syntax that produces partial blocks of HTML.
9298
9399
To view more examples related to your use case, visit the [LiquidJS docs](https://liquidjs.com/tags/if.html){:target="blank"}.
94100

@@ -120,6 +126,6 @@ After you design the email, click **Create Email Template**. You can navigate to
120126
- You can also learn about the [Drag and Drop Editor](/docs/engage/content/email/editor/) in Engage to build Email templates with drag and drop functionality.
121127

122128
> warning ""
123-
> once you create an email with the Visual HTML Editor, you can't modify it with the Drag and Drop Editor, and vice versa.
129+
> Once you create an email with the Advanced HTML Editor, you can't modify it with the Drag and Drop Editor, and vice versa.
124130
125131

src/engage/content/email/editor.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ After you design the email, click **Create Email Template**.
154154

155155
- Learn more about [building email templates](/docs/engage/content/template/) to include in your Engage campaigns.
156156

157-
- You can learn about the [Visual HTML Editor](/docs/engage/content/email/visual-html-editor) for both code and visual editing capabilities from a single view.
157+
- You can learn about the [Advanced HTML Editor](/docs/engage/content/email/advanced-html-editor) for both code and visual editing capabilities from a single view.
158158

159159
> warning ""
160160
> once you create an email with the Drag and Drop Editor, you can't modify it with the Visual HTML Editor, and vice versa.

src/engage/content/email/template.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ plan: engage-premier
44
---
55
Use Twilio Engage to build personalized email templates to store and use throughout marketing campaigns.
66

7-
Build an email template from scratch using the [Drag and Drop Editor](/docs/engage/content/email/editor/) or the [Visual HTML Editor](/docs/engage/content/email/visual-html-editor/). Include [personalized content](#personalize-with-merge-tags) in the subject line, preview text, and email body to engage with users based on their profile traits and actions.
7+
Build an email template from scratch using the [Drag and Drop Editor](/docs/engage/content/email/editor/) or the [Advanced HTML Editor](/docs/engage/content/advanced-html-editor/). Include [personalized content](#personalize-with-merge-tags) in the subject line, preview text, and email body to engage with users based on their profile traits and actions.
88

99

1010
## Build an Email template
@@ -29,7 +29,7 @@ To configure an email template, click **Create Template**.
2929
6. Add preview text and the subject line. Use [merge tags](#personalize-with-merge-tags) to personalize the email template with real-time profile traits.
3030
3. Select the design method to build your email template:
3131
- [**Drag and Drop Editor**](/docs/engage/content/email/editor/) is a drag and drop WYSIWYG tool with customizable content blocks.
32-
- [**Visual HTML Editor**](/docs/engage/content/email/visual-html-editor/) contains both a code and visual editor from a single view. This editor provides complete HTML editing access with error flagging.
32+
- [**Advanced HTML Editor**](/docs/engage/content/email/advanced-html-editor/) contains both a code and visual editor from a single view. This editor provides complete HTML editing access with error flagging.
3333
4. Design the email template, then click **Create Email Template**.
3434

3535
## Test the Email template
@@ -52,14 +52,14 @@ Personalize email content in Twilio Engage with real-time profile traits in your
5252

5353
As you configure the template, click **Merge Tags** and select the profile traits to include. Engage inserts the merge tags based on cursor placement.
5454

55-
You can also add merge tags in the heading or body text as you design an email with the [Drag and Drop](/docs/engage/content/email/editor/) or [Visual HTML](/docs/engage/content/email/visual-html-editor/) editors. Engage supports [liquid templating](https://liquidjs.com/tags/if.html){:target="blank"} to create dynamic content in the email design editor.
55+
You can also add merge tags in the heading or body text as you design an email with the [Drag and Drop](/docs/engage/content/email/editor/) or [Advanced HTML](/docs/engage/content/email/advanced-html-editor/) editors. Engage supports [liquid templating](https://liquidjs.com/tags/if.html){:target="blank"} to create dynamic content in the email design editor.
5656

5757
> info ""
5858
> To learn more about profile traits, visit Segment's [Computed Traits](/docs/engage/audiences/computed-traits) and [SQL Traits](/docs/engage/audiences/sql-traits/) documentation.
5959
6060
## Include unsubscribe links
6161

62-
When you build email templates, it's your responsibility to include an unsubscribe link in your message. Add unsubscribe links to an email template from the Drag and Drop or Visual HTML editors.
62+
When you build email templates, it's your responsibility to include an unsubscribe link in your message. Add unsubscribe links to an email template from the Drag and Drop or Advanced HTML editors.
6363

6464
When a recipient clicks on an unsubscribe link, they'll see a confirmation page and the recipient's subscription state is updated.
6565

0 commit comments

Comments
 (0)