We’ve found our users often miss the global search at the top of the screen. We would like to duplicate it within a custom page, and our homepage. Could this be done with an HTML widget, CSS, or both together?
Hey! I tried hiding the search and embedding it into a custom page via iframe, but unfortunately, I wasn’t able to get it to work. It seems that this might not be achievable unless a web app integrated with Docebo is developed.
I do have a UX consideration: placing the search bar within the page could give users the impression that the results are specifically tied to that page or section.
That said, there are definitely ways to enhance its visibility with CSS by adjusting colors, fonts, and size to make it stand out more.
Hi Francesca - thanks so much for the info! It’s actually our home page where we wanted to relocate the global search.
In short, our design would lend itself well to having it right in the middle of the page. In the end, we just created a graphic similar to “START YOUR LEARNING JOURNEY HERE: Click a topic below or Search above. It’s hard to miss now haha.
Reply
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Docebo Employee Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.