How do I add image navigation to my sidebar

You can add image navigation to your sidebar only, and these images can link to other pages in your existing navigation or hidden pages on your site. You will need to use your own images for this, or purchase images for use from a site like iStockPhoto. Squarespace does not provide images for use on your site.

Option 1: Adding Images to link to existing Navigation Pages

You can add images to your sidebar to link to existing pages in your navigation areas.

Step 1: Setting up a Sidebar Section and Widget to display your Image Navigation

You will need to setup a new Section in your sidebar for your image navigation. You can do this following this guide here.

Then create an HTML Widget within this section using the guide here.

Step 2: Adding Images to the new Section and Widget

You can add images to your new HTML Widget, see this guide here.

In Step 8 of the Inserting an Image guide you can add a Link to the image. When adding a Link to an existing page of your site, you will need to click the Link / Caption option on the left.

Then on the right side, you can add the URL Identifier of the page you would like to link to.

Repeat these steps to add image links to your widget to link to other pages as you need.

Note: If you would like to link an image to an external site or URL, in Step 8 of the Inserting an Image guide, you can add the full URL (including the http://) to the Link / Caption area.

Option 2: Adding Images to link to Hidden Pages on your site

You can add images to your sidebar to link to hidden pages within your site. This will allow you to display the image navigation without additional Page Links displaying on your site.

Step 1: Hiding the existing Navigation

You can hide your existing page links on your site, see this guide here.

Basically, you can accomplish this by adding a section to your site, and setting it to Hide. Any pages added to this section will not show up in your navigation, however they will still be accessible via a direct link.

Step 2: Adding Image Navigation

Once you have your pages hidden within this section, you can use the Steps in Option 1 to add images and have them link to these hidden pages.

Note: To display your images centered within your Sidebar, see our FAQ on this here.

Was this article helpful?
0 out of 0 found this helpful
How do I add image navigation to my sidebar