{"id":2538,"date":"2021-11-05T13:42:25","date_gmt":"2021-11-05T13:42:25","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&p=2538"},"modified":"2025-01-10T10:20:42","modified_gmt":"2025-01-10T10:20:42","slug":"how-do-i-create-a-gallery-page-to-display-my-photos","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/","title":{"rendered":"How do I create a Gallery page to display my photos?"},"content":{"rendered":"\n

Info:<\/strong> This article applies to Website Builder purchases made before 14th January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n

A website can be a perfect way to showcase all your photos. The good news is that Website Builder<\/a> comes with a Gallery<\/strong><\/em> widget which allows you to easily upload and show off your photo collection.<\/p>\n\n\n\n

You can find it by clicking on Widgets<\/strong><\/em> from the left menu of your editor and then looking for Photo<\/strong> Gallery<\/strong><\/em>. It\u2019s located within the Media<\/strong><\/em> section, or you can use the search bar at the top to look for it.<\/p>\n\n\n

\n
\"Adding<\/figure>\n<\/div>\n\n\n

Drag and drop it to wherever on the page you would like it to appear and you will then see a pop-up window which allows you to customise it.<\/p>\n\n\n\n

The first step is to click on the orange Add<\/strong> image<\/strong><\/em> link, which allows you to choose the images you would like the gallery to display. Alternatively, if all of them are on your Instagram account then you can click on the Connect<\/strong> Instagram<\/strong><\/em> link to enter your Instagram username and pull in all the images from there automatically.<\/p>\n\n\n

\n
\"Adding<\/figure>\n<\/div>\n\n\n

Clicking on Add<\/strong> image<\/strong> <\/em>will display the window below.<\/p>\n\n\n

\n
\"Adding<\/figure>\n<\/div>\n\n\n

Here you can choose an image you may have uploaded to Website Builder, you can pick from one of the built-in stock images, or you can click on the + icon in the bottom left corner to upload your own.<\/p>\n\n\n\n

Simply repeat this process for each of the images you would like to be displayed in the gallery and then click on the orange Done<\/strong><\/em> button when you have chosen them all.<\/p>\n\n\n\n

The widget you have added to the page will then update to display each of the images you have picked.<\/p>\n\n\n

\n
\"Layout<\/figure>\n<\/div>\n\n\n

This default layout is already very aesthetically pleasing but, should you need to tweak it slightly, clicking on the widget will bring up various customisation options.<\/p>\n\n\n

\n
\"Customise<\/figure>\n<\/div>\n\n\n

Click on the Design<\/strong><\/em> tab at the top.<\/p>\n\n\n

\n
\"Customise<\/figure>\n<\/div>\n\n\n

Here you have a large number of possible options. For example, you can choose the number of columns to be displayed, or the layout of the images, or whether they should all appear at once or slide in from the side.<\/p>\n\n\n\n

Tip:<\/strong> A subtle but effective tweak is to add a bit of space between each of the images.<\/p><\/div>\n\n\n

\n
\"Customise<\/figure>\n<\/div>\n\n\n

Info:<\/strong> Don\u2019t forget that the image gallery won\u2019t go live on your website until you have published it from within the editor.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"

A website can be a perfect way to showcase all your photos. The good news is that Website Builder comes with a Gallery widget which allows you to easily upload and show off your photo collection. You can find it by clicking on Widgets from the left menu of your editor and then looking for […]<\/p>\n","protected":false},"author":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[198,154],"ht-kb-tag":[153],"class_list":["post-2538","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-improve-and-perfect-your-website","ht_kb_category-website-builder","ht_kb_tag-website-builder"],"yoast_head":"\nHow do I create a Gallery page to display my photos? - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I create a Gallery page to display my photos? - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T10:20:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"338\" \/>\n\t<meta property=\"og:image:height\" content=\"708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/\",\"name\":\"How do I create a Gallery page to display my photos? - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png\",\"datePublished\":\"2021-11-05T13:42:25+00:00\",\"dateModified\":\"2025-01-10T10:20:42+00:00\",\"description\":\"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png\",\"width\":338,\"height\":708},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I create a Gallery page to display my photos?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I create a Gallery page to display my photos? - Support Centre - names.co.uk","description":"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/","og_locale":"en_GB","og_type":"article","og_title":"How do I create a Gallery page to display my photos? - Support Centre - names.co.uk","og_description":"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:20:42+00:00","og_image":[{"width":338,"height":708,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/","name":"How do I create a Gallery page to display my photos? - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png","datePublished":"2021-11-05T13:42:25+00:00","dateModified":"2025-01-10T10:20:42+00:00","description":"Looking to add lots of images to your website? Here's a simple guide on how to add a gallery to your website using Website Builder.","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-gallery-widget.png","width":338,"height":708},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-do-i-create-a-gallery-page-to-display-my-photos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How do I create a Gallery page to display my photos?"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=2538"}],"version-history":[{"count":3,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2538\/revisions"}],"predecessor-version":[{"id":6456,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2538\/revisions\/6456"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2538"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2538"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}