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 code in Landing page HTML field and hit Save. Keep in mind that this is your index.html file.
![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.
ο»Ώ