Adding New Pages To Your Website

Adding a New Page

There are currently multiple different types of pages that you can add to your website that will be visible or hidden from all visitors in your websites Navigation (header) and Footer Blocks. Use the following steps below to create a new Blank page, Submenu, Gallery page, Folder Page, External website page, and Blog Page.

New pages added to your website will be created as Drafts and are not accessible on your website until the visibility is changed. For more information about managing the visibility of your pages, click HERE.

Blank Pages

By utilizing a Blank Page, you have the flexibility to customize the content displayed on a specific page of your website. This feature allows you to curate a page showcasing Portfolio images with relevant text or highlight preferred photoshoot locations using Location Blocks.

1. Click on the Website icon, on the left-hand side.
2. Choose the Navigation tab.
3. Click on the icon to create a new page.
4. Choose the Blank Page option.
5. Click Add Page.

The new page will be added as a Draft and you will need to complete the addition of the page to your website:

1. Set the Page Name that will appear in your site's navigation menu. Hit Enter/Return on your keyboard to complete this action.
2. And you can then choose the first Block that will appear on this new blank page. 

After you've completely added the page to your website, you can then begin adjusting the Page Options, and managing the visibility of the page.

And continue HERE for more information about adding blocks to your new page to build the content that will appear on this page.

Submenu Page

The Submenu page option provides the functionality to generate a page that will be displayed in the navigation menu of your website with a dropdown list of sub-pages. This functionality is similar to incorporating sub-pages beneath various page types on your website. However, the advantage of utilizing this specific Submenu page option is that the top-level page you generate will not function as an active link. This enables you to minimize the number of active link on your website when you prefer a menu item to solely serve as a dropdown containing other sub-pages, rather than being an active page itself.

1. Click on the Website icon, on the left-hand side.
2. Choose the Navigation tab.
3. Click on the icon to create a new page.
4. Choose the Submenu option.
5. Click Add Page.

The new Submenu page will be added as a Draft and you will need to complete the addition of the page to your website:

1. Set the Page Name that will appear in your site's navigation menu. Hit Enter/Return on your keyboard to complete this action.
2. You can then use the three vertical dots icon and select the option to add sub-page to add the first sub-page under this new Submenu.

After you've added the sub-pages that will be contained within the Submenu, you can then manage the visibility of the page so that it will actually appear on your website.

And if needed you can continue HERE for more information about adding sub-pages including how to move an existing page into the Submenu.

Link Page To Gallery

By linking a Gallery directly to your website's navigation menu, you can offer a convenient and efficient way for visitors to access a Gallery that you wish to make easily available. For instance, if you intend to establish a dedicated shopping Gallery showcasing your top creations for purchase, you can generate a page that directly links to this Gallery, ensuring swift accessibility through your website's menu.

1. Click on the Website icon, on the left-hand side.
2. Choose the Navigation tab.
3. Click on the icon to create a new page.
4. Choose the Link Page To Gallery option.
5. Click Add Page.

The new page will be added as a Draft and you will need to choose the actual Gallery that you are wanting to link to:

1. Navigate through the Galleries you've created in your account and select the specific Gallery you want to use.
2. Click on Continue. 
3. You will then lastly need to set the Page Name that will appear in your site's navigation menu.

After you've completely added the page to your website, you can then begin adjusting the Page Options and managing the visibility of the page.

Link Page to Folder

With the ability to link a Folder directly to your website's navigation menu, you can provide an easy and quick way to access an entire Folder of content (Galleries and other Folders) that you'd like any visitor to have easy access to. For example, if you want to create a Client Folder that contains all of your Client Galleries, where any visitors can quickly locate a particular Client's Gallery, you can create a page that links directly to that Folder and will be quickly accessible in your site's menu.

*Note: Adding a Folder page to your website will include the fully functional Galleries within that Folder. If a Gallery has allowed downloading, anyone visiting that Gallery may be able to download the photos. Be sure to check that your Gallery Settings are properly set to allow for possible public viewing.

1. Click on the Website icon, on the left-hand side.
2. Click on the icon to create a new page.
3. Choose the Link Page To Folder option.
4. Click Add Page.

The new page will be added as a Draft and you will need to choose the actual Folder that you are wanting to link to:

1. Navigate through the Folders you've created in your account and select the specific Folder you want to use.
2. Click on Continue. 
3. You will then lastly need to set the Page Name that will appear in your site's navigation menu.

After you've completely added the page to your website, you can then begin adjusting the Page Options.

Link Page To URL

With the ability to link to an external URL you have the option to direct your website visitors, through your site's navigation menu, to any publicly accessible website or page throughout the internet. For example, if you have a second website, or a special signup page for an event you're promoting; you can add the link to the website page directly on your Zenfolio website's navigation menu.

1. Click on the Website icon, on the left-hand side.
2. Choose the Navigation tab.
3. Click on the icon to create a new page.
4. Choose the Link Page To URL option.
5. Click Add Page.
6. Provide the Page Name which will be what appears in your site menu. Add the actual URL link that will lead to the external site page.
7. Choose whether or not you want this to open in a new tab. *Recommended when a link goes to an external website so that thew visitor can easily return back to your website.
8. Click Save.

This new page will be added as a Draft page, to manage the visibility of the page, click HERE.

Link to Blog Page

Exclusive to Professional and Advanced subscribers.

With Zenfolio's integrated Blog you will need to be add the Blog Page to your website so that visitors can read the Blog posts you create. You can add this Blog Page to your website before making any posts (as described in the steps below), or you can add the Blog Page to your website when prompted to, after creating a Blog post.

1. Click on the Website icon, on the left-hand side.
2. Choose the Navigation tab.
3. Click on the icon to create a new page.
4. Choose the Blog Page option.
5. Click Add Page.

The new page will be added as a Draft and you will need to complete the addition of the page to your website:

1. Set the Page Name that will appear in your site's navigation menu, on the left-hand side. Hit Enter/Return on your keyboard to complete this action.
2. And if you have not yet started creating Blog posts, you can click on Manage Posts on the right-hand side. 

After you've completely added the page to your website, you can then begin adjusting the Page Options, and managing the visibility of the page.

Duplicating An Existing Page

When you've spent time perfecting a page layout, you shouldn't have to rebuild it from scratch every time you need something similar. The Duplicate Page feature lets you instantly create a copy of any existing page, complete with all of its blocks and layout, so you can focus on updating the content rather than starting over.

How to Duplicate a Page

1. In your Zenfolio Dashboard, open the Website Editor.
2. In the left-hand Site Pages panel, locate the page you want to duplicate.
3. Click the 3 vertical dots icon to the right of the page name.
4. In the menu that appears, click Duplicate Page.
5. A copy of the page is instantly created. The new page will appear in the Draft / Hidden section of your Site Pages panel, with (Copy 1) appended to the original page title. If you duplicate the same page multiple times, subsequent copies will be labeled (Copy 2), (Copy 3), and so on.

After Duplicating: What to Do Next

Once your duplicate page is created, here's how to finish setting it up:

1. Click on the duplicated page in the Draft / Hidden section to open and edit it.
2. Update the page content: replace text, images, and any other blocks as needed to fit the purpose of the new page.
3. Rename the page by clicking the 3 vertical dots menu and selecting Rename Page to give it a clear, relevant title.
4. When the page is ready to go live, click the  3 vertical dots menu again and select Move to Public to move it into the Public section of your site.
5. Publish your site to make the new page visible to your visitors.

Additional Tips

• You can duplicate any page, regardless of whether it's currently Public or Draft / Hidden.
• Duplicating a page does not affect the original,  it remains exactly as it was.
• If you need to reorder your pages, you can drag them up or down within the Site Pages panel at any time.

Example: Let's say you've built a beautiful Services page with a layout you love; a header block, a text block, and a contact button. Instead of recreating that structure for a new Pricing page, simply duplicate the Services page, rename it, and swap out the content. Done in minutes.

For more information about managing your website pages, Click Here for more information about the Website Editor.

For more information about publishing your site, Click Here for more information about Publishing Your Website.

Page Options

After creating a page for your website, you can use the icon to access more options associated with the page.

Rename Page

If you did not name the page right after creating it, or if you'd like to change the name of the page, you can use the Rename Page option to change the name of the page. 

Move to Draft

If you've previously set a page to be public or hidden, you choose the Move to Draft option to remove the page from be accessible on your website or via direct link. For more information about managing page visibility, click HERE.

Hide Page

Hidden pages are live on your website, but can only be accessed via a direct link – whether you give the link out, post it to social media, or add it to a button on your site. Hidden pages will not appear in your site's navigation menus. For more information about managing page visibility, click HERE.

Add Sub Pages

If you'd like to create a dropdown menu for a certain page in your site's Navigation menu, you can use Add Sub Page to start that dropdown menu. See this support article for more information about creating sub page dropdown menus.

SEO Options

For each page of your website you can customize the SEO information associated with the page. SEO is important to your website's visibility through online searches like Google, Bing, Yahoo, etc. Good SEO can have a positive impact on visitors naturally discovering of your website. See this article for more information about controlling your site's SEO.

Set as Homepage

Use this option to designate any page of your website as your homepage. This could be helpful if you wanted to create a temporary landing/homepage without deleting or changing your normal homepage.

Deleting and Restoring Pages

Removing a page from your website takes just a few clicks from within the website editor.

1. In the Site Pages panel, locate the page you want to delete. Click the three-dot icon next to the page name.
2. Select Delete Page from the menu options.
3. A confirmation window will appear. Check the box to confirm that you want to move the page to Deleted Pages.
4. Click Confirm.

Once confirmed, the page will be removed from your active site navigation and placed in the Deleted Pages section, which can be found at the bottom of the Site Pages menu on the left-hand side of your website editor view when there are deleted pages available for restoration.

When a page is restored, the word (Restored) is automatically added to its page title. For example, a page previously called "About Me" will reappear as "About Me (Restored)." This is to prevent naming conflicts in case you've created a new page with the same name since the original was deleted. You can rename the page at any time after restoring it.

Moving Pages

Additionally, if you have multiple sub-pages and you'd like to rearrange the them, you can change the ordering of the sub-pages by moving your mouse pointer over the page icon next to the sub-page you want to move. 
The icon will change to the icon, which you can click and drag to move the sub-page up or down to change the sorting order of the sub-pages.

Hidden Page Options

You will see these similar 8 options reviewed above available for Hidden Pages: 

Rename Page, Move to Public, Move to Draft, Add Sub-Page, SEO Options, Set as HomePage, Delete Page, plus an additional option to Copy link. 

This will allow you to copy the URL link to your hidden page and share it directly with specified clients.
 

Editing Navigation Block

After you've created the page, you can begin customizing the look and content of the page. If this is your first additional page, you might want to consider looking through the settings of the Navigation Block. This is the block that will appear at the very top of your website pages and will contain your site's name/logo, your navigation menu, and additional icons for visitors to use. 

To edit the Navigation Block, click on the block on the right-hand side of your website Editor view. 
With the Navigation Block selected, you can adjust the different settings and options on the left-hand side.

• Show Logo will allow you to choose whether your site's logo is showing or if just the plain text website title will show. If you do not have a logo uploaded for your website, your website title will show. See this article for more information about uploading a logo to your website.
• Number of Items will determine how many navigation menu items will be visible in the Navigation Block. If you have more items that is allowed through this setting, a "More" dropdown menu will appear in the Navigation Block. You can also adjust the Social Media icons and Sitewide search.
• Font Size will allow you to adjust the size of the menu items, as well as adjusting the Dividers, Spacing, Hover State, and Dropdown.
• On Scroll determines how the navigation bar reacts when scrolling down or up the page.
• Background Color will allow you to determine the background color of the Navigational Block. 
• Change Nav Color allows you to set whether or not the navigation bar will change color when scrolling down the page.

Additionally, on the far right-hand side of the Navigation Block, when you have it selected, you can change the layout to choose the location of your logo/site title and navigation menu items. 

Note: The Navigation Block cannot be removed from a page.

Managing the Visibility of Your Site Pages

Types of Visibility

• Draft Pages are how all new pages will start out when created. Drafts are not visible in any way through your website.
• Hidden Pages are accessible via direct link only and are not seen in the site's navigation menus. You must give out the link or add the page/link to a button in order for this page to be accessed.
• Public Pages are accessible and seen through your site's navigation menus – anyone visiting the website will be able to easily access these pages.

Changing a Draft Page to Hidden or Public

After creating a page, and once you're ready for others to be able to access the page, follow these steps to make the page hidden or public:

1. Use the Website button to enter the website editor.
2. Make sure you're viewing the Navigation tab.
3. Under the Draft/Hidden pages list, click on the ellipsis icon to the right-hand side of the page.
4. Select Move to Public or Hide Page. If you choose to move the page to Public, it will be added to the site's navigation menus. If you choose to Hide the page, it will be accessible via direct link.
5. Publish your website for these changes to go to your live website.

Changing a Hidden Page to Public or Draft

1. Use the Website button to enter the website editor.
2. Make sure you're viewing the Navigation tab.
3. Under the Draft/Hidden pages list, click on the ellipsis icon to the right-hand side of the page.
4. Select Move to Public or Move to Draft. If you choose to move the page to Public, it will be added to the site's navigation menus. If you choose to Draft the page, it will no longer be accessible in any way through your site.
5. Publish your website for these changes to go to your live website.

Changing a Public Page to Hidden or Draft

1. Use the Website button to enter the website editor.
2. Make sure you're viewing the Navigation tab.
3. Under the Draft/Hidden pages list, click on the ellipsis icon to the right-hand side of the page.
4. Select Hide Page or Move to Draft. If you choose to hide the page, it will be removed from the site's navigation menus, but will still be accessible via direct link. If you choose to Draft the page, it will no longer be accessible in any way through your site.
5. Publish your website for these changes to go to your live website.

Using Blocks to Add Content to the Page

To continue customizing the new page that you've created, you can add Blocks by clicking on the icon. When doing this, you'll be presented with various blocks that can be added to the page, you can add just one Image Block to create a simple Gallery style page, or you can add multiple different blocks to create a diverse page with images, text, buttons, etc.



After adding a block to your page, you can select that block and adjust the settings and options of that specific block. See this article for more information about customizing your site pages with blocks.




Once you've completed the work on your website, be sure to use the Publish button in the top right-hand corner to make any changes live on your actual website.