website logo
Sign Up ➑Book a Demo
🌐Help Center
πŸ’ΌJobs
Navigate through spaces
🌐Help Center
πŸ’ΌJobs
⌘K
πŸ‘‹Product Documentation Portal
πŸš€GETTING STARTED
Learn the basics
How to get started
Use cases
πŸ“EDITOR
πŸ“ƒDOCUMENTS
πŸ—ƒοΈSPACES
🌎HOSTED SPACES
β˜•ORGANIZATIONS
πŸ“¦IMPORT & EXPORT
πŸ”ŒINTEGRATIONS
πŸ“₯GUIDES
πŸ”ƒPUBLIC API
Doc
πŸ”—EMBEDS EXAMPLES
➿MISC
Docs powered byΒ archbeeΒ 
4min

Custom Landing Page

You can set up a custom HTML page to load instead of the first document - which is the default option when the docs site loads.

To change the landing page option follow the next steps:

  1. Click on the Space you want to add a custom HTML landing page.
  2. Look for the icon gear βš™οΈ and click on it.
  3. In the Space Settings window, go to the Landing Page tab.
  4. Select Custom HTML.
  5. Add your HTML & CSS code and click Save.
Custom HTML
Custom HTML
ο»Ώ

The Custom HTML supportsΒ Handlebars and Tailwind. You can interpolate some variables in the HTML template.

Here is the object that we pass to the template; you can render any of these variables:

First level variables
Prop Interfaces
|
ο»Ώ

This is an example html for rendering custom html in the landing page:

HTML
|
ο»Ώ

For a structure like this and an uploaded logo:

ο»Ώ

You should see something like this, with the above code:

ο»Ώ

ο»Ώ

Updated 31 Jan 2023
Did this page help you?
Yes
No
UP NEXT
SEO Meta Controls
Docs powered byΒ archbeeΒ