Marketing Page Templates

If you run into a problem, have questions about how something works, or have questions about functionality that is not covered, email webservices@uoregon.edu to ask for assistance.

Ask for Assistance


Marketing Page Templates Overview

Marketing Page Templates are advanced templates for use on full-width marketing pages, with limited use on other page types.

Marketing pages are organized by envelopes—horizontal blocks of content that adjust based on the screen size of the site visitor. 

A wide variety of effects can be achieved when used in combination with various Envelope Types, Envelope Styles, CSS classes, images, and background colors. Experiment with these combinations to create a layout that works best for your content.


Select a Marketing Page Envelope Template

Click the UO Edit Suite Templates icon in the editor toolbar.

the Drupal content editor toolbar with a red rectangle around the templates icon

Click the Marketing Page Templates tab at the top of the templates window and select the template you want to use.

Marketing Page Templates window in the Drupal content editor

Descriptions of the marketing page templates are provided below.


Feature Envelope

A Feature Envelope is an envelope with a prominent photo on the left or right side with text on the opposite side. A background can also be used.

After you have selected this envelope from the template menu, click on the placeholder image in the template and then click the Insert Media icon to replace the default photo.

feature envelope default example with Media Library button highlighted in the Drupal content editor

Edit the text and the Call to Action button as you normally would.

To set the location of the text (top, right, bottom, or left), right-click the template and click the "Edit Feature Envelope" button. Click "Style" in the menu on the left, then select your preferred style. The example below shows "Feature (Text Right)" selected.

the Feature Envelope Style menu in the Drupal content editor

You can also add a background color by clicking "Color" in the Feature Envelope menu.


Hero Envelope

A Hero Envelope is an envelope with a large photo with a title, subhead, and call to action button overlaid. Hero envelopes are often used at the top of marketing pages.

After you have selected this envelope from the template menu, click on the placeholder image in the template and then click the Insert Media icon to insert your photo.

changing the photo in a Hero Envelope in the Drupal content editor

To set the location of the text (top, right, bottom, or left), right-click the template and click the "Edit Hero Envelope" button. Click "Style" in the menu on the left, then select your preferred style. The example below shows "Hero (Text Left)" selected.

Hero Envelope template with text left selected in the Drupal content editor

Statistics Envelope

The Statistics Envelope template provides a title, text area, and three-column grid with a "Big Number" template in each grid item. The default Statistics Envelope is shown below.

the default Statistics Envelope consisting of a title, text area, and 3 column grid with big numbers

Stories Envelope

A Stories Envelope contains two stylized blocks, each with a title, subhead, and call to action button overlaid on a photo. The left stylized block automatically has a green overlay on the photo, as shown below. (The green overlay is currently only available on the left block.)

Stories Envelope standard setting with green overlay on the left grid item

To edit the Stories Envelope settings, right-click the envelope and click the "Edit Stories Envelope" button. Click on "Modifiers" in the menu on the left. The example below shows both the "No Flush" and "No Green" options selected. Use "No Flush" to create a little space between the blocks, and "No Green" to remove the green overlay.

Stories Envelope showing No Flush and No Green options selected

Summary Envelope

A Summary Envelope provides a formatted text area that can be used for a simple summary of the page with some links. It is sometimes used as the first written content on a marketing page.

The text is centered by default and is larger than the typical marketing page paragraph text.


Longform Heading

The Longform Heading template provides the title, subhead, and byline for a longform immersive story, as shown in the example below.

the default Longform Heading template with a title, byline, and subhead

Longform Breakout Content

The Longform Breakout Content template allows you to add an image to the left or right of a text block. The text will wrap around the image, as in the example below.

This template works best when used with a Standard or Narrow envelope type on a marketing page, or with a full-width article (no sidebar navigation).

 

lorem ipsum text paragraphs wrapping around a photo of a person with a camera and stream

Longform Layout

The Longform Layout template provides a container that constrains the content to a maximum width.

When adding a Longform Layout template to your page, you will choose one of four sizes: Content, Photos, Wide, or Fullbleed.

When this template is used with the Envelope Type set to "Flush" on a marketing page (recommended):

  • "Content" limits the width of the content to 810px.
  • "Photos" limits the width of the content to 1200px.
  • "Wide" limits the width of the content to 1400px.
  • "Fullbleed" allows content to extend to the edges of the browser window.

You can change the size after adding the template by right-clicking to edit the template and clicking on "Style" in the editing menu on the left, as pictured below.

Longform Layout template options menu in the Drupal content editor

Hide

The Hide template allows you to hide content on mobile, tablet, or desktop. Select the style you want when inserting the template. You can right-click the template to edit the element, and then click "Modifiers" to change to a different style, as shown below.

the Hidden Element editing menu in the Drupal content editor

Back to Top