Skip to content

Commit d7342c8

Browse files
committed
Drag and Drop updates
1 parent 86fbabf commit d7342c8

File tree

3 files changed

+23
-16
lines changed

3 files changed

+23
-16
lines changed

src/engage/campaigns/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,6 @@ Use Engage to send [email](/docs/engage/campaigns/email-campaigns/) and [SMS cam
1919

2020
## Build email and SMS templates
2121

22-
With Engage, you can build [email](/docs/engage/content/email/template/) and [SMS templates](/docs/engage/content/sms/template/) to use throughout your campaigns. Build an email template using a visual editor or an HTML code editor. Personalize templates with merge tags and test your messages before you send them in campaigns.
22+
With Engage, you can build [email](/docs/engage/content/email/template/) and [SMS templates](/docs/engage/content/sms/template/) to use throughout your campaigns. Build an email template using a drag and drop or a visual HTML editor. Personalize templates with merge tags and test your messages before you send them in campaigns.
2323

2424
Engage saves the message templates for you to preview, maintain, and reuse throughout your campaigns.

src/engage/content/email/editor.md

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
2-
title: Email Template Editor
2+
title: Drag and Drop Editor
33
plan: engage-premier
44
---
5-
Use Twilio Engage to build email templates with a *what you see is what you get* (WYSIWYG) visual editor. Use drag and drop tools to design the template layout and include user profile traits to personalize the message for each recipient.
5+
Use Twilio Engage to build email templates with a *what you see is what you get* (WYSIWYG) Drag and Drop Editor. Use drag and drop tools to design the template layout and include user profile traits to personalize the message for each recipient.
66

7-
You can navigate to the visual editor from the **Select Editor** screen:
7+
You can navigate to the Drag and Drop Editor from the **Select Editor** screen:
88
- When you build a new email template or edit an existing one.
99
- From a Send Email step in a Journey.
1010

11-
From the **Select Editor** screen, select **Visual Editor** and click **Build Email**.
11+
From the **Select Editor** screen, select **Drag and Drop Editor** and click **Build Email**.
1212

13-
The visual editor consists of a [left sidebar](#left-sidebar) with design modules and an [email canvas](#email-canvas).
13+
The Drag and Drop Editor consists of a [left sidebar](#left-sidebar) with design modules and an [email canvas](#email-canvas).
1414

1515
## Left sidebar
1616

@@ -89,7 +89,7 @@ Select and drag and image into the canvas, then return to the sidebar to set ima
8989
## Upload an image
9090
Use the Uploads tool to upload an image for the email template. Click **Upload Image** to select an image stored locally or drag and drop images in the sidebar dropzone.
9191

92-
> note ""
92+
> info ""
9393
> The maximum image file size you can upload is 10 MB.
9494
9595
## Link actions
@@ -119,11 +119,11 @@ Add an unsubscribe link to text:
119119
You can alternatively add a [predefined unsubscribe](#add-blank-columns-or-predefined-content-blocks) link content block.
120120

121121
## Personalize with merge tags
122-
Add merge tags in the visual editor to personalize your message with user profile traits.
122+
Add merge tags in the Drag and Drop Editor to personalize your message with user profile traits.
123123

124124
1. Select any heading or body text in the email canvas. From the text toolbar, click **Merge Tags**.
125125
2. Select the profile traits to include from the drop down menu.
126-
3. Based on cursor placement, profile traits are added to the email from merge tags.
126+
3. Based on cursor placement, Engage adds merge tags to your email template.
127127

128128
Engage supports liquid templating to create dynamic content in the email design editor and the SMS editor.
129129

@@ -148,3 +148,10 @@ To view more examples related to your use case, visit the [LiquidJS docs](https:
148148
## Save the template
149149

150150
After you design the email, click **Create Email Template**.
151+
152+
153+
## Next steps
154+
155+
- Learn more about [building email templates](/docs/engage/content/template/) to include in your Engage campaigns.
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.

src/engage/content/email/template.md

Lines changed: 7 additions & 7 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 a [visual editor](/docs/engage/content/email/editor/) or with an HTML code 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 [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.
88

99

1010
## Build an Email template
@@ -28,8 +28,8 @@ To configure an email template, click **Create Template**.
2828
5. Add email addresses to receive a blind carbon copy of your email.
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:
31-
- [**Visual Editor**](/docs/engage/content/email/editor/) is an easy to use, drag and drop WYSIWYG tool with customizable content blocks.
32-
- **HTML Editor** is an HTML editor with a side-by-side preview screen. This editor provides complete HTML editing access with error flagging.
31+
- [**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.
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 heading and body text as you design an email with the [visual editor](/docs/engage/content/email/editor/). 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 [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.
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 [visual](/docs/engage/content/email/editor/) or HTML editor.
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.
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

@@ -80,6 +80,6 @@ After you clone a template, you can edit it from the Templates page.
8080

8181
## Next steps
8282

83-
View some [email deliverability tips and tricks](https://docs.sendgrid.com/ui/sending-email/deliverability){:target="blank"} from SendGrid.
83+
- View some [email deliverability tips and tricks](https://docs.sendgrid.com/ui/sending-email/deliverability){:target="blank"} from SendGrid.
8484

85-
You can also use the Templates screen in Engage to [build SMS templates](/docs/engage/content/sms/template/).
85+
- You can also use the Templates screen in Engage to [build SMS templates](/docs/engage/content/sms/template/).

0 commit comments

Comments
 (0)