Skip to the content

This tutorial will teach you how to create and add subpage listings to your website. This option only works if the page you link to includes subpages under it.

Step 1: Choose the page you want to add a subpage listing to. For this tutorial, we will add it to a test page. Start by clicking the drop-down arrow on the page, hovering over the components folder until the three dots appear, and choosing “Subpage Listing” from the creation list.

Step 2: Title your component and scroll down to the content section. In the content section, click “Add” and then “Add Link.”

A sidebar will appear where you can choose what you want your subpage listing to link to. You have a variety of options:

  1. You can link it to a different website by using the URL link box
  2. You can link to a page on your site by searching or dropping the home button down and selecting the page you want. 
  3. You can link it to media by clicking the “Select media” button at the bottom.

Press submit when you’ve selected the link option you wanted.

For this example, we’ll use the home dropdown to link up our subpages under the Styles page. 

Step 3: Press save and publish.

Step 4: To add pictures or captions to the subpage listings, start by clicking on the page you just linked as a subpage. 


*Note: Repeat this process for all the pages under the one you’ve linked to.

Step 5: In the “Listing” section, add a caption or upload an image by clicking the + in the square.

Step 6: Select your image then click “Submit.” Then press save and publish. 

Step 7: Change the layout of the subpages and photos by going back to your original “subpages” component.

Step 8: In the “Settings” section, select your desired styles.


Step 9: Press “Save and publish.” Click “Preview” to view your finished product.

About the author

Smartly Done Websites

Smartly Done Websites

Smartly Done Websites offers an affordable way for you to work with professionals, designers, programmers, and writers, to help you customize your new website to best suit your needs.

How does this work?

Is this a good fit for me?

Read our frequently asked questions to see if a Smartly Done website is a good fit for you!

We'd love to hear from you

Don't be shy!

Do you have questions?  We'd love to visit with you! Give us a call at (208) 497-0700 or fill out the form and we will contact you.  Hit us with your questions. We can give you a quick demo of our solution, or we can just visit so you can get a good feel for how you'd like working with us. We are a friendly, no-pressure bunch. Reach out!

The 'First name' field is required
The 'Last name' field is required
Please enter a valid Email address