Editing public/Sign in Page

@wizenup only suggestion I can think of would be to work with CSS but you will still be somewhat limited to the main elements that already exist...I would also recommend you add this to the IDEAS portal...I would certainly vote for that!

** had a quick look at IDEAS and there are several you can vote on now - search “public page”

Hi @wizenup, I personally haven’t found much but one idea comes to mind, where you create your own page outside of Docebo, screen shot it and insert that as a background image with everything you want them to see on there, just need to scale it to the size you like. sloppy but may get the job done for the time being.

@wizenupto me, the key limitation is that if you want to show any courses on the public page you can not use a custom page as the home/landing page, the first view is always the course catalog page.

In our case we have ultimately accepted this and selected a few catalogs to be visible on the public page, plus we’ve created three additional info-pages that are accessible to users before login (use the “Public Catalog Custom Pages” in the Admin menu to create and edit them).

We had to use lots of CSS tricks to make it work the way we wanted, but finally we get to a pleasant experience with the course catalog on the main tab and a those few pages of information clearly visible to desired different audiences - if you’re interested, you can check it at https://learn.goacoustic.com

Worth mentioning, that Docebo was very helpful in supporting us in maintaining our CSS customizations through their platform upgrades.

Thanks for sharing. I think our team wants to add widgets, in particular the html widget. Looks like this is impossible at the moment. :(

The Public Catalog Custom Pages would work great if we didn’t have multiple enterprises as they appear to be locked to each client.

Thanks again, Jamie

Thanks Irnlab. I’ve voted.

Thanks generic name. I guess we’ll look into the wordpress integration app to see if that is a short term solution. Hopefully, Docebo will see the need for this. Jamie

@alekwo thanks for your input on this issue. I looked at your “logged out” page and it looks great! How did you get rid of the pesky search bar about the catalogs?

Hi @suzdewitt we use CSS to hide everything what we don’t want to be visible on the screen, including the search bar.

This was an extensive effort to adjust Docebo to our needs, our custom CSS has about 3000 lines of code.

@alekwo  thank you for sharing this inspiring example, looks really great. 😍👏🏽

In the course description I noticed the note: “To get notified about new and updated Campaign learning as well as upcoming instructor-led training, make sure to enable "Campaign Course Announcements" in the Personal Info section of your Academy profile. “ I’ve been looking for a way to invite learners to opt-in to promo communications on the platform, this seems like a good, simple way to do it.

How did you go about adding this checkbox in the Personal Info Section?

Thanks in advance!

Jamie, I only glanced at the others’ responses but wondering if they’re all thinking “too hard”… You can simply design an image or video that is easily uploaded as a full width BG image or video on the sign-in page. (Configure via Admin menu > Configure Branding and Look > Sign in page > Sign In Page Background).

It’s not interactive of course (I haven’t tried a video though). So for my company, I designed a simple 2/3 - 1/3 layout with the left 2/3 a static image and the right 1/3 a solid panel for a message area. (see file 1). I scaled the width of the side panel enough so it aligns with the edge of the Sign In box that appears in front of it. (see file 2 - a screen grab of the actual sign-in page showing what a user at my company will see on the sign-in page).

Now if you’re referring to what most call “Learner home” (once signed in), that’s entirely different. You can create customized pages under Admin gear > Manage Pages. At least for desktop, there’s lots of widgets you can drag/drop and configure depending on the layout. you’re aiming for.

The general idea is minimize clicks or how far learners have to go to get at info, without having the learner home page be cluttered or overloaded. Keep it simple, it’s a balance. We decided for example to not show catalogs on Learner Home, but that’s a Menu selection which opens the Course Catalogs page. But we’re not a training company selling courses like you sound you may be. Hope this helps.

would you mind sharing the codes of your site? I like the layout and the tabs are more visible instead of the default where it is located at the top of banner. We’re trying to do regional tabs to create HTML instructions.

Hi @alekwo , your public pages look great! We’re considering using the public catalog custom pages to create simple looking informational pages. Where does the custom CSS go for the public catalog custom page?

Thank you!

Cecilia

Hi @alekwo, your public pages look incredible! Would you mind sharing the CSS you used to rearrange the tabs and title header and the html you used for the public catalog custom pages? Much appreciated!

Sorry to tag on such an old thread, but I wanted to say I was super inspired by your sign in page design. Would you be able to speak more on it - how it routes and takes priority over the default sign in page? Is a redirect of a outside page, or did you build it within a custom page in Docebo? 

Hey just wanted to post this guide I created that captures some of the details that allow you to push a custom page to the front of the sign in page. 

 

If you navigate to university.docebo.com you can see it in action. 

Amazing! Thank you, ​@pmo!