Video overview
Access Pages
From the left sidebar navigate to Portfolio > click 'Pages'
Click 'Create'
Click 'Gallery'
A dialogue panel will be displayed. Enter a name for your gallery.
Click 'Add Gallery' or 'Cancel' to exit.
Page Title (click to enter field and modify), this can also be changed by the (5) Settings > 'Gallery Title' field
Visibility (default is Online)
Gallery area where you add images and text
Captions and Descriptions, view Image Descriptions guide here
Settings for the page including the URL, SEO and Cover Image editor.
Edit Design
'Add Item +'
Page 'Saved' indicator, always 'Save Changes' before leaving your page
Page Visibility
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.
Click to activate dropdown
Change if required
See our Page Visibility article for more information.
Add Item
Click 'Add Item +' and select from dropdown menu.
Items you can add to your Gallery Page are:
Image
Video
Text Element
Header Text
Header Image
Add 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 another Format page: save time. See our guide.
Import from Dropbox: connect to your Dropbox account and add images directly
Adobe® Lightroom® direct upload using our Format Publisher plugin. Learn more.
Add Images > Upload Images
Click 'Add Item +' > select 'Image'.
Choose option for adding image/s.
Select images and upload.
Find more information on how to prepare your images for Format.
Add Video
Videos can be added from YouTube or Vimeo URLs.
Locate and copy the full YouTube or Vimeo URL from the browser address bar.
Click 'Add Item +' > select 'Video' and paste in the full URL from YouTube or Vimeo and 'Add Video'
The video thumbnail will appear.
Videos set as 'Private' or 'Restricted' may not allow you to add. Ensure you have access (and permission).
Video thumbnail overview
Thumbnail of video (not changeable from Format)
Open video (directly into new Vimeo or YouTube browser)
Change video
Delete video
Select video
Caption field
Add Text Element
Text Elements will add text to your gallery page and are useful for longer sections of editorial content.
Click 'Add Item +' > select 'Text Element'.
Click within the text area field to start writing.
Selecting text will bring up formatting options.
Top line selected with Heading 'TT' styling applied
Heading style
Link text, see guide here
Toggle to HTML editing
Switch to HTML Editing
The HTML button (available on Pro and Pro Plus plans) allows you to add custom HTML to your gallery. Note: you will lose content if you switch between HTML and TEXT. Back-up your work in an external text editor before switching.
Add Header Text
Header Text will appear at the top of your pages content.
Header Text
Styling options within this toolbar
Switch to Header Image
Change TEXT to HTML
Delete Header Text section
Save Changes
Add Header Image
You can add a Header Image or Header Text but you can not use both at the same time.
Header Image
'Upload Image'
Switch to Header Text
Delete Header Image section
Save Changes
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.
Add Captions and Image Descriptions to individual thumbnails
'Gallery' view
Hover under image thumbnail to access text field
Click 'Add Caption' and enter
Image counter
You can edit Captions and Image Descriptions for individual images.
Hover image thumbnail for mini-toolbar to appear and click 'Edit Image Description' icon
Image Descriptions are not displayed on your website. Effective descriptions improve your SEO and enable browsing with a screen reader. View our Image Descriptions guide here
Click into field and replace with your 'Image Description'
'Save'
Captions and Descriptions Editor
Click 'Captions and Descriptions'
Add 'Caption'
Add 'Image Description' view Image Descriptions guide here
Save Changes
You'll also find an option to remove all information by clicking 'Clear All'
Multi-select images
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.
Move any item (except for Header Text or Header Image) by clicking-and-dragging on any thumbnail.
Multi-select and move images
Click a thumbnail and drag to another location.
Multi-select to more more than one image quickly.
Settings
Page Title
Gallery Title: the title of your page how it will appear in your site menu.
Page Visibility: Online, Private or Offline
Gallery URL: this path will follow your site in your url. eg:
www.example.com/collection-pageBest practice is to use lower-case characters and a hyphen '-' between words.SEO Optimization visual showing result of the information you add to the fields
SEO Page Title how it appears in the search results
SEO Page Description
Cover Image thumbnail
Delete Page
'Save Changes' (before leaving)
The cover image thumbnail represents this page when displayed in a Collection. Its' layout is determined by your website theme. Read more.
Preview
Click 'Preview' to see you page as it will appear on your live site
Close
Your site will appear different, depending on the theme. You can make changes within the Design panel.
Add to Site Menu
When you first Save Changes you will have the option to:
Add to Site Menu and be taken to the Page Editor
Leave page NOT IN MENU and add manually later.
See our guide for managing your pages.
Still have questions? Reach us on our live chat or email us at info@format.com We’re here to help!