How do I add text in the Drag & Drop Email Editor?
Jump start:
If your template shows a text placeholder, just click on it and the text settings and formatting toolbar will open.
Don’t like the text color? Simply click in the color box to select a color or enter a color hex code. Easy-peasy.
Want to change the alignment? No problem! Click on the alignment button of your choice – left, right, or center.
Insert new Text Block: Drag and drop a Text Block into an existing Structure in the e-blast. Click it to open the text settings menu and formatting toolbar. Enter your text.
Don’t like the text color? Simply click in the color box to select a color or enter a color hex code. Easy-peasy.
Want to change the alignment? No problem! Click on the alignment button of your choice – left, right, or center.
Pro tip! Did you know that including text in your emails helps get your message through even if your subscribers have images turned off for their emails? And it helps with accessibility. Your best bet? Aim for a ratio of 80% text to 20% images.
Deeper dive
Pro tip! To ensure a unified design style throughout your email, adjust General Settings in the Appearance tab. *Our templates have styles set in the Appearance tab, no need to change them unless you’d like to.
Text settings menu
Use the text settings menu to apply settings to the entire Text Block.
Text color: To set the color of the text, click the color box. Enter a color hex code, use one of the preselected colors, or use the color picker.
Pro tip! Have a piece of text you want to emphasize by making it a header, bolded, linked, or more? Highlight the piece of text and use the Text formatting toolbar at the top to customize as needed.
Background color: To change the background color, click the color box. Enter a color hex code, use one of the preselected colors, or use the color picker.
Pro tip! Think high contrast when choosing colors for your text and backgrounds. Test out color combinations with an online contrast analyzer like Contrast Checker.
To set a different alignment for mobile view, click on the mobile icon then set the alignment.
Pro tip! Some elements look good on desktop devices when center-aligned but may not look as good on mobile devices. You may want to set different alignments for certain elements on mobile and desktop devices. Click the Device Preview icon to preview how your email will look on desktop and mobile devices.
Padding: Padding refers to the margin around images or text. To add padding to the edges of a Text Block, use the + and – controls to adjust the padding for all edges.
To adjust the padding for each edge separately, click More to toggle on.
Click the mobile icon to adjust padding for the mobile version.
Add an anchor link: Anchor links allow viewers to jump to specific areas within the email. To add an anchor link to the Text Block, click to toggle on Add an anchor link and enter a name for the anchor.
Next, click on the Block that you would like linked to this anchor.
Hide element: If you wish to hide a Text Block from view on either desktop or mobile devices, select the corresponding icon in the Hide element section.
Include in: By default, the Text Block will be included in both HTML and AMPHTML emails. This is shown in the Include in setting. We do not recommend you change this setting.
Pro tip! Sometimes you want to make your email design “clean” with lots of white space. Sometimes you use padding for containers and structures to fill them in with a color background. This all looks good on desktop devices, but on mobile devices it may make those elements less attractive. So, you may want to remove padding for mobile devices. Click the Device Preview icon at the top of the page to see how your email will look on desktop and mobile devices.
Next, click on the Block that you would like linked to this anchor.
- To link a piece of text in a Text Block, highlight it and click the Change Link icon on the formatting toolbar. In the settings menu, go to Link and click the Site drop-down menu. At the bottom of the drop-down, select the anchor.
- To add the link to other Blocks, in the settings menu for that Block, go to Link and click the Site drop-down menu. At the bottom of the drop-down, select the anchor.
NOTE: Anchor links are not supported in some email clients: iOS Gmail app, iOS Apple Mail, Outlook app on Android, Outlook app for macOS and AMP Emails.
Hide element: If you wish to hide a Text Block from view on either desktop or mobile devices, select the corresponding icon in the Hide element section.
Pro tip! There are a few reasons why you might need this option. For example, you may want to hide some elements on mobile devices to avoid horizontal scrolling, which could happen if you apply a large font size to the text. Click the Device Preview icon at the top of the page to see how your email will look on desktop and mobile devices.
Delete: To delete a Text Block, hover over it in the e-blast. A menu tab will appear on the right side of the block. Click the tab then the trash can icon.
Text formatting toolbar
Use the Text formatting toolbar to customize all the text or just portions of the text within the Text Block. Highlight the text you wish to format and apply options such as font style, font size, bolding, creating bulleted lists, adding links, and more.
Paragraph Format: Use the drop-down menu to select a paragraph format. Options include Normal and Headings; H1 (large title), H2 (medium title), and H3 (subtitle).
NOTE: Headings styles can be set in Headings under the Appearance tab. Our templates already have Appearance styles set, so no need to adjust them unless you’d like to.
Font Name: Use the drop-down menu to select a font.
Font Size: Use the drop-down menu to select a font size.
Text Emphasis: Select Bold, Italic, Underline, or Strikethrough to emphasize text.
Text Style: To apply a Text Style of Subscript, Superscript, or Remove Format, click the three-dot menu and select the desired style.
Text Color: Use the drop-down menu to choose one of the preselected colors. Click More Colors... to enter a color hex code or use the color picker.
Background Color: Highlight a portion of text by adding a background color. Use the drop-down menu to choose one of the preselected colors. Click More Colors... to enter a color hex code or use the color picker.
Alignment: Align text Left, Center, Right, or Justify by using the drop-down menu to select an alignment.
List: Create a bulleted or numbered list. Click the drop-down menu and select a list type.
Line wraps: By default, line wrapping is on so that text will continue to a new line when a line is full. Line wrapping allows text to be responsive by being read from top to bottom without any horizontal scrolling. To turn off line wrapping, click the Line wraps icon.
Change Link: To add a link to a piece of text, highlight the text and click the Change Link icon.
A new section will appear in the Text settings menu on the left, under Background color.
Here you can set:
- Link color – Click the color box. Enter a color hex code, use one of the preselected colors, or use the Color Picker.
- Underline links – By default, this toggle is on. If you do not want your links underlined, click to turn it off.
- Link – Use the Site drop-down menu to select the type of link you want to add and enter the link URL. To link to a book in your catalog, an e-resource, or an uploaded file, click the Additional Link Options button.
NOTE: When linking to a book in your catalog, catalog holdings information will be displayed if your library has On The Shelf (OTS). For libraries not using OTS, to ensure you are linking to the copy owned by your library, search by ISBN.
- Title – This field automatically fills with the text you highlighted for your link. Edit if needed.
Insert Emoji: Click the Insert Emoji icon to open the emoji selector. Click an emoji to insert it into your Text Block.
Insert: Use this three-dot menu to insert a Table or Special Character.