The image carousel lets you add banners to the top of the Learner Home page. Use them to share announcements, promote a training, add some branding and colour, or send learners to a page outside WorkRamp.
Each banner can have a background image, a heading, some body text and a button. You choose the colours, text size and alignment, and you can decide who sees it and when it disappears.
Here is an example of what that could look like:
Create a banner
Go to Settings > Enterprise > Theming.
Scroll down to the Home Page section and select Carousel.
Select Add Image and give your banner a name. Learners won't see this name. It's just to help you find it later.
The banner editor opens. Your settings are on the left, and a live preview is on the right.
New banners start as Unpublished, so learners won't see anything until you're ready. Your changes save automatically as you go.
Banner settings
Basics
Setting | What it does |
Title | The name of the banner. Only admins see this. |
Link (optional) | A web address to send learners to. The whole banner becomes clickable, including the button. The link must start with https://. |
Open link in new tab | Opens the link in a new browser tab. This is turned on by default. |
Expiration | Choose No expiration, or pick a date. The banner is unpublished automatically at 11:59pm Pacific Time on that date. |
Visibility | Show the banner to everyone, or only to specific Groups. |
Text
Setting | What it does |
Heading | The main line of text on the banner. Up to 75 characters. |
Body | A shorter description under the heading. Up to 200 characters. |
Text Color | The colour of the heading and body text. |
Heading Font Size | Small, Medium or Large. |
Body Font Size | Small, Medium or Large. |
Content Alignment | Place the text and button on the left, centre or right of the banner. |
Tip: New banners come with example heading and body text already filled in. Replace it with your own, or delete it to hide that line. If you leave the example text in place, learners will see it.
The heading and body are single lines of text, so line breaks aren't supported. The text uses your site's standard font. You can change the size and colour, but not the font itself.
Background
Setting | What it does |
Desktop Background Image | The image learners see on a computer. Best size: 2450 x 700 pixels. |
Mobile Background Image | The image learners see on a phone. Best size: 600 x 416 pixels. |
Background Color | Shown when no image has been uploaded. |
Overlay Color | A colour layer that sits on top of your image. |
Overlay Opacity | How see-through the overlay is, from 0% (invisible) to 100% (solid). Adding a dark overlay can make white text easier to read on a busy image. |
Button
Setting | What it does |
Show button | Turn the button on or off. It's on by default. |
Button Text | The label on the button, such as "Enrol now". Up to 30 characters. |
Button Color | The colour of the button. |
Button Text Color | The colour of the button label. |
Button Size | Small, Medium or Large. |
Good to know: The button uses the banner's Link. It doesn't have its own separate link. If you haven't added a link, the button won't go anywhere, so either add a link or turn the button off.
Publish, update and unpublish
Select Publish to make the banner visible to learners.
If you edit a banner that's already live, an Unpublished changes badge appears. Learners keep seeing the previous version until you select Publish again.
Select Unpublish to take a banner down at any time. You can publish it again later.
An expired banner can't be republished until you change or remove its expiration date.
Who sees the banner
By default, every banner is visible to all learners.
To limit it, choose Groups under Visibility and select one or more Groups.
If a learner is in more than one of the selected Groups, they still only see the banner once.
Showing more than one banner
When more than one banner is live for a learner, they appear in a carousel that moves to the next banner every 7 seconds. Learners can also use the arrows to move between them.
To change the order, go to the Carousel page and move banners up or down the Published list. New banners are added to the bottom of the list.
Things to know
There's no start date. A banner goes live as soon as you publish it. To time an announcement, publish it on the day you want it to appear, and set an expiration date to take it down automatically.
Expiration times use Pacific Time (11:59pm PT on the selected date), whatever your own time zone is.
Upload both images. Add a mobile image as well as a desktop one so the banner looks right on phones.
If you have any questions, please reach out to us at support@workramp.com or use the chat window in the bottom right-hand corner of your screen.