MPI Widgets
Leadership
Use the Leadership widget to easily display chapter leader headshots, names and titles. You can add up to 8 chapter leaders per widget. If you have more than 8, you can drag in another Leadership widget. After dragging the widget onto the page, ...
Horizonal Rule
The Horizontal Rule widget will create a thin divider line between elements. To use this widget, drag it onto the page. There is nothing else to do or edit.
Accordion
The Accordion widget will allow you to create a list of items with headings that expand and collapse to show the content inside. A single Accordion widget can contain up to 10 tabs. If you need more than 10, use a second widget, and so on. NOTE: In ...
MPI Button
With the MPI Button widget, you can create simple buttons to call attention to important links like a form or download. You can link to an internal page, or use an external URL. You can choose from a blue button with white text, or a white button ...
BootStrap SlideShow
This will create an image carousel/slideshow with up to 24 images. Depending on the settings you apply, the slides can be manually advanced, or auto-play on a loop and will advance every 1-10 seconds. Users can also advance manually using the arrows ...
Event Cards
The Event Cards widget will display one large event card, or a group of three or four event cards. Large Card Medium Cards Small Cards This widget will not be auto-populated with any content, so you will always have to define which events you’d ...
Text With Image
This widget will create a content area with an image, a heading, a descriptive paragraph and CTA (call to action) button. After dragging the widget onto the page, click the Edit button in the upper-right corner of the widget. You can now ...
LinkList
The LinkList will display a small image next to a link title with a description. You can also add a short text overlay to the image. You can also give the list a title or heading. This widget can be used singularly, or use multiple LinkList ...
Member Directory
You can add a member directory on any page of your chapter website with this widget. This pulls from the MPI Global member database. Within the Page editor, you will not see the member information, but when you preview or publish, you’ll be able ...
Event Calendar
The Event Calendar Widget will display events in a list, or feed, format with the event title, date and location. After dragging the widget onto the page, click the Edit button in the upper-right corner of the widget. You can now edit the ...
Skinny Hero
A Skinny Hero is a great way to dress up a page using a photo that spans the entire width of the page with a text overlay. This element should only be placed directly under the navigation. This is an example of the Skinny Hero with its default ...
Text With Video
This widget will create a content area with an video from YouTube, a heading, a descriptive paragraph and CTA button. After dragging the widget onto the page, click the Edit button in the upper-right corner of the widget. You can now ...
Testimonial
The Testimonial widget displays a quote, source of the quote, short message, optional CTA (call to action) button(s) and a large photo. This element works best in a 12-column content area. After dragging the widget onto the page, click the Edit ...
Our Partners
The Our Partners widget will display up to 24 sponsor/partner logos with a heading. After dragging the widget onto the page, click the Edit button in the upper-right corner of the widget. You can now configure the following areas: Main Area ...