...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Before you begin
|
| Include Page | ||
|---|---|---|
|
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Who can edit course information?
|
...
Title
...
Slug
...
Preview text
...
Body
Release, start, and end date
...
Once you set a release date, the other dates, including enrollment, become required in order to save. you can set up the course without a release date and save it to work on later, if you aren’t ready to set other dates yet.
...
...
Images and video
...
Next: Lessons, Course enrollment, grading, resources, and
Add a title, slug, and preview text
...
[SCREENSHOT of location of these fields, in context with FET title]
In the Course Info tab, fill out these fields:
...
Field
...
Notes
...
Title
...
: Users see this before they open a course and on the course home page.
...
Character limit:
...
...
Preview text
...
Slug
: A short description displayed in rotator, grid, or list modules. Users see it before they open a course. It doesn’t appear on the course home page once they open it.
Character limit:
...
Slug: The slug appears at the end of the page URL. This was created automatically when you created the course, but you can change it if you want. Spaces are not allowed.
...
Character limit:
...
Each slug must be unique. Spaces aren’t allowed.
...
Body
...
...
Add an icon image
Every course needs an Icon image. It displays in rotator, grid, or list modules on your site so that users see it before they open a course. It also displays at the top of the course home page, unless you add a video. There, users see the image before they start the course.
If you don’t add an icon image, a default gray image displays instead.
...
To upload an image:
Go to the bottom of the Course Info tab.
Select Upload/Select File(s).
Select + to upload an image from your computer.
Select Edit to double check that the image is the correct ratio. You can see if any part of the image will get cut off, and crop it to the correct size. For the course icon image, select the Rotator
| Info | ||||||||
|---|---|---|---|---|---|---|---|---|
|
[SCREENSHOT UI]
Add a video to introduce the course
You can optionally add a course Video. It displays at the top of the course home page, replacing the icon image. (Note that the icon image is still required because it also displays in other locations around the site.)
Users can watch this video before the course starts and even before they enroll. That’s why it’s a great way to introduce the course and explain what it’s about.
[SCREENSHOT OF HOME PAGE]
To insert a video:
Go to the bottom of the Course Info tab.
Under Video, paste a Course Video URL. It must be an MP4 video URL hosted by the JUNO team in our s3 bucket or hosted externally. It cannot be a Youtube, Vimeo, or Wistia link. For example:
https://i.imgur.com/0kHlMwm.mp4
[SCREENSHOT UI]
Create body content to introduce the course
Another way to introduce the course is with additional text, images, and videos. The course Body is the area below the main icon image or video on the course home page. Users can view this content before the course starts and even before they enroll. That’s why it’s a great way to introduce the course and share anything you need users to know before they start
...
Character limit:
...
Tips for using the text editor
The Body text .
[SCREENSHOT OF HOME PAGE]
The Body field has many editing tools. If you’re familiar with other text editors like Microsoft Word or Google Docs, you’ll notice it’s similar. Here are some tools we think are most useful for editing your content:
...
Tool
...
Tips
...
find useful:
| Expand | ||
|---|---|---|
| ||
You can insert multiple images. To reorder them, click and drag them to a different line. [SCREENSHOT] |
| Expand | ||
|---|---|---|
| ||
At this time, you can only insert m3u8 videos that are hosted by JUNO in our s3 bucket. To insert a Vimeo, Wistia, or YouTube video [ADD LINK INSTEAD]
You can insert multiple videos. To reorder them, click and drag them to a different line. [SCREENSHOT] [WHAT ABOUT EMBED CODE… IFRAME STUFF?] |
| Expand | ||
|---|---|---|
| ||
Inserts a link. To edit an existing link, right click it and select Link. To remove an existing link, right click it and select Remove link. Anchors let you create links to lines in the middle of your page.
|
| Expand | ||
|---|---|---|
| ||
Make your page easy to read and scan by using pre-sized section headings.
 |
| Expand | ||
|---|---|---|
| ||
When you copy and paste text from another text editing program or website, it sometimes brings along unwanted text formatting from its original location. There are two ways to fix this:
[SCREENSHOT] |
| Expand | |||||
|---|---|---|---|---|---|
| |||||
| |||||
...
|
...
| |||||||
...
...
[could this be important for some of the formatting issues that have happened in the past in vNow- when people paste in from other sites?]
| ||||
...
| |||||||||||||||||||
...
|
...
|
...
Align
...
Clear formatting
...
[could this be important for some of the formatting issues that have happened in the past in vNow- when people paste in from other sites?]
...
In the Table menu
...
Table
...
In the 3 dots menu [IMAGE HERE]
...
Image
...
Media
Set dates
Add an image and optional video
...
| ||||||||
...
Block quote
...
Insert link/remove link
|
Set dates
Once you set a release date, the other dates, including enrollment, become required in order to save. you can set up the course without a release date and save it to work on later, if you aren’t ready to set other dates yet.
Link to enrollment doc for those dates
Add tags
| Tip |
|---|
Next, edit course enrollment settings. |