Miscellaneous Blocks

1- IMD Class Profile

This block is used to represent the class profile in program pages.

Features

1. Title and description fields for the block
2. Option to choose from two background colors: white or grey
3. Option to add stats; each stat has a title and description field
4. One CTA

Example

2- IMD Highlights [2]

Features

1. Option to choose from two background colors: white or grey
2. Option to choose between a vertical or grid layout
3. Title and description field per item

Example 1: Grid layout

Example 2: Vertical layout

3- IMD Manual Info Bar

The this block is used to contain the programs’ info. This version is fully manual, meaning that you’ll have to update the data manually. See the example below from the MBA landing page.

Features

1. Title and text fields per item
2. Option to add an icon per item
3. Option to add text on the right of the bar using a WYSIWYG editor
4. Two CTAs

Example

4- IMD Program Info

Unlike the IMD Manual Info Bar, this block is fully automatic. It uses the “Related program” section to populate the fields.

Features

1. Option to add the apply button
2. Option to add a downloadable file
3. Option to add text on the right of the bar using a WYSIWYG editor
4. Option to add an embedded YouTube / Wistia video

For the purposes of this walkthrough, we can’t use the related program section (because this is not a program page). So, you can find a live example here. The block is the second element under the hero.

5- IMD Logos

Features

1. Title and description fields for the block
2. Option to add a link and a title to each logo
3. Option to open links in a new tab
4. Option to choose from two background colors: white or grey

6- IMD PDF Preview

Currently, this block is only used on Research & Knowledge books.

Features

1. Upload a PDF file to preview it

7- IMD Stat Rows [5]

This block is used to add stats.

Features

1. Title and description fields for the block
2. Three background colors: white, blue, and grey
3. Option to choose how many items you want on a single row
4. Two item types: line and background
5. Two content types: icon and numbers
6. Each stat has a title and description fields
7. Option to add icons to each stat
8. Two number font size options
9. Option to change the animation for the content type: Numbers labeled as “Advanced”. When set, the numbers will roll up

Examples

Here are the backend configurations for the examples below:

8- IMD Text with Button

Features

1. Title field
2. Option to choose from two background colors: white or grey
3. One CTA

9- IMD Learning Journey & Steps

This block is mostly used to display the learning journey in a program. However, it’s not limited to that usage only.

Features

1. Title field for the block
2. Each step has a title, subtitle, and a description field
3. Option to add an image and/or video to each step
4. Embedded YouTube / Wistia video

10- IMD Map

This block is used on the campus map page.

11- IMD Fifty Fifty CTA

This block is mostly used at the bottom of every program homepage. It’s also used in scenarios when there are multiple next actions.

Features

1. One image and title field per card
2. One CTA per card

Example 1

12- WP Table Builder

We use the WP Table Builder plugin for creating tables. To know how does this plugin work, please read this documentation. Note that tables must be inside a container just like the text blocks.

Example

13- IMD Info Bar

This block is similar to the regular IMD Manual Infor Bar, but it looks slightly different.

Features

1. Option to choose a related program  
2. Choose from 2 layouts: default or with CTA 
   • If with CTA layout is selected, you can add a CTA and control its styling to be either primary or secondary  
3. Option to add text on the right side of the Info Bar 
4. Add info bar items. Each item contains: 
   • Automatic Value: a field to make content automatic or not 
   • Predefined field: a field where you can select from a closed list of metadata which are: Location, Program Starts, Next Program start, Length, Early Bird and Fee. To use this field, you must enable Automatic Value first  
   • Custom Content: here you can add custom title, text, and icon for each item. If you enable Custom Content, it will overwrite automatic content. 
5. Option to choose among 4 backgrounds colors: White, Grey, Blue, Green

Example

14- IMD Stat Row (small)

This block is similar to the regular IMD Stat Rows [5], but it’s smaller and it looks slightly different.

Features

1. Title and description field for the block
2. Option to add a CTA and choose its style from 4 options
3. Option to add as many stats as needed  
4. Each stat contains: Icon, Title, Description (WYSIWYG)
5. Option to choose from 4 backgrounds colors: white, grey, blue, green 
6. Option to choose from 3 icon background colors: white, blue, and green

15- IMD Impact

Features

1. Title, subtitle, and description field for the block
2. Option to add an image
3. Option to add a CTA and choose its style
4. Option to add as many impact items as needed  
5. Each impact item contains: Icon, Title, Description (WYSIWYG)
6. Option to choose from 4 backgrounds colors: white, grey, blue, green 
7. Option to choose from 2 icon background colors: blue or green

16- IMD KPIs with Image

This block is used to add KPIs with an image. It’s similar to the IMD Class Profile block.

Features

1. Title and description fields for the block 
2. Option to add an image 
3. Option to add KPIs. Each KPI contains the following features: 
   • Option to add a KPI with a title and a description field  
   • Option to add a KPI with an icon and a description field 
   • In both cases, the description field is a WYSIWYG editor  
4. Option to choose the background color: white, grey, blue, and green 

Example:

17- IMD Learning Journey Sticky

This block is used to add a journey with a sticky program card. 

Features

1. Title, subtitle, and description fields for the block 
2. Up to one CTA  
3. Option to add a sticky program card (displays on the right)  
4. Option to select the program tag source from: Program Flag (in program metadata), Course mode (in program metadata), or Custom where you can add a tag manually.  
5. Title and description fields for the journey section 
6. Option to add multiple journey items. The journey item consists of the following: 
   • Number field  
   • Title field  
   • Description field  
7. Options to control the Background color, Separator color, and the Number background color 
8. Built in separator that divides the blocks’ Overview tab and the Journey tab

18- IMD Schedule

This block is used to add a schedule with a list of sessions.

Features

1. Title and description fields for the block
2. Option to add multiple Program Sessions
3. Option to add several sessions within each program session
4. Each session has the following features:
   • Add a top tag with or without an icon
   • Add a date (mandatory field), start time, end time, and time zone
   • Add a title and a description for the session
   • The session description field is a WYSIWYG editor
5. If you add a lot of sessions, the block will automatically generate a “Show full schedule” button

19- IMD Two Columns

This block is made up of two columns where you can add text, images, buttons, and facts (icons with text).

Features

1. Option to add a title and a description
2. Option to add an image
3. Option to add facts, which are a combination of text and icons. Each fact has the following options:
   • Option to add an icon
   • Option to add a title and a description (the latter is a WYSIWYG editor)
4. Up to one CTA per column
5. Option to choose the button style:
   • Main
   • Secondary
6. Option to choose from 4 background colors: white, grey, blue, and green
7. Option to choose from 4 separator colors: white, grey, blue, and green
8. Built in separator that divides the two columns

Example:

20- IMD Professors and Speakers

This block has two different tabs to define the professors and the speakers.

Features

1. Title (H2)
2. Description (body text, WYSIWYG)
3. For each professor, we can add:
   • An existing Faculty and fill in all data automatically
   • Or manual content with the following data:
     • Name
     • Position
     • Short bio (max 500 characters)
     • Picture
     • CTA link (optional)
   • Add a quote
4. For the professor manual description, there are 3 different text fields so the editor can decide for tablet and mobile to show less text so it’s more readable, for the automatic data it will be truncated for desktop to 500, 300 for tablet, and 250 for mobile
5. For each speaker, we can add:
   • An existing Faculty and fill in all data automatically
   • Or manual content with the following data:
     • Name
     • Position
     • Picture
     • CTA link (optional)
6. Option to choose from 4 background colors: white, grey, blue, and green
7. This block has the possibility to change the separator color:White, Blue (text in white), Grey, Green

Example: