You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/engage/content/email/editor.md
+4-1Lines changed: 4 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -154,4 +154,7 @@ After you design the email, click **Create Email Template**.
154
154
155
155
- Learn more about [building email templates](/docs/engage/content/template/) to include in your Engage campaigns.
156
156
157
-
- You can also use 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 [Visual HTML Editor](/docs/engage/content/email/visual-html-editor) for both code and visual editing capabilities from a single view.
158
+
159
+
> warning ""
160
+
> once you create an email with the Drag and Drop Editor, you can't modify it with the Visual HTML Editor, and vice versa.
Copy file name to clipboardExpand all lines: src/engage/content/email/visual-html-editor.md
+11-8Lines changed: 11 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ title: Visual HTML Editor
3
3
beta: true
4
4
---
5
5
6
-
Use the Visual HTML Editor for both code and visual editing capabilities from a single view. With the Visual HTML Editor, you can import or update your email template with code, or use the visual editor for a code free design experience.
6
+
Use the Visual HTML Editor for both code and visual editing capabilities from a single view. With the Visual HTML Editor, you can build your email template with code, copy and paste existing code, or use the visual editor for a code free design experience.
7
7
8
8
On this page, you'll learn how to use the Visual HTML Editor to build personalized email templates for your Engage campaigns.
9
9
@@ -18,7 +18,7 @@ From the **Select Editor** screen, select **Visual HTML Editor** and click **Bui
18
18
## Visual Editor
19
19
20
20
Use the visual editor on the right for a no-code option to design your email. With the visual editor, you can:
21
-
- Add headings and text
21
+
- Add or modify headings and text
22
22
- Modify text color, size, and style
23
23
-[Insert an image](#insert-an-image)
24
24
- Add [merge tags](#personalize-with-merge-tags) and links
@@ -35,8 +35,6 @@ To insert an image from the visual editor:
35
35
- You can also click and drag the corners of the image to resize it in the visual editor.
36
36
4. Click **Save**.
37
37
38
-
> info ""
39
-
> The maximum image file size you can upload is 10 MB.
40
38
41
39
### Preview for desktop or mobile display
42
40
@@ -46,13 +44,13 @@ From the preview screen, you can toggle between desktop or mobile to view the em
46
44
47
45
## HTML Editor
48
46
49
-
Use the HTML editor on the left to maintain your email template with code. Import existing code or build a new template in the editor.
47
+
Use the HTML editor on the left to maintain your email template with code. Copy and paste existing code or build a new template in the editor.
50
48
51
-
Engage displays any changes you make to the HTML editor in the [visual editor](#visual-editor) in real-time. However, if there are any errors in your code, you must fix the errors before Engage displays your updates.
49
+
Engage displays any changes you make to the HTML editor in the [visual editor](#visual-editor) in real-time. However, if there are any errors detected in your code, you must fix the errors before Engage displays your updates.
52
50
53
51
### Error flagging
54
52
55
-
Engage displays in-line error flags in the code editor to help you debug your code. If there are errors, Engage doesn't render any content in the visual editor until you've debugged your code.
53
+
Engage displays in-line error flags in the code editor to help you debug your code. If there are errors, Engage doesn't render any of the updated content in the visual editor until you've debugged your code.
56
54
57
55
## Personalize with merge tags
58
56
Add merge tags to personalize your message with user profile traits.
@@ -83,6 +81,8 @@ For example, use `{% if %}`, `{% elseif %}`, and `{% else %}` tags to call a pr
83
81
```
84
82
{% endraw %}
85
83
84
+
> success ""
85
+
> 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.
86
86
87
87
To view more examples related to your use case, visit the [LiquidJS docs](https://liquidjs.com/tags/if.html){:target="blank"}.
88
88
@@ -111,6 +111,9 @@ After you design the email, click **Create Email Template**. Navigate to **Engag
111
111
112
112
- Learn more about [building email templates](/docs/engage/content/template/) to include in your Engage campaigns.
113
113
114
-
- You can also use the [Drag and Drop Editor](/docs/engage/content/email/editor/) in Engage to build Email templates with drag and drop functionality.
114
+
- 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.
115
+
116
+
> warning ""
117
+
> once you create an email with the Visual HTML Editor, you can't modify it with the Drag and Drop Editor, and vice versa.
0 commit comments