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:
Click on the Space you want to add a custom HTML landing page
Look for the Settings gear ( βοΈ ) and click on it
In the Space Settings window, go to the Landing Page tab
Select Custom HTML
Add your HTML & CSS code and click Save
![Custom HTML Custom HTML](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/B5CZvTt5IrgUSOw1Jut85_custom-html-lp-light.png?format=webp)
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:
This is an example html for rendering custom html in the landing page:
For a structure like this and an uploaded logo:
![Document image Document image](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/t4kCqi3UsLbZxU18egfrW_lp-hierarchy-light.png?format=webp)
You should see something like this, with the above code:
![Document image Document image](https://images.archbee.com/bNBm7nPJgXjbjLyfbHNh2/GPQzw-88S7MWUsXcYTXvg_screen-shot-2022-09-02-at-131325.png?format=webp)
On a custom landing page you can build your own search input, but you'll also need a way to show the search modal β we've got you covered.
On the `window` object of the browser there are 2 methods you can call to control the search modal.
These functions are also available for usage in your custom scripts.