3) Create the Chapter Leader Update for the web

Log into the website as an Admin or Publisher and select “Content > Add content > Chapter Leader Updates“. This will create a new CLU content type.

Standard naming convention for the web version is to use the date the email was sent to Chapter Leaders.

Make sure you change it to match that date in the “Content Date” calendar as well.

The snapshot should be identical to whatever image was included in the email, but it should be much higher resolution to accommodate the desktop.

For this reason, I always optimize two different versions:

• One low-resolution one that’s a maximum 1200px wide at 72dpi for Marketing Cloud
• One larger one that can be as wide as 3800px that we use on the website (this is a relatively new standard meant to accommodate high resolution 4K monitors).

The Snapshot should be uploaded the same way as any other image we add to the website. The caption should match exactly what was written in the email (including BOLDING and making the teaser ALL CAPS and italicising the entire thing).

The only difference is there is a separate field for the credit where you should add the photographer’s name (with no parentheses).

To add content, I recommend you use the final version of the CLU email as it will have all the final edits and changes. the cleanest way to do this is to copy the text from the email and paste it in in the source view.

Unfortunately, this will not add the links so you’ll have to do that manually in the editor view.

If you paste the content directly into the editor view, it will also carry over all the formatting and Marketing Cloud-specific back-end code. This could easily break your webpage.

You can edit all that out in the source view, but it’s easy to miss things and takes longer than simply pasting it in clean and adding the links after.

Once you’ve pasted the content in the source view, click the “Source” button again to return to standard editing view.

There, you can format it using the built in formatting tools in the editor.

In almost every section, the CLU uses regular semantic HTML standards: Headlines should be H2, sub-headlines should be H3, etc.. The built-in editor will help you format it correctly or you can refer to older CLUs to see how it’s formatted there.

Add links to the text as you normally would when creating any web page within the site. They should match the links in the email.

Remember to save frequently by clicking the “Save” button.

The only section that needs special coding is “You Should Know“. Each sub-section here requires that it be contained within a <div> tag with it’s own unique class. This styles the header for each one so it will mimic the CLU email.

The correct format for each sub-section should be as follows:

<div class="[Section]">
  <h3>[Section Title]</h3>
  <h4>[News Item headline]</h4>
  <p>[Item content]</p>
</div>

Each div must surround the content within it and must have one of the following classes:

Alternately, you may simply use the code below, paste it into the “You Should Know” section while in “Source” view and add your content to the correct areas by pasting it from the source.