Customizing your Zenfolio website is easier than ever in the Website Editor. Your website is made up of customizable blocks that will contain photos, text, buttons, and/or contact forms.
While in your account’s Dashboard, click on the Website icon on the left hand side of the page, to open the Website Editor. |
Once in the Website Editor, you’ll be presented with the preview of your website on the right – on the left-hand side, click on the Design icon. You’ll then see the basic options for your website like the Template, Website Color, Accent Color, Font Style, and Button Style.
Learn more about customizing your website with this video, and the information below:
Template
A template is a pre-made set of design settings and website blocks that make up your website. You can change the Template at any time by clicking on the Change Template button and selecting one of our several provided templates.
Changing the template being used on your website will only update all of your design settings (colors, fonts, button styles) to match that of your chosen template. The change in template will not change or discard the blocks you've added to your website, their custom contents, and SEO settings will be retained – only aesthetics of the website template will change.
Website Color
To change the background color of your website, use the Website Color. You can choose from White, Cream, Gray, or Black.
When you change the Website Color, the text of the website will change automatically to a color that is easy to read on the color chosen for the Website.
Note: It is not going to be possible to choose a custom background or text color.
Accent Color
The color of your website buttons and headers will be controlled by the Accent Color. You can choose from some of the color selection provided, or you can choose a custom accent color.
When you select the color, the elements that will use the accent color will automatically update within the blocks of your website.
Font Style
Choose from one of the provided Font Pairings to determine the font style that will be seen within your website. If you don't find a combination of font styles that you like, you can use the Mix & Match option to choose which specific fonts you wan to use for Headers and Body texts.
Note: It will not be possible to choose a custom font for your website.
Button Style
Included in some of the blocks that can be used with your website, there will be buttons that will lead to Galleries or external websites. You can choose from a few different button styles either with rounded or non-rounded corners.
The colors of the buttons will follow the accent color set for your website.
Site Pages
To adjust the options of your website page, click on the Navigation icon. Here you will see the different pages of your website and you can click on the icon to rename the page or edit the SEO options. Click HERE for more information about the SEO options. You will also be able to add sub-pages to create a dropdown menu or change the visibility of pages. Click HERE for more information about page visibility.
Use the icon to add new pages to your website. You will have the option to create a new Blank page, Gallery page, Folder page, External URL, or Blog page (PortfolioPlus and ProSuite only).
All new pages will be created as a Draft by default. If you'd like a page to be visible on your website via direct link or in your site's navigation menu, you can adjust the page visibility.
Types of Page 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.
Click here for more information about adding pages to your website.
Site Settings
To adjust the Site Settings, click on the Site Settings icon. Here you can change general settings of your website, like adding a Custom Domain, Google Analytics ID, Facebook Pixel, or Unpublishing your website.
Adding and Customizing Blocks
There are many different Blocks to choose from for your website. To add a new Block above an existing Block, click on the orange plus icon above the existing Block. To add a new Block below an existing Block, click on the orange plus icon below the existing Block.
Note: It will not be possible to add a Block above the Hero Block of your site. It is also only possible to add one Hero Block.
You will be presented with the different options of content Blocks that you can add, select a new Block you want to add.
Editing Blocks
After adding a Block to your site, the options for this Block will appear on the left hand side automatically. If you’d like to edit an existing Block, simply just click on that Block and the options will appear on the left.
All Blocks added to your website can be chosen to appear on all or specific types of devices (Desktop, Mobile, or Tablet). This allows you to customize your mobile site separately from your desktop or tablet site. However, other types of Blocks will only feature options specific to the content contained within that Block.
For example, a Block that contains a photo will allow you to choose what photo you’re using, change the focal point of that photo, and also choose the alignment. And a Block with only text will allow you to choose the alignment of the text, but won’t have any option to add a photo. You’ll need to choose a Block that includes a photo and text to do this.
You can also adjust the location, choose the layout, or delete the Block using the options that will appear in the top right-hand area of the Block you have selected.
All changes made will automatically be saved within the Website Editor, allowing you to edit your site without the changes being visible to your clients and other site visitors. Once you have completed all of the changes you would like to make to your website, you can then Publish the changes.
Removing Blocks
To remove a content block, select the block you want to remove and click on the trash icon in the top right-hand corner of the block.
If you accidentally remove a block, that you’d like to re-add, you will have a brief opportunity to undo the change using the Undo Delete button that will appear in the Website Editor. It will not be possible to recover a deleted block once this undo option disappears.