Getting started with widgets

Widget Library

Now when you select ‘Add widget’ in a region, the widget library will open in a retractable drawer from the right of your screen.

You’ll first see categories in your widget library. We have removed ‘homepage’, ‘taxonomy_term’ and ‘general, replacing them with more clear and obvious categories, such as ‘section content’ and ‘content types’.

We have also included an information hover, so you can quickly find out more about a category or widget before you select anything.

If you know what you’re looking for, or have a good idea, use search for as you type results in the ‘all widgets’ category.

Configuring widgets

Select the widget you want to add and you can start configuring it using the tabs. The first thing you’ll notice is that the drawer expands to give you more room to work.

Second, the tabs neatly split what’s possible in each widget. The tabs that are available will change depending on which widget you select. Change the title, choose what content you want to display, choose a design, filter, target, and sort.

When you’re done, select ‘Add’ in the bottom right of the drawer. A loading screen will let you know that your widget is being added. If there is an error, you will be told what is wrong so that you can fix it and select ‘Add’ again.

Adding widgets

You add widgets to regions. The number of regions and their arrangement is determined by the chosen layout. There are a number of default layouts to choose from, but you can create your own custom layouts.

Relevant roles: Webmasters, Global Section Managers, Local Section Managers

1. Go to your section
2. Select  ‘Edit’
3. Select ‘Build’
4. Locate the appropriate region and select ‘Add widget’
5. Use search or categories to find the right widget
6. Select ‘i’ to find out more about the widget
7. Select the widget
8. Configure the widget using the tabs
9. Select ‘Add’
10. Select ‘Save’

Editing a widget’s settings

Relevant roles: Webmasters, Global Section Managers, Local Section Managers

1. Go to your section
2. Select  ‘Edit’
3. Select ‘Build’
4. Locate your widget and select ‘Settings’
5. Locate the appropriate tab in the widget’s settings and make change
6. Select ‘Update’
7. Select ‘Save’

Adding a style to a widget

Relevant roles: Webmasters, Global Section Managers, Local Section Managers

1. Go to your section
2. Select  ‘Edit’
3. Select ‘Build’
4. Locate your region and select ‘Widget style’
5. Select ‘Custom style’ and then ‘Next’
6. Make your changes in the header, font, border, and padding tabs
7. Preview the style before choosing to ‘make available to others’
8. Select ‘Save’

Adding a style to a region

Relevant roles: Webmasters, Global Section Managers, Local Section Managers

1. Go to your section
2. Select  ‘Edit’
3. Select ‘Build’
4. Locate your region and select ‘Region style’
5. Select ‘Custom style’ and then ‘Next’
6. Make your changes in the font, border, and padding tabs
7. Preview the style before choosing to ‘make available to others’
8. Select ‘Save’

Creating sections

Editing sections

Editing content fields

Editing layouts