Build a web page to send via email.
Use the HTML Email Page Layout and its accompanying content types to assemble a page optimized for web email clients. The process starts like any other page you'd create in TerminalFour:
- Create a Section
- In the section's Page Layouts tab, choose the HTML Email page layout.
- Add the HTML Email Config content type, and set up the header and footer.
- Add one or more of the HTML Email content types (the names all start with "HTML Email")
- Test the results by sending the page to your email address.
- If satisfied with the results, use the HTML Email Manager to send it out.
Here's a sample page that uses all of the HTML Email content types currently available.
Page Layout Options
You can select the standard header image from the T4 Media Library, or create one of your own. If you're creating your own, the width dimensions should be 600 pixels. The standard header is in the Media Library's Public > Site Navigation > Backgrounds category. Filter for "html email" to find it.
More HTML Email Content Types
HTML Email General Content - This is just like the one we use for a standard web page, with the addition of an optional heading text field. There's also a two-column version of this available: two general content blocks side-by-side.
HTML Email List Item - A simplified version, with an optional heading text field. You can add one or more of these to create a list with thumbnail images.
HTML Email Story Display - We just have the Story List display option here. Select stories from a section or branch, or by tags, to create your story list.
HTML Email Single Event - You would add one or more of these to create an event list. We're still working on a content type that will allow you to create a list of events automatically from a LiveWhale Calendar RSS file. We hope to have that available soon. For now, you'd need to create your event list manually.
HTML Email LiveWhale Events - Include a list of events from the LiveWhale Calendar system - select events by tag, group, and category.
HTML Email Size Image - This includes a link option for the image.
HTML Email Call to Action - There are two styles available for this (dark gray and light gray backgrounds), and can include text, buttons, or images.
Sending HTML Email
Once it has published to the staging server (stage-www.scu.edu) you can test the results by using Google Chrome to copy all of the page content (CTRL+A or Command+A) and pasting that into the body of a Gmail message form. Send that to your email address to see how it looks. But don't use the staging server as the source of the message when sending this out to your intended audience. This should only be used for testing purposes. You'll need to use the content published to the www servers and the HTML Email Manager to send the message once you're satisfied with the results of your test.
The HTML EMail Manager
When you're ready to send your message out to a list, login to the HTML EMail Manager. You'll need to wait until your page has published to the www servers, then copy and paste the URL for that page into the form. On the next page you can review the HTML Email content and text-only content for accuracy. On to the next form, where can either send the html source code to yourself, or send the message out to your recipients. The system limits the number of recipients to ten, so this is best suited to email messages sent to a mailing list address. And you might want to send one more test message to yourself first - just to be sure that the content from your page is rendered correctly when viewed in a web email client.
If you're not able to login to the system, please submit a support ticket and we'll add you to the group.