Hero Blocks allow you to place featured photos at the top of your website pages. These Blocks are meant to allow you to display some of your best work that will be seen first when a visitor and with the Hero Frames Block, you can add an animated Hero Block to the top of your website pages. This guide will provide you with the steps needed to add the Hero Frames Block to a page on your website.
*Note: It is only possible to add one Hero Block at a time on a particular page. If a Hero Block already exists on the page you want to add the Hero Frames Block to, you will need to first delete the Hero Block from the page.
- In your account, click on the
Website button on the left-hand side.
- In the Website Editor, click on the
Navigation icon.
- Select which page you want to add this Hero Block to. See this guide for information about creating a new page for you site.
- On the page, click on the very first
icon, on the right-hand side of the Editor view, to add a new block to the page.
- Select the Hero Frames Block.
Once you get the Block added to your page, you can then use the options on the left-hand side to control the various settings of the content seen in the block. If you do not see the options on the left-hand side for this specific Block, click on the block to select it.
- In the Appearance section, on the left-hand side, choose what type of transition you want the images to use when they change. You can also change the speed of the images changing, and also how much Padding will be added around the block.
- On the far right-hand side of the page, with this block selected, you can choose between four different preset layouts.
- And lastly, you'll want to select which photos you want displayed in the Hero Block. On the left-hand side of the page, with the Block selected, click on the Left, Middle, or Right Frame tab and select up to five images for the Left, Right, or Middle Frame. You can choose photos that are already uploaded to your account, or you can upload photos directly from your desktop.
Once you've completed the selection of photos and settings for your Hero Frames Block, you can Publish so that the change is live on your website.
For more information about adding Blocks to your website, see this guide here.