How to Add a Custom Logo Link and Navigation Links
This guide shows you how to add a custom URL to your logo and create navigation links in your documentation's header and footer. These links make it easier for users to navigate to your main website, product pages, or other key resources. You must have already published your project to configure these settings.
- From your project page, click the settings icon to open Project Settings.
- Select the Publishing tab from the left-hand menu.
Add a Custom Logo Link
- Navigate to the Navigation tab.
- Toggle the Custom Logo Link switch to the 'on' position.
- In the Logo Link URL field that appears, enter the full URL where users should be directed after clicking the logo.
Add Header Links
- Under the Navigation Settings section, click the + Add Link button.
- Enter the text for your link in the Link Text field (e.g., "Download App").
- Enter the destination URL in the URL field.
- Choose the display Style. You can select Link, Primary Button, or Secondary Button.
- Optionally, toggle the Open in new tab switch to have the link open in a new browser tab.
Add Footer Links
- Scroll down to the Footer Settings section.
- Click the + Add Link button under Footer Links.
- Enter the Link Text and URL for your footer link.
Publish Your Changes
- Click the Save Settings button at the bottom of the page.
- You will be returned to the main publishing screen. Click the Publish Changes button to make your new links live.
Summary
This article provides a step-by-step guide on how to enhance your published documentation by adding custom navigation. It covers configuring a custom link for your logo, adding links and call-to-action buttons to the header, and including useful links in the footer. These features help create a more seamless user experience and better integrate your documentation with your main website or application.