Skip to Main Content
Dealer Menu

Introduction

Welcome to DMP's module listing page! This page lists each available content module, along with their respective best practices, in the order in which they appear within the Add a block button on most CMS pages:

  • Accordions
  • Accordion Menu & Image
  • Billboard
  • Contact
  • Event Slider
  • Icon Callout Set
  • Icon Callout Set (Large)
  • Image & Content
  • Image & Content Slider
  • Image Callout Set
  • Logos
  • Resource Slider
  • Testimonial
  • Tile Set
  • Tile Set (Large)
  • Tile Set Slider
  • Video
  • WYSIWYG

This is the "Accordion" Module

Accordions are great for distilling a lot of information into easy-to-digest blurbs. Each accordion contains a WYSIWYG ("What You See Is What You Get") that operates like a standard text editor. You can add images, bulleted lists, and unique formatting to WYSIWYG content.

Most modules on the DMP site can have custom background colors. This option is useful because it helps site visitors visually differentiate between new sections of content. We recommend always varying module background colors in a 1-2-1-2-1 pattern. As you can see here, the background of the introductory module above this Accordion module was white, so this background is gray.

Though DMP has two gray backgrounds available, we recommend always inserting a module with a white background between either gray background. We do not recommend putting a module with a gray background against a module with a gray-with-lines background.

Background Color Options Available

  • White
  • Gray
  • Gray with lines

The next module is the "Accordion Menu & Image" module, which has no headline option.

This module functions a lot like the regular Accordion module above, but it has a linkable image on the right, as you can see here. Hover over the image to see the link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is the "Billboard" Module

It can have an Excerpt section for a small bit of copy, but we recommend keeping it short. You can add an icon to this module as well, but it's not required.

Using the "Contact" Module

The module below this one is the "Contact" module. To use this module, simply select a form from an existing list and fill out a few additional (optional) fields:

  • Location: Insert the location's name (not the address), e.g. "DMP Headquarters"
  • Thumbnail: Upload a quality photo of the location
  • Directions: Insert the location's address, which will automatically be linked to Google Maps
  • Phone Number: Insert the location's phone number

This is the "Icon Callout Set" Module

This module also has a brief Excerpt section for topical introductions.

Using This Module

Keep each icon excerpt extremely short and to-the-point.

Using Sets

Icons should be listed in sets of 3 or 4. Any more than 4 will bump to a new line.

Choosing Icons

A large number of pre-loaded icons are available to choose from.

This is the "Icon Callout Set (Large)" Module

This is a similar module to the "Icon Callout Set" module, except that the icons are—you guessed it—larger.

Optional Buttons

Optional Button

This module has optional buttons that can be added to each callout.

Using Sets

Optional Button

Icons should be listed in sets of 3. Any more than 3 will bump to a new line.

Choosing Icons

Optional Button

A large number of pre-loaded icons are available to choose from.

New
IMAGE & CONTENT

This is the "Image & Content" Module

This module is perfect for sharing one or two short, strong paragraphs of content, like a page introduction.

You can also flip this module so the image shows on the left. This can come in handy if you want to stack multiples of this module on top of one another—flipping them makes them stand out from each other.

Finally, you can have the module show a NEW banner over the image by toggling on the New button. This module has a NEW banner enabled.

New
IMAGE & CONTENT SLIDER

This is the "Image & Content Slider" Module

On each slide, you can add an image, accompanying text (shown here), and a button.

Optional Button
IMAGE & CONTENT SLIDER

Add a "New" Banner

Just like with the "Image & Content" Module, you can toggle the New button on to show the NEW banner.

IMAGE & CONTENT SLIDER

Add a Background Image

Add a full background image to round out this module.

This is the "Logos" Module

This simple module is used to showcase a set of logos.

This is the "Testimonial" Module. Its ideal use is for sharing a client's review of DMP, but it can also be used to share an employee's positive experience working at DMP. This module can have a background image AND a featured image.

Jane Doe

This is the "Video" Module

To use this module, simply insert a YouTube or Vimeo link in the available field.

This is the WYSIWYG module.

This is your standard text editor. It contains several formatting options, like bulleted lists, plus the ability to include dividers, images, and links. This module in particular contains a mini style guide.

A heading 2 (H2) looks like this.

An h3 looks like this.

An h4 looks like this.

Bolded copy looks like this.

Italicized copy looks like this.

  • Bulleted lists look like this.
  • Additional item
  • Additional item
  1. Numbered items look like this.
  2. Additional item
  3. Additional item

A divider looks like this:


Hyperlinked text looks like this.

In-line images look like this:

Left-aligned copy looks like this.

Centered copy looks like this.

Right-aligned copy looks like this.

Buttons Look like this

Visit buy.DMP.com to place an order 24 hours a day.