This section describes how to insert our custom interactive widgets into a Heretto portal page. Interactive widgets (also called the widget configurator) are used in MinistryPlatform content, but could be used with any product with advanced planning and development assistance.

Interactive widgets are based on existing json code provided by our developers. Administrators, website builders, use the widget configurator's to build code useful for inserting into their website. For more information about how customers use them, search MinistryPlatform content for "widget" or "widget configurator".

¹There are three options of inserting a widget:

• "All" Widget - this lists all widgets into the drop-down selector and loads the first one by default.

• Default Widget - this lists all widgets into the drop-down selector and loads the widget based on the index that is set on the topic's section.
• Single Widget - this does not show a drop-down selector, it loads the widget based on the index that is set on the topic's section.
  Tip: Since we are utilizing a DITA section to insert the widgets, you can still add any DITA element inside that section. These elements will appear on top of the widget.

  To insert a widget, add a section with an outputclass of acst-widget. To make it a Default Widget, just add another outputclass (separated by space) default-x where x is the index. To make it a Single Widget, use single-x.

  Note: Widget index starts from 0.

  Note: Widgets loaded from the JSON file are being sorted alphabetically in the code.

  Tip: Yes, you can insert multiple widget sections in one topic. Just like this one!