How to add text popups

Introduction

In this article, we’re going to show you how to add text popups to your pages.  This lets you add buttons to the page, which bring up a popup window with text in it, when a learner clicks on them.

Top tips before you begin

• Text popups provide circular, square or triangular buttons in your page using a pre-defined set of icons. If you want to be able to customise the text on your buttons, try using the accordion interaction instead.
• You can choose from a variety of colours for your text popup buttons.
• Text popups are a smashing way of reducing the amount of text that’s initially visible on your pages. This makes them look much more approachable for your learners.
• Text popups make your courses more engaging for your learners, and help them to feel control over the pace at which content is being delivered.

Video

Watch the video to learn more:

Adding a text popup block to a page:

To add a text popup block to a page:

1. Whilst editing a page, drag and drop a Text popup () block from the Add content section of the side menu and onto the page.

2. Select the text popup block.
3. From the toolbar, click the edit () button.

Entering your text

4. Click in the text area (where it says Enter your popup text here) and type your text or copy and paste it from another programme, such as Microsoft Word.

Formatting your text

You can format your text using the toolbar that appears above the text area.

To apply formatting to your text:

5. Select the text you’d like to format.
6. Select the format you’d like to apply from the toolbar.

The formatting options, from left to right, are:

	Bold
	Italic
	Underline
	Numbered list
	Bulleted list
	External link

Changing the button icon

You can pick from a selection of icons.

To pick the icon you’d like to use.

7. Select the 'Icon' drop-down to the top left of the text area.
8. Pick the icon you’d like to use..

Changing the button colour

You can pick from a selection of colours, including the primary and accent colours set in your course branding.

9. Select the 'Colour' drop-down above the text area.
10. Pick the colour you’d like to use.

Changing the button shape

You can pick from a selection of shapes for your button: Circle square or triangle..

11. Select the 'Shape' drop-down to the top right of the text area.
12. Pick the shape you’d like to use.

Adding more buttons

To add additional buttons:

9. Click the button.

Deleting buttons

To delete buttons:

10. Click the button next to it the item you’d like to delete.

Rearranging buttons

To change the order that the buttons are displayed in:

11. Click the = next to the item you’d like to move and drag it where you’d like to see it in the list.

Returning to the page

To return to the page, click the in the top-right of the screen.

How your learners interact with it

Once you’ve added a text popup block to your page, your learners simply click the buttons on the page.

To dismiss the popup, they simply click the button..