How to create stunning Gallery Pages
Gallery Pages are the foundation of any Format site. They allow you to display your visual work in a stunning gallery of images.
Tap any image to view at larger size.
In this article
- Access the Pages Editor
- Create Gallery Page
- Page visibility
- Add item: Image, Video, Text Element, Header Text, Header Image
- Add Captions and Alt Text
- Change item order
- Multi-select images
- Saving changes
- Add to Site Menu
Access the Pages Editor
From your Dashboard, expand the left Sidebar and tap 'Pages'.
Create Gallery Page
Tap 'Create Page' > select 'Gallery Page'
A dialogue panel will be displayed. Enter a name for your gallery.
Tap 'Add Gallery' or 'Cancel' to exit.
You can change your gallery pages name via the Pages > Settings > 'Gallery Title' field.
Your new Gallery Page will not automatically appear in your Site Menu.
The 'Visibility' will be shown as 'Online'. There are three visibility 'states' possible: Online, Private and Offline.
Tap to activate dropdown and change.
Online: (default) this page will be live and accessible to anyone.
Private: this page will be accessible only to those with the password.
Select and enter password (always shown here).
Offline: this page will be inaccessible and visible only to you.
Tap 'Add Item +' and select from dropdown menu.
Items you can add to your Gallery Page are:
- Text Element
- Header Text
- Header Image
We provide you with five ways of adding your image/s:
- Drag & Drop: select from the Finder/Explorer of your computer and drag onto the uploader to start automatically
- Upload Images: select images from your computer
- Import from Dropbox: connect to your Dropbox account and add any images directly
- Import from another Format page: save time
- Adobe® Lightroom®; direct upload using our Format Publisher plugin. Learn more.
Add Images > Upload Images
Tap 'Add Item +' > select 'Image'.
Choose option for adding image/s.
Select images and upload.
Add Images > Import from another Format page
Find more information on how to prepare your images for Format.
Videos can be added from YouTube or Vimeo URLs.
Locate and copy the full YouTube or Vimeo URL from the browser address bar.
Tap 'Add Item +' > select 'Video'
Paste in the full URL from YouTube or Vimeo and tap the checkmark.
The video thumbnail will appear.
Videos set as 'Private' or 'Restricted' may not allow you to add. Ensure you have access (and permission).
Add Text Element
Text Elements will add text to your gallery page and are useful for longer sections of editorial content.
Tap 'Add Item +' > select 'Text Element'.
Tap within the text area to start writing.
Selecting text will bring up formatting options. Text will save automatically (you still need to 'Save Changes' before viewing/leaving page).
Switch to HTML Editing
The HTML button (available on Pro, Pro Plus and Unlimited plans) allows you to add custom HTML to your gallery. Note that you may lose content if you switch between TEXT and HTML. Back up your work in an external text editor before switching.
Add Header Text
Header Text will appear at the top of your Collection Page and is useful for introducing your gallery.
Add Header Image
A narrow, landscapes style crop may work best, depending on your chosen theme, you may need to 'Preview' and adjust in an image editing application before adding.
You can add a Header Image or Header Text but you can not use both at the same time.
Add Captions and Alt Text
You can edit Captions and Alt Text for gallery page images.
- To edit Alt Text for an image, hover thumbnail and tap the 'Alt Text' button (it looks like a little tag).
- To edit a caption, tap below the thumbnail to activate the text field.
Alt text should describe the content of an image. Alt text will not be 'visible' on your site. Alt text is designed to help search engines index your images. It is also used to help visually-impaired people understand the content of your site by describing what is depicted in an image. See our Search Engine Optimization article for more info.
Alt Text Editor
The Alt Text Editor can also be used to edit Captions and Alt Text.
You'll also find an option to remove all information by clicking 'Clear All'.
Change item order
Move any item (except for Header Text or Header Image) by tapping-and-dragging' on any thumbnail.
Hover thumbnail images and tap in lower left corner to select more than one image at once.
You can now change the order of multiple images or Delete them at once.
- Hover and tap lower left corner of thumbnail to select
- Tap to 'Select All'
- Tap to 'Deselect All'
- Image counter
- 'Delete' images (no further warning, this is final!)
- 'Save Changes'
Any changes you make within the Page Editor will not be applied until you tap 'Save Changes' in the top-right corner.
If the 'Save Changes' button is a white color and shows 'Saved' it means that all changes have been saved and up-to-date.
Gallery Title: the title of your page how it will appear in your site menu.
Gallery Path: this path will precede your site in your url. eg: www.example.com/collection-page
Best practice is to use lower-case characters and a hyphen '-' between words.
Description: the description of this page will only be shown in search engine results. It will not be visible on your site.
Cover Image: the cover image thumbnail represents this page when displayed in a Collection. Its layout is determined by your website theme. Read more.
Tap 'Preview' to see you page as it will appear on your live site.
Your site may appear different from the example above (Horizon Left theme). You can make changes within the Design Editor.
Add to Site Menu
Your Gallery Page needs to be added to the Site Menu.
Hover the 'Not in Menu' link and tap the 'Change' link that appears.
Follow our Site Menu Editor article.