{"id":12065,"date":"2025-07-14T09:13:47","date_gmt":"2025-07-14T09:13:47","guid":{"rendered":"https:\/\/visualtourbuilder.com\/?post_type=ht_kb&#038;p=12065"},"modified":"2025-07-14T09:16:17","modified_gmt":"2025-07-14T09:16:17","slug":"how-to-add-photos-to-elements-in-step-2","status":"publish","type":"ht_kb","link":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/","title":{"rendered":"How to add photos to elements in Step 2"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">You can attach <strong>images<\/strong> to any <strong>element<\/strong> within <strong>Step 2<\/strong>. These <strong>images<\/strong> will be visible in both the <strong>digital output<\/strong> and the<strong> PDF export<\/strong>, with some display limits to keep in mind.<\/span><\/p>\n<p><strong>Where will the photos appear?<\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Digital Output<\/b><span style=\"font-weight: 400;\">: The first <\/span><b>20 images<\/b><span style=\"font-weight: 400;\"> added to each element will be displayed.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>PDF<\/b><span style=\"font-weight: 400;\">: The first <\/span><b>3 images<\/b><span style=\"font-weight: 400;\"> per element will appear in the PDF version.<\/span><\/li>\n<\/ul>\n<p><strong>How to add photos to an element?<\/strong><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Go to Step 2<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to the specific <\/span><b>element block<\/b><span style=\"font-weight: 400;\"> you want to enrich with images.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the <\/span><b>\u201cManage\/Add Images\u201d<\/b><span style=\"font-weight: 400;\"> button within that element.<\/span><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-12066\" src=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21.png\" alt=\"\" width=\"429\" height=\"161\" srcset=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21.png 1027w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21-300x113.png 300w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21-1024x385.png 1024w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21-768x289.png 768w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.09.21-50x19.png 50w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Upload your images<\/b><span style=\"font-weight: 400;\"> or select from your media library or from the external <\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">photo library.<\/span><\/span>&nbsp;\n<p><img decoding=\"async\" class=\"alignnone wp-image-12067\" src=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.10.56.png\" alt=\"\" width=\"428\" height=\"278\" srcset=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.10.56.png 615w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.10.56-300x195.png 300w, https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/07\/Scherm\u00adafbeelding-2025-07-14-om-11.10.56-50x32.png 50w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once uploaded, you\u2019ll see a preview and can rearrange or delete as needed.<\/span><\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"<p>You can attach images to any element within Step 2. These images will be visible in both the digital output and the PDF export, with some display limits to keep in mind. Where will the photos appear? Digital Output: The first 20 images added to each element will be displayed. PDF: The first 3 images &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\"> <span class=\"screen-reader-text\">How to add photos to elements in Step 2<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":449,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"ht-kb-category":[47],"ht-kb-tag":[288,183,184,287],"class_list":["post-12065","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-building-vtbs","ht_kb_tag-element","ht_kb_tag-images","ht_kb_tag-photos","ht_kb_tag-step-2"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add photos to elements in Step 2 - Visual Tour Builder<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add photos to elements in Step 2 - Visual Tour Builder\" \/>\n<meta property=\"og:description\" content=\"You can attach images to any element within Step 2. These images will be visible in both the digital output and the PDF export, with some display limits to keep in mind. Where will the photos appear? Digital Output: The first 20 images added to each element will be displayed. PDF: The first 3 images &hellip; How to add photos to elements in Step 2 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Tour Builder\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-14T09:16:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\",\"name\":\"How to add photos to elements in Step 2 - Visual Tour Builder\",\"isPartOf\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\"},\"datePublished\":\"2025-07-14T09:13:47+00:00\",\"dateModified\":\"2025-07-14T09:16:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualtourbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add photos to elements in Step 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"name\":\"Visual Tour Builder\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\",\"name\":\"Visual Tour Builder\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"contentUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"width\":32,\"height\":32,\"caption\":\"Visual Tour Builder\"},\"image\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add photos to elements in Step 2 - Visual Tour 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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/","og_locale":"en_US","og_type":"article","og_title":"How to add photos to elements in Step 2 - Visual Tour Builder","og_description":"You can attach images to any element within Step 2. These images will be visible in both the digital output and the PDF export, with some display limits to keep in mind. Where will the photos appear? Digital Output: The first 20 images added to each element will be displayed. PDF: The first 3 images &hellip; How to add photos to elements in Step 2 Read More &raquo;","og_url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/","og_site_name":"Visual Tour Builder","article_modified_time":"2025-07-14T09:16:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/","url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/","name":"How to add photos to elements in Step 2 - Visual Tour Builder","isPartOf":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#website"},"datePublished":"2025-07-14T09:13:47+00:00","dateModified":"2025-07-14T09:16:17+00:00","breadcrumb":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-to-add-photos-to-elements-in-step-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualtourbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How to add photos to elements in Step 2"}]},{"@type":"WebSite","@id":"https:\/\/visualtourbuilder.com\/eng\/#website","url":"https:\/\/visualtourbuilder.com\/eng\/","name":"Visual Tour Builder","description":"","publisher":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/visualtourbuilder.com\/eng\/#organization","name":"Visual Tour Builder","url":"https:\/\/visualtourbuilder.com\/eng\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/","url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","contentUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","width":32,"height":32,"caption":"Visual Tour Builder"},"image":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/12065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/users\/449"}],"replies":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/comments?post=12065"}],"version-history":[{"count":4,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/12065\/revisions"}],"predecessor-version":[{"id":12071,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/12065\/revisions\/12071"}],"wp:attachment":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/media?parent=12065"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-category?post=12065"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-tag?post=12065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}