Email newsletter content blocks

Content block types

Email newsletters are created by arranging different types of content blocks in the desired order and populating them with content from the intranet and custom content. See descriptions of content block types and features below, and set up instructions under the heading Set up content blocks.

• Multiple posts: Displays multiple posts, events, or other intranet content items. Different display styles put images, titles, and text excerpts in different arrangements. To learn more, see the Display styles heading.
• Single post: One post, event, or intranet content item displays in the selected display style.
• Rich text: Rich text editor allows you to insert and format text, images, links, tables, table layouts, and more.
• Banner image: Displays an image across the full width of the newsletter content. A link can be added to the image. Padding can be added to the sides of the image. Ideal image dimensions: 650 pixels wide x 158 pixels high. Allowable file types: JPG, PNG. 
• Image: Displays a large image with padding. A link can be added to the image.
• Rich text 2 columns: Behaves the same as the Rich text content block but in two columns. Does not support tables or table layouts.
• Heading: Enter text to have it display as a large text, bolded header.
• Divider: Horizontal line dividing content blocks.

Display styles

Multiple posts and Single post content blocks have different display styles to choose from. The display styles are described below, but you can switch back and forth between different styles to compare them when you are editing the newsletter.

• Side-by-side: Posts display in a single column, with small post images on the left and post title and text excerpt on the right. Calendar events display date and time above the event title and text.
• Text only: Posts display in a single column with title and text excerpts only, no images. Calendar events display date and time above the event title and text.
• Grid (multiple post only): Posts display in a two column grid, each post with a small post image above and post title below. Calendar events display date and time above the event title.
• Stacked: Posts display in a single column, with a large post image, and post title and text excerpt below. Calendar events display date and time above the event title and text.

To switch display styles after the initial set up:

1. Hover over the content block you want to change and click on the three dots ... that appear on the top right of the block.
2. Click Edit block in the menu that appears
3. Select the radio button for a different display style in the posts set up window.
4. Click Done.

Set up content blocks

Look below for instructions for the content block type you want to set up:

Multiple posts/Single post

1. Drag and drop a Multiple posts/Single post content block from the left side to where you want it in the body of the newsletter.
2. Click Set up post(s).
3. In the posts set up window, click in the Search field under Add content, and start typing part of the title to find the intranet content you want to add. Click on the content to add it when you see it appear in the results dropdown.
4. Repeat to add more content (multiple posts content block only).
5. To reorder the content, click on the left of a piece of content and drag and drop it into the desired order. 
6. Select the radio button for the display style you want.
7. Click Done.
8. Click on post titles and text excerpts to edit them as desired.
9. If a post doesn't have a thumbnail image connected, click Add image if you want to add an image

Banner image/Image

1. Drag and drop a Banner image/Image content block from the left side to where you want it in the body of the newsletter.
2. Click Add image.
3. In the Choose Image window, search and/or select an image from the intranet or Unsplash tabs, or click Upload images and browse to select an image.
4. Click Done.
5. To add a link to the image, see the heading Add link to an image.
6. (optional) To add padding to the sides of the image (banner image only):
   1. Hover over the image you want to add padding to and click on the ... three dots on the right.
   2. In the menu that opens, click Add padding.

For banner images, ideal image dimensions are 650 pixels wide x 158 pixels high. Allowable file types: JPG, PNG. 

Rich text/Rich text 2 columns

1. Drag and drop a Rich text/Rich text 2 columns content block from the left side to where you want it in the body of the newsletter.
2. Enter content into the rich text fields, format as desired and add links, images, tables (Rich text only), and more.

Heading

1. Drag and drop a Heading content block from the left side to where you want it in the body of the newsletter.
2. Click in the Title field and type the text you want for the heading.

Divider

1. Drag and drop a Divider content block from the left side to where you want it in the body of the newsletter.
2. That's it!