How can I link a utility page to one of my project pages in Webflow?
Published on
September 22, 2023
To link a utility page to one of your project pages in Webflow, you can follow these steps:
- Create the utility page:
- In Webflow, go to the Pages panel on the left-hand side.
- Click on the "+" button to create a new page.
- Select the type of page you want to create (e.g., Blank page).
- Give your utility page a name and click "Create".
- Design your utility page:
- Open the utility page in the Designer by selecting it from the Pages panel.
- Customize the layout, elements, and styles of the utility page as desired.
- Create the link on your project page:
- Open the project page that you want to link to the utility page.
- Select the element (e.g., button, text, image) that you want to turn into a link.
- In the right-hand panel, under the "Link Settings" section, click on the "Add link" button.
- In the link field, type a forward slash (/) followed by the slug of your utility page. For example, if your utility page's slug is "login", the link would be "/login".
- Optionally, you can choose to open the link in a new tab by checking the "Open in new tab" box.
- Click "Save" to apply the link to the element.
- Style the link:
- Select the linked element.
- Customize the styles of the link using the Typography, Background, and other style settings in the right-hand panel.
- Preview and publish:
- Preview your project to make sure the utility page is correctly linked.
- Publish your project to make the changes live on the web.
By following these steps, you can easily link a utility page to one of your project pages in Webflow.
Additional questions:
- How to create a utility page in Webflow?
- Can I link multiple project pages to the same utility page?
- How can I create a menu with links to utility pages in Webflow?