TalentLMS lets you build a well-designed, mobile-friendly homepage for your training portal without any additional coding, third-party integration, or cost. With our easy-to-use homepage editor, you can:
- Customize your homepage with your branding
- Use Call-to-Action (CTA) buttons to direct users to different pages and/or sites
- Feature specific courses on your homepage
- Add as many pages as you need before or after login
- Control what your visitors see before and after login
Note: This option is available on paid plans only. |
To learn how to make the most of your homepage, follow these steps:
Step 1: Add a custom homepage to your portal
1. Sign in to your TalentLMS account as an Administrator and go to Home > Account & Settings > Portal (1).
2. Scroll down to the Branding (2) section, and click the arrow next to the Homepage (3) option.
Step 2: Edit the “external” homepage
By default, your custom homepage includes two ready-made sections: a banner and a featured courses section. To edit these sections:
1. Hover over the first section to reveal the Edit section (1) button.
2. On the Edit banner drawer, you can type a new Headline (2) and Subtitle (3).
3. To change the banner image, hover over the relevant section and click the Upload (4) button. Accepted types of file are .gif, .jpeg, .png, and the maximum file size is 10 MB.
4. Once you select your preferred banner artwork, you can crop, zoom in/out, rotate, or flip your image and click Save changes (5) to apply your changes.
5. To add a Call-to-Action (CTA) button, toggle the switch (6) to enable to feature. Select a Button label (7) and the URL (8), and then choose where on the page the CTA button should appear (9).
6. Toggle the switch Add divider below this section (10) to enable it and add a line to separate this section from the following one.
7. Click Save (11) to apply your changes and return to the custom homepage builder.
Step 3: Adding Course gallery section (optional)
You can also add a section with courses that will be displayed on your custom homepage.
1. Click on the Course gallery (1) option to create your new section
2. On the Add course gallery drawer, you can type a new Headline (2) and Subtitle (3).
3. On the Courses section, use the drop-down menu (4) to select the courses you want to appear on your homepage.
Note: You can add up to 12 courses. |
4. Toggle the switch Add divider below this section (5) to enable it and add a line to separate this section from the following one.
5. Click Save (6) to apply your changes and return to the custom homepage builder.
Note: You can add up to 10 sections on the homepage. To find more information click here. |
Step 4: Create a new page for the menu
1. Hover over the menu section to reveal the Edit (1) button.
2. From the Edit menu drawer, click Add menu item (2).
3. In the Title (3) field, type the title of your new page (e.g., FAQ).
4. Type a URL (4) path to be added to your current domain (e.g., faq).
5. Toggle the Show before login (5) switch to enable it for the page to be displayed to non-logged-in users.
6. Toggle the Show after login (6) switch to enable it for the page to be displayed to logged-in users.
7. Click Save (7) to apply your changes.
Here’s how your new FAQ page shows on the menu (1):
Click Save in the menu drawer, and then click the new tab (2) (e.g., FAQ) to add content and more sections to this page.
You can have multiple sections of:
- Banner
- Text
- Text and media
- Course gallery
- Key points
Note: You can add Call-to-Action (CTA) buttons to Banners or sections with Text and Media. CTA buttons help move users to new pages or direct them to take a specific action. |
Here's how the FAQ page shows on your Homepage:
Step 5: Create a menu item for an external URL
1. Hover over the menu section to reveal the Edit (1) button.
2. From the Edit menu drawer, click Add menu item (2).
3. Toggle the Page switch to Link (3) to add a link to an external website instead.
4. In the Title (4) field, type the title of your new page (e.g., Blog).
5. Type an external URL (5) (e.g., https://www.talentlms.com/blog/).
6. Toggle the Show before login (6) switch to enable it for the link to be available to non-logged-in users.
7. Toggle the Show after login (7) switch to enable it for the link to be available to logged-in users.
8. Click Save (8) to apply your changes.
Here’s how the new link to your Blog appears on the menu (1):
Once you have performed all changes and added all your preferred sections, toggle the Publish (2) switch to enable it so your custom homepage is visible to all users.
You can also click the Preview (3) button to view your page as a non-logged-in user.