Create reusable objects in Webflow

Create reusable objects in Webflow

1. Add a section to the top of your page, expand the section box to cover the entire width of the page, add text, images, and links to other pages on your site, click the Symbols icon in the left sidebar, click + Create New Symbol, name your symbol and click Save to create a reusable navigation bar.

Drag and drop text boxes or image elements into the section, and align them to the left. For example, you could add your business name and logo. Link to other pages on your site, such as your About, Products/Services, Blog, and Contact pages. Click the individual text elements and choose the page the element should link to under Settings.

2. Add a section to the bottom of your page, expand the section box to cover the entire width of the page, add text, images, and links to other pages on your site to the section, click the Symbols icon in the left sidebar, click + Create New Symbol, name your symbol and click Save to create a reusable footer.

Drag and drop text boxes or image elements into the section, and align them to the left. For example, you could add your business name, logo, and copyright information. Drag and drop text elements to link to pages on your site that won’t typically be found on your main navigation menu, such as your Support, FAQ, and Resources pages. Click the individual text elements and choose the page the element should link to under Settings. Consider adding social media icons to your footer and linking them to your respective social media pages.

3. Create a page layout and save it as a Symbol under the Symbols menu to create a reusable layout.

4. Click the Symbols icon on the left menu in the Webflow editor, select the symbols you want to add from your list of saved symbols, and drag and drop them to any page you want to use them on.