New in Storyline 360: Course Cover Photos

Sep 28, 2021

Who doesn’t love making a good first impression? And when it comes to learning, setting a tone that grabs your learners’ attention right from the start is crucial. After all, you want learners feeling inspired, curious, and eager to dig into your course. That’s why we’re super excited to share the new course cover photo feature in Storyline 360.

If your course’s first slide includes media or if your learners are viewing it on a mobile device, this new feature lets you add an eye-catching image to the start page. That way learners will see your beautiful cover photo before they launch the course.

Here’s how it works: In the player properties window, check the Cover Photo box and click the + Photo link to browse for an image.

You have four different options to choose from.

First slide: Choose this option if the first screen in your course is static and works well as an introduction.
Media library: Select this option if you want to use an image that’s already in your course.
Content Library 360: If you want to use a brand-new photo or illustration, browse the huge library of images included with your Articulate 360 subscription.
Image from file: If you’ve created a custom image, just upload the file from your computer.

Once you’ve chosen the perfect course cover photo, just click the image file link to refresh the preview screen. This GIF shows how that works.

And that’s it! When learners launch the course, they’ll see the new image you selected. We hope you’ll love adding your own eye-catching course cover photos in Storyline 360.

A smartphone with a Storyline 360 course open on it. The first slide of the course shows as the cover photo and a play button is displayed on top of it.

Want to know what other new Storyline 360 features have launched lately? Check out our What’s New page. And if you want to try out this feature for yourself but don’t have Articulate 360, start a free 60-day trial.

37 Replies

Jose Tansengco
Staff

over 1 year ago11/11/22 at 4:36 pm (UTC)

Hello Saeyoung Chang-Gagnon,

Thanks for reaching out!

Try setting the size of your cover photo to match the slide size of your Storyline 360 project file to see if this helps.

Let me know if this works for you!

over 1 year ago12/27/22 at 4:52 am (UTC)

This post was removed by the author

over 1 year ago12/27/22 at 4:57 am (UTC)

Was there a solution you could share? I am having the same issue as Nina. In the past I just added a slide with no media first and that solved the issue. Now I have to choose between a back screen or an image of my first slide surrounded by a thick black border.

Kelly Auner
Staff

over 1 year ago12/28/22 at 4:21 pm (UTC)

Hi Peter,

Thanks for reaching out!

I'm sorry to hear that you're experiencing this issue. I looked into Nina's support case, and found this possible workaround:

Enable the autoplay of the block, by adding a blank static slide before the existing one. The course should no longer display a black border, but it auto-plays the block as soon as it is shown on the course. If the first slide of the project has animation(s) or media, it will not auto-play and will instead display the cover photo with a play button. If you don't mind the auto-playing of the block, that could be a workaround.

If you're able to share your file with us, I'd be happy to investigate further! You can upload it here or privately in a support case. We'll delete it from our systems once troubleshooting is complete.

1 year ago03/18/23 at 7:45 pm (UTC)

UPDATE! I got it to work.. I reread your suggestion and it worked! I had a secret animation in the background and that's why it wasn't working.. but it works now and everything is great and beautiful!

Kelly Auner

Hi Peter,

Thanks for reaching out!

I'm sorry to hear that you're experiencing this issue. I looked into Nina's support case, and found this possible workaround:

Enable the autoplay of the block, by adding a blank static slide before the existing one. The course should no longer display a black border, but it auto-plays the block as soon as it is shown on the course. If the first slide of the project has animation(s) or media, it will not auto-play and will instead display the cover photo with a play button. If you don't mind the auto-playing of the block, that could be a workaround.

If you're able to share your file with us, I'd be happy to investigate further! You can upload it here or privately in a support case. We'll delete it from our systems once troubleshooting is complete.

I tried this but it didn't work... :(

Luciana Piazza
Staff

1 year ago03/21/23 at 2:45 pm (UTC)

Hello LiG Playmakers Designer!

Glad to hear that this suggestion my colleague Kelly shared was helpful for you.

If you have any other questions or discoveries, feel free to share them in the E-Learning Heroes Community!

Have a great start to your week and happy developing! ✨

Kristin Lewis

11 months ago05/11/23 at 5:12 pm (UTC)

For some reason this isn't working for me. I have followed all the steps necessary and have saved and published but when I put it into the course - the cover image isn't appearing. I went into Storyline and went back into the Player editor and the image is uploaded but not appearing as the cover, even when I click on it and follow the instructions. Not really sure where to go from here - this should be a quick and simple thing that does not involve heavy lifted work arounds.

John Morgan
Staff

11 months ago05/11/23 at 7:25 pm (UTC)

Hi Kristin,

Welcome to E-Learning Heroes! I understand that you are having an issue seeing your cover image after adding it to the player. I’m happy to work with you to figure out why this is happening! I have a follow-up question regarding your course so I can understand what you are experiencing a little better.

Is there a media file on the first slide that requires the learner to click before the course starts? If there isn't, the cover image will only appear if your course has a media file on that first slide.

I hope this clarifies things, and I look forward to your response.

11 months ago05/11/23 at 7:57 pm (UTC)

This was sent to the wrong person

Eric Santos
Staff

11 months ago05/12/23 at 1:36 pm (UTC)

Hi Russ,

You may have received an email notification on John's reply above since you posted to this thread and have been automatically subscribed to the email notifications related to this post. My apologies for this.

My colleague Leslie posted a helpful Peek recording on removing the subscription to individual posts and removing the auto-subscribe feature for posts you participated in. Here's the Peek:

How to Unsubscribe from ELH Email Notifications

Let me know if you have questions!

Jamila Colbert

9 months ago08/02/23 at 4:42 pm (UTC)

What types of files are supported here? I have downloaded the same image as both a png and jpeg, but I am getting this pop-up.

*Ignore the file name ☺️

Stroyline.png

Jürgen Schoenemeyer

9 months ago08/02/23 at 5:22 pm (UTC)

can you import the images into a normal slide?

John Morgan
Staff

9 months ago08/03/23 at 1:27 pm (UTC)

Hi Jamila,

Thanks for reaching out! I understand you are getting an error message when trying to add a .png or .jpg as a cover photo. After doing some testing on my end, I wasn't able to reproduce the same behavior. I'd love to know more about your setup so we can figure this out together.

Which version of Storyline are you using? If you aren't using the most current version (Build 3.78.30747.0), try updating the software. This can sometimes fix unexpected behavior.
Is this happening with more than one file or is this the only one?
Are you working from a shared drive? If so, I recommend saving your files on your local drive before creating, editing, and publishing them. This will help minimize any unexpected behavior.
Would you be willing to share your files (image and/or story file) here or with our support engineers privately in a support case so we can troubleshoot the issue?

I look forward to your response!