1. Step-by-Step
    1. Creating a New Newsletter
    2. Adding Content to Your Newsletter
    3. Publish Your Newsletter
    4. Customizing your Newsletter Options
  2. Video Tutorial
    1. Transcript
  3. Try It Out!

This newsletter is available on any CMS website, but it has to be enabled by the Web Services team. If you would like it enabled, please contact the ITS Service Desk.

Once it’s enabled, you will then see a Newsletter item in the left hand navigation within your dashboard.

If you just want to test out building a newsletter, you should have permission to do so on the CCMS Playground


Creating a New Newsletter

  1. Add a new Newsletter using the side or top menu.
  2. Fill in the Add Title field with a name for your newsletter. This will display in the URL of the newsletter. Usually this is something like “Month Year Newsletter”.
  3. Fill in the Newsletter Title field with a title for your newsletter. This will display at the top of the newsletter, under the banner. If you leave this field blank, it will display the default newsletter name that you can configure in the Navigation Options menu.
  4. You can choose a banner for your newsletter. If left blank, the banner will display the default banner that you can configure in the Navigation Options menu.

Adding Content to Your Newsletter

  1. Enter your content by selecting Add Block. There are 3 types of blocks:
    1. Text Block – add a Header, add your content in the Text Area, and choose to add a read more link and an image.
    2. Recent News – choose how many posts you would like to display, add a Header, and select your news items using the Specific posts option under News Shown or Select Categories under News Type.
    3. Upcoming Events – choose how many events you would like to display, add a Header, and select your events using the Specific posts option under Events Shown or Select Categories under Events Type.

Publish Your Newsletter

  1. Save, schedule, or publish your newsletter. If you want it to be published on a certain date, simply schedule it for that date.
  2. View your newsletter by clicking Preview in the publish menu, or by clicking View Newsletter in the top menu.
  3. On the content of your newsletter (i.e. not the banner or footer), right click and choose View page source. You can also use Ctrl+U on PC or Command+U on Mac.
  4. This will open a new page with the page’s source code. Highlight all the code on this page (you can use Ctrl+A on PC or Command+A on Mac to highlight all text) and then copy it.
  5. You will then need to paste the code into your email distribution tool (e.g. Campaign Monitor, Lyris, Mailchimp)

Customizing your Newsletter Options

  1. Hover over Newsletter in the side menu and click on Newsletter Options. Here, you can fill out some default settings for all newsletters created on your site.
  2. Under Newsletter Name, you can select a default name for your newsletters, such as “[Site Name] News”.
  3. Under Newsletter Banner Type, you can select a default banner for your newsletters.
    1. If you select Hosted, then you can add the name of the hosted banner under Newsletter Hosted Banner.
    2. If you select Custom, then you can upload a newsletter banner by clicking Add Image.
  4. Under Newsletter Disclaimer, you can add a footer that will be placed at the bottom of your newsletter.
  5. Once you’re done with your changes, click Update in the publish menu.

Video Tutorial


Try It Out!

Not all websites use newsletters, but if yours does, creating them in CMS a handy skill to have. Test out your newsletter making skills with the following tasks. Please note that newsletters may not be enabled on your website. If you do not want to enable them on your site, but do want to practice creating a newsletter, you may do so on the CCMS Playground.

  1. Create a new newsletter and fill out the title, newsletter title, and a banner.
  2. Add a text block with some text, an image, and a read more link.
  3. Add Recent News and select 3 posts manually
  4. Add Upcoming Events and select a category to list
  5. Save your newsletter and preview it
  6. Copy your newsletter’s source code.
  7. In Newsletter Options, change the default title and banner and add a footer.