Build emails that look good on a computer and on a phone. Add headings, text, images, buttons and columns, attach files, and link straight to a program's registration page.
You use the email editor when you compose a message in the messaging center, build an email template, or design your email header and footer.
- Find your way around
- The tools
- Add and format text
- Add images
- Add buttons and links
- Link to a program's registration page
- Add attachments
- Your header and footer
- Preview and test your email
- Compose on your phone
Find your way around
Your email is on the left and the tools are on the right. When you drag a tool into your email, it becomes a block. Every block sits inside a row, and a row can hold several blocks side by side.
- Drag a tool from the right into your email.
- Click any block to edit it. Its settings, such as colors, spacing and alignment, open on the right.
- To move a block, drag it up or down.
| ⚠️ Deleting a block leaves its row behind as an empty space. To remove it completely, click the row and delete it too. |
The tools
| Tool | What it adds |
|---|---|
| Heading | A title or section heading |
| Text | Paragraphs, lists and links |
| Image | A picture, such as your logo or a team photo |
| Video | A preview image that links to a video |
| Button | A button that links to a page |
| Divider | A line between sections |
| Social | Icons that link to your social media pages |
| Layout | Columns, so you can place blocks side by side |
| HTML | Your own HTML code |
| Attachments | Files for members to download (Compose a Message only) |
Add and format text
Drag in Text, click it and start typing. Select words to make them bold or italic, add a link, or turn them into a list.
Formatting carries over when you paste from Google Docs or Microsoft Word. If any of it doesn't, select the text and fix it with the text toolbar.
Add images
- Drag Image into your email.
- Click the image, then click Upload Image and choose a picture from your computer.
- Use the settings on the right to change its size, alignment or link.
The editor shrinks any image that's wider than your email.
Add buttons and links
To link text, select it and click the link icon in the text toolbar.
To add a button, drag in Button, click it, then set its text and link on the right.
Link to a program's registration page
When you compose a message, you can send members straight to a program's registration page.
- Click the button you want to link. For text, select the words and click the link icon in the text toolbar.
- Set Action Type to Register for a Program.
- Pick the program from the Program menu. It lists only programs with open registration. If you're linking text, click Save.
Add attachments
You can add attachments when you compose a message, but not in templates or Email Settings.
- Drag Attachments into your email.
- Click the block. In the Attachments panel, click Browse or drag files onto the panel. To reuse a file you uploaded before, search under Or choose a file you've already uploaded.
- Click Add files.
Each file can be up to 10MB. You can attach PDFs, Word, Excel and PowerPoint files, images (JPG, PNG and GIF) and ZIP files, among others. Members get a download link for each file.
| ⚠️ You can't click Send this message or Send test email until your files finish uploading. |
Your header and footer
Your organization's header and footer come from Messaging, then Email Settings.
- Compose a Message: New emails start with your header at the top and your footer at the bottom. You can edit or delete them for one message without changing your saved header and footer.
- Email Templates: Templates don't include the header and footer. Compose a Message adds them when you use the template.
- Email Settings: Design your header and footer here. See the article Customize Your Email Settings.
Preview and test your email
Click the eye icon at the top of the editor to preview your email on a computer and on a phone.
To see it in your inbox, click Send test email. The test goes to your own admin email address.
Compose on your phone
In Admin mode in the LeagueApps mobile apps, the composer opens in a phone layout. New emails start with a headline, a message and an Attachments block. Tap the headline and message to replace the sample text, and tap Attachments to add files.
On a phone, you can't remove the header and footer.