All Collections
Gallery Pages
Create a Gallery Page
Create a Gallery Page

Gallery Pages are the foundation of any Format site. They allow you to display your visual work in a stunning gallery of images.

Updated over a week ago

Video overview

Access Pages

  1. From the left sidebar navigate to Portfolio > click 'Pages'

  2. Click 'Create'

  3. Click 'Gallery'

A dialogue panel will be displayed. Enter a name for your gallery.

Click 'Add Gallery' or 'Cancel' to exit.

  1. Page Title (click to enter field and modify), this can also be changed by the (5) Settings > 'Gallery Title' field

  2. Visibility (default is Online)

  3. Gallery area where you add images and text

  4. Captions and Descriptions, view Image Descriptions guide here

  5. Settings for the page including the URL, SEO and Cover Image editor.

  6. Edit Design

  7. 'Add Item +'

  8. 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.

  1. Click to activate dropdown

  2. Change if required

See our Page Visibility article for more information.


Add Item

  1. 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:

  1. Drag & Drop: select from the Finder/Explorer of your computer and drag onto the uploader to start automatically

  2. Upload Images: select images from your computer

  3. Import from another Format page: save time. See our guide.

  4. Import from Dropbox: connect to your Dropbox account and add images directly

  5. 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.

  1. 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

  1. Thumbnail of video (not changeable from Format)

  2. Open video (directly into new Vimeo or YouTube browser)

  3. Change video

  4. Delete video

  5. Select video

  6. 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. 

  1. Top line selected with Heading 'TT' styling applied

  2. Heading style

  3. Link text, see guide here

  4. 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.

  1. Header Text

  2. Styling options within this toolbar

  3. Switch to Header Image

  4. Change TEXT to HTML

  5. Delete Header Text section

  6. Save Changes


Add Header Image

You can add a Header Image or Header Text but you can not use both at the same time.

  1. Header Image

  2. 'Upload Image'

  3. Switch to Header Text

  4. Delete Header Image section

  5. 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

  1. 'Gallery' view

  2. Hover under image thumbnail to access text field

  3. Click 'Add Caption' and enter

  4. Image counter

You can edit Captions and Image Descriptions for individual images.

  1. Hover image thumbnail for mini-toolbar to appear and click 'Edit Image Description' icon

  1. 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

  2. Click into field and replace with your 'Image Description'

  3. 'Save'


Captions and Descriptions Editor

  1. Click 'Captions and Descriptions'

  2. Add 'Caption'

  3. Add 'Image Description' view Image Descriptions guide here

  4. 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

  1. Page Title

  2. Gallery Title: the title of your page how it will appear in your site menu.

  3. Page Visibility: Online, Private or Offline

  4. Gallery URL: this path will follow your site in your url. eg: www.example.com/collection-page Best practice is to use lower-case characters and a hyphen '-' between words.

  5. SEO Optimization visual showing result of the information you add to the fields

  6. SEO Page Title how it appears in the search results

  7. SEO Page Description

  8. Cover Image thumbnail

  9. Delete Page

  10. '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

  1. Click 'Preview' to see you page as it will appear on your live site

  2. 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:

  1. Add to Site Menu and be taken to the Page Editor

  2. 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!

Did this answer your question?